Reading text on a white screen with a poor choice of typography is quite hard to the eyes. User style sheets is an accesibility feature that comes handy for everyone. For example on Safari, we can go to Preferences > Advances and select our custom made style sheet. The changes will apply on every website made in HTML, it won’t work on Flash sites.
Customizing background color and font
If you’re not familiar with CSS coding, you can try out typography.css from the Better Web Readability Project. If you want to hand code your CSS choose a neutral background color, a font designed for the screen and a big font size.
Hiding undesired content
Do you participate in Twitter? If you don’t want to keep track of your followers number, look up the class or ID of the container in Firebug and add a line to your user style sheet.
#follower_count_link{display:none}
User vs Author style sheets
What does user styles sheet meant for designers? Just remember not to abuse on !important declarations, so that the user can adjust the web page to their needs and likes.
A medida que Internet se torna más participativa y además de mirar páginas, empezamos a comprar online y usar aplicaciones basadas en web - desde el simple correo electrónico hasta aplicaciones para gestionar nuestro negocio - empieza a tomar relevancia cuál programa estamos usando.
Usar la última versión del navegador preferido, es altamente recomendable para evitar problemas de seguridad, pero aparte de la seguridad, hay características que nos pueden resultar útiles. A continuación voy a comentar los puntos fuertes de cada navegador (en orden alfabético).
Safari tiene una visualización única de las páginas visitadas, el cover flow de Apple. Tiene también un suavizado de fuentes propio, que hace que las tipografías en tamaños grandes, luzcan asombrosas.
Muchos desarrolladores utilizan el Firefug e YSlow (para Firefox), Safari cuenta con un inspector web y otras herramientas para desarrolladores nativas, que cumple las mismas funciones.
Es ideal para diseñadores y desarrolladores y cualquier persona que valore la calidad hasta en los más mínimos detalles.
Se define como el navegador web social, además de como navegador, funciona como cliente de Facebook, Twitter y otros. Lo estuve probando y me aburrí en 2 días, no le encontré sentido a estar conectada todo el tiempo a Twitter, mientras estoy haciendo otras tareas y algunas funciones no son demasiado claras.
Es ideal para quienes quieran probar algo nuevo, pero todavía le falta desarrollo.
Chrome es el navegador web de Google, está basado en webkit, al igual que Safari. A primera vista, llama la atención su diseño minimalista, pero con el uso, nos damos cuenta, que no le falta nada. La interfase ocupa pocos pixeles y no tiene colores que nos distraigan, lo más importante al usar Google Chrome, es la web, no el programa en sí.
La barra de direcciones y el buscador están integrados y se puede escribir una URL, el nombre de un sitio, palabras claves, etc. y siempre llegamos a nuestro destino. Los sitios más visitados, las pestañas cerradas recientemente, el historial y las descargas, son muy fáciles de usar.
Rendimiento y estabilidad
El rendimiento de Chrome y Safari es excepcional en las páginas que utilizan JavaScript (aplicaciones). Otra ventaja, es que si una pestaña se cuelga, se puede cerrar (con el administrador de tareas) sin afectar al resto.
Chrome es ideal para quienes quieran enfocarse en la productividad.
Los productos de Microsoft, suelen tener muchos detractores con críticas fundadas o infundadas. Es cierto que el Internet Explorer 6 tiene hoy en día fallas graves de seguridad y problemas de visualización, pero en la versión 8 fueron totalmente solucionadas.
Navegación InPrivate (de incógnito)
El ejemplo que se suele poner es que estás comprando un regalo de cumpleaños para alguien y no querés que se entere, pero básicamente sirve para navegar sin dejar rastros de nuestra actividad.
Este navegador es ideal para personas que estén acostumbras a usar los programas de Microsoft (por ejemplo Office), porque les va a resultar familiar.
Firefox tiene muchos complementos. Fuera de eso, no le encuentro ninguna ventaja, No tiene ninguna función exclusiva, que los demás navegadores no tengan. En cuanto al rendimiento, las últimas versiones, son particularmente lentas, sobre todo a la hora de abrir el programa y actualizar los complementos, solicitando frecuentemente reiniciar el programa.
Es ideal para los fanáticos a muerte del software libre o para los crédulos que se convenzan de que es mejor que los demás por la "barra de direcciones alucinante" y la "supervelocidad".
Le han incorporado tantas características que hoy en día suena raro llamarlo navegador a secas, es una suite que incorpora todas las funciones asociadas con la web, pero probablemente es demasiado para la mayoría de los usuarios. Los gestos del mouse, es una función, por ejemplo, que nunca le encontré utilidad ni conozco a nadie que la use.
Turbo
Una de las funciones más interesantes de Opera es Turbo. Sirve para acelerar la navegación cuando detecta que la conexión es lenta, el mecanismo es muy similar al Opera Mini (versión para el celular).
Email, RSS, Torrents
Opera cuenta con un cliente de correo, un lector RSS y un gestor de descargas con BitTorrent, para descargar un torrent cada tanto, es más práctico usar el Opera que un cliente de dudosa procedencia.
Discado rápido y múltiples páginas de inicio
Opera se abre con todas las pestañas con las que se cerró, de esta manera permite tener múltiples páginas de inicio o restaurar la sesión si el programa se cierra por error. Al discado rápido, se pueden agregar 9 sitios para acceder rápidamente, es parecido a los favoritos o marcadores. Hay otros programas que hacen lo mismo, pero Opera fue el precursor.
Opera es ideal para quienes tengan una conexión lenta y para quienes quieran tener todo en uno.
Conclusiones
Basarse exclusivamente en estadísticas de rendimiento o en datos técnicos, no contempla la experiencia del usuario, que es lo más importante cuando se usa un programa tan seguido, como en el caso de los navegadores. Por eso, siempre y cuando esté actualizado, recomiendo usar el navegador con el cual se sientan más cómodos.
En lo personal, uso Chrome, porque me permite realizar mis tareas frecuentes online rápidamente y no desperdicio espacio en la pantalla con mil barras inútiles. ¿Ustedes cuál prefieren y por qué?
In The Southern Vampire Mysteries, there are some sex scenes narrated from a female point of view. Sookie is a 26 year old who doesn't have much experience with men, so the descriptions are quite naive. She says that vampires are cold, don't breathe and their harts don't beat, but in the TV show, Bill the vampire, really looks like a corpse. True Blood sex scenes are disturbing, in the necrophilia disturbing kind of way.
The Drugs
When humans drink vampire blood, they get strength, highlightened senses, etc. In the book, humans drain vampires, which is a crime, and sell their blood. It's like saying that dealing drugs is bad… In True Blood, there're vampires involved in the business, now, that's interesting.
The Characters
Sookie, Bill, Eric, Sam, etc. are give or take the same in the book and the TV show. Supporting characters like Lafayette and the maenad are brute diamonds in the book that shine on TV.
Lafayette is a colorful African American gay cooker, who gets killed in about the 2nd page of Dead in Dallas. On TV, he doesn't do anything extraordinary, but he shows the double standard of politicians, and helps to define the identity of other characters.
The maenad is a mythological being that is passing through Bon Temps and causes minor disturbances. In True Blood, Mary Anne makes the whole town participate in an orgy and wants to sacrifice a shape shifter in a pagan ritual.
In the books, when a vampires kills another, she must pay a fine. In True Blood, justice is not about money, it's making a new vampire, so there's a teenage vampire. The humans are in the late twenties or thirties, and the vampires of course are mature, so having a teenager character adds a note of humor.
Conclusion
The Sookie Stackhouse novels and True Blood are different, the books are not bad at all and worth reading, specially if you're a woman, since they're quite romantic. The books are just yet another vampire tale, but True Blood definetely stands out from the other vampires TV shows. There's a female woman and a male vampire, but that's the only coincidence with other shows.
What Alan Ball did with Charlaine Harris world reminds me of what Stanley Kubrick / Steven Spielberg done with Super-Toys Last All Summer Long, discovering a good idea and make it better.
¿Are you a book worm or a couch potato? ¿What do you like better, The Sookie Stackhouse novels or True Blood?
Para realizar una pieza impresa o digital podemos optar por utilizar recursos gratuitos o pagos, pero ¿en diseño, lo barato sale caro?
Una familia completa (regular, cursiva, negrita y otras variantes) cuesta alrededor de US$ 150, es bastante tentador entonces utilizar una fuente gratis. Cualquiera puede diseñar un alfabeto, pero un buen diseño debería tener en cuenta varios factores, por ejemplo:
el idioma: cada idioma tienen secuencias de letras que se repiten, en español, después de la q siempre va una u, por lo tanto aparte del diseño del caracter individual, qu tiene que funcionar bien juntos. Obviamente también vamos a necesitar tildes y ñ.
el medio: teniendo en cuenta cómo los pixeles forman una imagen en la pantalla o cómo los puntos de tinta dibujan las formas, hay tipografías optimizadas para distintos medios, inclusive hay tipografías diseñadas para ahorrar papel o tinta.
la técnica: dibujar una letra, no es tan sencillo como parece, prueben imprimir un par de letras de distintas fuentes en tamaño A4 y van a notar la diferencia.
Usos de las fuentes gratis
Piezas publicitarias (folletos, calendarios, volantes, afiches, animaciones): en el tamaño que se van a usar, si tuvieran defectos, no se notan, y no tiene mucho sentido gastar en una fuente fantasía que se va a utilizar una única vez.
Logotipos: si la tipografía se va a modificar sustancialmente y es sólo el punto de partida y además se necesitan unas pocos caracteres - no el set completo - se puede utilizar cualquier fuente, hay muchas fuentes gratis que son "parecidas a.. ." y en este caso con parecido alcanza y sobra.
Usos de las fuentes comerciales
Diseño editorial: en diarios, revistas, libros, conviene usar una tipografía de las clásicas, que son todas con licencia, o una tipografía de un diseñador contemporáneo, pero de calidad comprobada, porque es mucha cantidad de texto y en tamaños pequeños, como para arriesgarse.
Señalética: en proyectos de gran envergadura, con un costo alto, es ridículo quererse ahorrar unos dólares. De las fuentes comerciales hay mucha información disponible y se puede investigar fácilmente qué tipografías son más adecuadas para este tipo de piezas.
¿Y para el diseño web?
Aparte de las fuentes del sistema, ahora con @font-face y varios servicios (Typekit y otros) se puede usar cualquier fuente cuya licencia lo permita, en diseño web, lo que estamos viendo en la pantalla es el producto final, así que si queda bien, es válido.
Once you send an email, it's gone, you can't edit it. If you want to add someone to the conversation, you have to search and forward messages.
In Google Wave, you can always edit and adding more people is as easy as drag and drop.
Google Wave vs Google Docs
In Google Docs, if you want to know who write it, you have to previously agree in some kind of code to identify each other. You can see the date of the last modification, but have I read it already? Is there something new? Who knows…
In Google Wave, you have the choice to edit or reply at any place in the document / conversation. There's a clear green indicator of unread items.
Google Wave vs Instant Messaging
Sometimes when you're chatting with several people, you have the need to say something in private, so you'll end up with multiple windows open and more chances to make a mistake.
In Google Wave, you can have private conversations inside a public conversation, so you can deliver the message to who you want, without making noise to the others.
Conclusion: Google Wave at the workplace
Google Wave has a good mix of communication and collaboration tools to work in a project with other people. ¿A new member has joined the team? Just add her to the wave, and let her know what you've been doing.
In other words, Google Wave is just great for the workplace.
Conclusion: Google Wave with friends and family
Forwarding a video attachment is a waste of time and resources, but when you are hanging out with friends, who cares about productivity?
For a senior citizen, email is easy, after all is a letter that she can send from the comfort of her home, but a wave, a blip, an extension and a bot… what are you talking about? There are too many new terms. Adding a bot to your contacts, and then to a wave, to perform automated tasks, I can't imagine explaining that to my mother.
For friends and family, stick with Facebook (or email, or better: get together in person!).
Following the instructions on this article and downloading the files from this site, I installed Google Chrome OS.
Starting
Login with a Google Account is a good concept, because you don't need one more extra password and you log in Google at the same time. On the other hand, I had personal and business accounts, so I need to be able to login at different websites with different credentials, I don't think this will be possible without restarting.
The Operating System
It's just a browser! There are 2 icons, a battery indicator and an option to turn in/off the Wi-Fi, and nothing more. There's a big icon that apparently is a menu, but nothing happens, so we're going to be patient and wait till next year to fully test the OS.
The OS concept
Google's OS is the first OS with a concept behind: accessing Internet very fast (7 seconds). As a graphic designer, I can't give up all the desktop software, but I think it's a good idea for some people. Way too minimal maybe.
At this stage, I've seen a more appealing Linux version for netbooks, but it's nice to have more Open Source options.
Desde qué fuente ingresan los visitantes a cuál página. Cada rectángulo es una página, el tamaño representa la cantidad de visitas y los colores el bounce rate. Está muy interesante para analizar el bounce rate en contexto. Por ejemplo, los visitantes que vienen desde Google, sólo miran una página y se van? ¿Qué acciones se pueden tomar para que sigan navegando el sitio y se conviertan en lectores?
El árbol de keywords
Conecta las palabras claves a través de las cuales los visitantes acceden al sitio. El color y el tamaño representan la performance. Nos recuerda que las palabras claves que utilizan los usuarios, no son necesariamente palabras, sino generalmente frases.
Las visualizaciones son muy útiles para detectar tendencias, ya que cuando miramos una tabla, nos concentramos demasiado en las cantidades, el árbol nos tapa el bosque.
Hace un tiempo atrás opinaba que era mejor usar un cliente que la web de Twitter, pero las cosas están cambiando...
Notificaciones
Empecé a usar un cliente para no tener que actualizar la página con F5 a cada rato, pero ahora hay un mensaje con la cantidad de tweets nuevos y es bastante sencillo.
En la página no hay excesiva cantidad de tweets y se pueden leer en poco tiempo.
Luego, cuando hay tweets nuevos, se sabe cuántos y se pueden leer instantáneamente o dejar que se acumulen.
Mientas que la ventana está abierta, va cambiando el título (con la cantidad de nuevos), pero obviamente no hace ruido ni ningún tipo de notificación molesta en la pantalla que perturbe el trabajo.
Los Retweets
El re-tweets surgió espontáneamente, no estaba dentro de las funcionalidades originales de Twitter.
Con la proliferación de los clientes, cada vez se torna más confuso el tema, al principio se usaba "RT", pero algunos clientes lo denominan "via", otros te dejan elegir, a veces según el cliente de cada usuario quedan simultáneamente "RT" y "via" simultáneamente, más varios nombres de usuarios, que simplemente son ruido.
Twitter demoró realmente mucho tiempo en implementarlo en la web, pero ese tiempo les sirvió para investigar la problemática y la solución que proponen es diferente a cómo está implementado hoy en día en los clientes. El proceso está muy bien explicado en Why Retweet works the way it does. Que el mismo retweet no aparezca una vez tras otra en la timeline, es muy útil, ya que leer lo mismo una y otra vez, es una pérdida de tiempo, además de aburridísimo.
Al estar integrados al sistema, se pueden ver filtrados:
Las listas
El concepto es parecido a los grupos de TweetDeck. Dentro de un gran conjunto de following, se puede crear un subconjunto, darle un nombre para identificarlo.¿Para qué? Los grupos eran para darle una prioridad de lectura a ciertos tweets, pero las listas van más allá. Ser listado pasa a ser más prestigioso que ser simplemente seguido y al ser públicas aumentan las posibilidades de networking.
¿Qué le falta a Twitter?
No estaría mal tener un URL shortener, integrado al sistema.
Axure has a two side panels, so the working space is small. It has too many options and it seems quite difficult for doing a quick wireframe. Sometimes you have an idea and you want to draw it, and the complexity of this software gets in the way.
Balsamiq is probably the most popular software. It has a sketchy feeling that looks kind of cute, but also childish, I don't see myself showing that to a client. The preview of the components is not very clear, I had to drag some to the working area to see what they were. I loved the grid at first sight, but it didn't help me much. It has good keyboard support (CTRL+C, CRTL+V).
FlairBuilder has two different themes (classic and sketchy). You can see the measure of the elements while you draw, so if you want an specific width, you don't need further editing. It has a design and a preview mode, in preview, the videos and maps really work!
Type: Web app | Price: Free (limited), US$ 50/year
The elements can be aligned using guide lines that work similar to Adobe Flash. Besides the default library, you can add more, for example cursors and different browser windows.
The working area is tiny, there are not many components and they are all desktop software oriented. The point of wireframing is no to insert every single image, so "no image" is ridiculous.
The Choice
Both Flair Builder and Mockflow have the functionalities I want (components library and building interactivity). For wireframing they are more expensive than what I expected, but you can substitute the placeholders for actual images, change colors, etc. so the wireframe can evolve and depending on the project, you can jump to the coding stage without using other software in the middle.
I choose Mockflow, because since it is web based, I can use it at home (in my desktop or my laptop) and at the office, without paying for additional licenses.
El jueves pasado en el hotel Balmoral, se llevó a cabo Montevideo Valley 2 con ponenecias de:
Pedidos Ya
Microsoft (Presentación de WebSpark)
Pablo Sueiro
Había entendido que iba a hablar alguien de Opina, no sé si entendí mal o se canceló. Casi 1 hora para acreditar 100 y poco de personas, me parece un disparate, hubiera preferido pagar una entrada y que la organización fuera mejor, pero lo más importante, que son las ponencias, estuvieron bien.
Faltó quizás una introducción a qué es "Montevideo Valley", ya que he escuchado acerca de Palermo Valley, pero no sé si Montevideo Valley tiene una agenda, o si es algo totalmente neutral.
El tema que más me interesaba es el de social media, pero Pablo Sueiro no dijo nada nuevo para mí.
La presentación que más me gustó fue la de Microsoft, porque tienen varios productos para emprendedores que no conocía y además habló con profesionalismo, por la ORT estoy muy acostumbrada a presentaciones a nivel estudiante y su presentación no tenía ninguno de los típicos errores (Este… ).
A Uruguay lamentablemente todo llega un par de años más tarde, pero por suerte con el nivel cultural se equipara y si bien hay mucho camino para andar, no somos los últimos y hay algunos proyectos interesantes o por lo menos gente que tiene ganas.
Los políticos ya la tienen clara, mirando sus páginas de Facebook y su publicidad online, no queda nninguna duda, a las empresas privadas sí, aún les falta incorporar más medios al mix, pero sobre todo falta educación. Las carreras universitarias se han quedado en el tiempo, y no sé si debido a la burocracia del Ministerio de Educación y Cultura o a que los profesores muchas veces tienen cero experiencia laboral y se han quedado en el tiempo, no hay formación integral orientada a la web.
Me parece irónico, que por un lado los escolares tengan los laptops del Plan Ceibal y depúes yo en una clase en una facultad privada tenga que escuchar que una clase y una ID son lo mismo y es un gusto personal del diseñador elegir cuál usar, que obviamente es un reverendo disparate. Es el país de contradicciones en el que vivimos, pero eventos como este Montevideo Valley y otras iniaciativas, son favorables, por lo menos para abrirle la cabeza a algunos dinosaurios que todavía no se extinguieron y para que el autodidacta no se sienta tan solo.
Comments [0]