Muchos dicen que el diseño está en los detalles y probablemente tengan razón. Y muchos de esos detalles están presentes en los iconos. Los iconos brindan ese extra y ayudan a atraer la atención a ciertos objetos o elementos.
La Metáfora
Los iconos son metáforas para texto, y es importantísimo que dicha metáfora sea utilizada a la perfección. Comunicaciones claras entre la página web y el visitante, son cruciales para que la usabilidad sea perfecta. El icono debe transmitir un mensaje que sea entendible para el usuario al 100%.
Utiliza objetos reconocibles y metáforas simples: El usuario deberá reconocer lo que el icono trata de comunicar. Utilizar objetos comunes como iconos, tales como una casa , es importante. Entre más simples y más gráficos sean, el usuario lo agradecerá más.
Algunos ejemplos:
Burbujas de conversación tipo comic para los comentarios
Un sobre para un enlace a un correo electrónico
Utilización de una flecha y de un disco ...
Archivado en:
Color, Diseño, Ilustración, Imagen, Internet, Tips, Vectorial
Tags:
consejos, creación, diseño web, iconos, usabilidad
Seguramente sabrás que el nuevo estándar web, es el HTML 5, y Google ha estado aplicándolo con éxito, por ejemplo en GMail. Y ¿De verdad sabes lo que es el HTML 5? Bueno, por si todavía no lo sabes, aquí está su significado:
HTML 5 (HyperText Markup Language, versión 5): Es la quinta revisión mayor del lenguaje básico de la World Wide Web, HTML. HTML 5 especifica dos variantes del mismo lenguaje: un «clásico» HTML (text/html), la variante conocida como HTML 5 y una variante XHTML conocida como XHTML 5. Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.
Significado extraído de la Wikipedia.
Es por eso, que se considera que el XHTML está practicamente muerto y el estándar dominante por varios años será el HTML 5. De acuerdo con el archivo de noticias de la W3C, el XHTML 2 working group, espera terminar de ...
Si eres de los que crea contenido en Internet, sin duda sabes que es importante que, de vez en cuando se publique contenido realmente interesante, pero que a la vez todos tus lectores lo comprendan, sea útil, y que al mismo tiempo atraiga tráfico a la página web. Y que mejor forma de hacerlo que ser viral en Internet.
Te preguntarás que ¿para que quieres ser viral? En primer lugar, ganarás montones de visitantes, en segundo lugar, ganarás enlaces entrantes a tu web, lo cual fortalece y mejora tu posición en los buscadores. Y lo mejor, serás utilizado como una referencia.
Para lograr ésto, deberás crear contenido que realmente atraiga gente, pero no sólo eso, sino que deberás de seguir ciertos consejos si es que en verdad quieres que tenga un impacto en tus lectores/visitantes:
Publica en el tiempo correcto
Trabajaste muchísimo para escribir o crear algo magnífico y tiene todo lo que necesitas ...
Obtener un buen Google Ranking basado en palabras clave que nos lleven a estar en los primeros lugares de ciertas búsquedas, es en ocasiones, uno de los objetivos principales de los negocios en línea cuando desean optimizar sus páginas para aparecer en las páginas de Google.
Y no es extraño que la mayoría de los usuarios, utilicemos Google como nuestro motor de búsqueda preferido al momento de buscar información, servicios o productos. Si una página web aparece en los rankings más altos de Google, obviamente será mucho más visible y por consiguiente accesible para los clientes que buscan servicios.
Sin embargo, si dicha página no utiliza las palabras clave correctas, su Google Ranking, irremediablemente bajará, lo que se traducirá en menos tráfico y menos ventas en línea. Así que, si tu negocio está en línea y has experimentado una baja en tu Google Ranking sin razón aparente, éstas podrían ser algunas ...
Cualquiera puede diseñar un logo, pero no cualquiera puede diseñar un logo que sea diferente a los demás, que sobresalga de la mayoría y sobre todo, que pueda ser utilizado como una herramienta de mercadeo. Aquí te dejamos algunos tips que sin duda te ayudarán a crear un excelente logo para tus clientes.
1.- Determina las necesidades de la compañía
Este puede ser considerado el paso más importante para comenzar a desarrollar un logo para una compañía; hazte a tí mismo las siguientes preguntas:
¿Que es lo que la compañía quiere comunicarle a las demás personas?
¿De que manera será publicitado el logo? ¿Cartelera publicitaria, revistas, trípticos?
Una vez que te has respondido éstas preguntas, deberás de establecer cual será la mejor manera de comunicar el mensaje que la compañía quiere dar a conocer de manera integral. Deberás de conocer a fondo el perfil de la compañía para la cual diseñarás el logo, además de ...
Nicole White ha hecho una recoplicación de documentos conocidos por los diseñadores web como cheat sheets, que ella considera, son extremadamente útiles. Afirma que se pueden utilizar como referencia, aprendizaje rápido y mucho más.
Pero sobre todo, ayudarán a muchos diseñadores a ahorrar tiempo, dinero, esfuerzo y errores. En la lista que ha publicado se pueden encontrar cheat sheets que hablan con respecto a aplicaciones de Adobe, programación HTML, CSS, AJAX, PHP, MySQL, y mucho más.
White considera que ha invertido mucho esfuerzo en poder juntar toda la información que comparte, por lo que, considera ésta recopilación como “la mejor colección de cheat sheets que hay actualmente“. Para acceder a ella, tendrás que hacerlo por medio de la página de Web Design Schools ...
Archivado en:
CSS&XHTML, Diseño, Herramientas, Internet, Productividad, Recopilaciones, Recursos, Tips
Tags:
adobe, AJAX, Cheat Shhets, css, diseño web, Documentación, HTML, MySQL, php
Twitter se ha convertido en un fenómeno. Y éste fenómeno ha contagiado tanto a los usuarios “normales” como a muchas grandes empresas. Y no sólo las empresas de informática sino a otras muchas de diferentes giros comerciales. Hemos encontrado una herramienta que además de ser divertida puede llegar a ser muy útil.
La empresa Taylor Digital Team ha creado Twitter Search donde podrás hacer una búsqueda en Twitter en tiempo real. Te preguntarás para que sirve. Es una herramienta para buscar “tweets“, que hablen de determinado tema, además de que permite analizar que programas o métodos son utilizados para postear en Twitter.
Es un hecho que muchos desarrolladores han ideado programas y métodos para categorizar los “tweets“, pero una cosa muy diferente es, saber que método fue utilizado para publicar un “tweet”, ya que permite saber por medio de que programa fue publicado.
Te puedes enterar si fue por medio del ordenador, si ...
Archivado en:
CodesWeb, Entretenimiento, Herramientas Online, Iconos&Wallpapers, Internet, Microblogging, Productividad, Tips, Utilidades
Tags:
búsquedas, Empresas, Entretenimiento, microblogging, Taylor Digital, twitter, Twitter Search
Muchas veces como webmasters, algo que nos preocupa mucho, es como nuestros clientes gestionan las imagenes en su página web; y es que, aún y cuando las imágenes en una página web son importantes, también afectan el desempeño de la misma.
Hay algunos consejos que habrá que seguir si es que queremos que las imágenes no interfieran con el desempeño de la misma:
Evitar tiempos de carga excesivos
Ahorrar ancho de banda
Procurar que nuestra página se vea lo más profesional posible
Ayudar a que el visitante tenga la mejor experiencia posible en su visita a nuestra página
Y para lograr ésto deberemos:
Nunca re-dimensionar las imágenes en el gestor propio de nuestro panel de administración, las deberemos re-dimensionar con un programa que esté diseñado para tal efecto. La principal razón de ésto es que aún y cuando la imagen se vea “pequeña“, sigue siendo pesada y el tiempo de carga se puede tornar excesivo.
Nunca utilizar ...
Archivado en:
Diseño, Fotografía, Imagen, Internet, Photoshop, Productividad, Tips
Tags:
consejos, formatos, gestión, Imagen, webmasters
Apenas nos acabamos de enterar, pero una página web conocida como Layers Magazine, año con año, da a conocer una recopilación de tips relacionados con las aplicaciones que utilizamos para diseñar o simplemente para manipular nuestras imágenes. Este año le ha tocado el turno a las aplicaciones de Adobe CS4.
En ésta entrega, Layers ha invitado a varios de los mejores diseñadores de la industria para que compartieran sus secretos mejor guardados. No sabemos como lo han hecho, pero lo han logrado. Siempre será interesante aprender nuevas formas de utilizar las aplicaciones que tenemos a nuestra disposición.
Para acceder a los tips de Layer, tendrás que hacerlo por medio de éste ...
Siempre será buena idea excluir el “tráfico interno” de tu compañía para que los reportes que nos da Google Analytics sean más fiables. La manera de hacerlo, es por medio de filtros que excluyen direcciones IP. Sin embargo, éstos están pensados para las direcciones IP estáticas.
El implementar éste tipo de filtros, siempre será un arma de doble filo, porque puedes llegar a excluir rangos de direcciones IP dinámicas, que representan auténticos visitantes a la página. Google ha puesto ha disposición de los usuarios, un método que sirve perfectamente bien si se trata de un Blog personal o de una pequeña empresa.
Por el contrario, si se trata de una empresa grande, donde varias personas tienen acceso a la administración de la página y además trabajan desde diferentes localidades, ese método se vuelve obsoleto. Por eso mismo, es difícil de implementar y, sin duda, arrojará errores en los reportes de Google Analytics.
Sin ...
Desde hace algunos días Google está insertando información en los vídeos de YouTube en forma de estrellas de calificación mas el título del vídeo en cuestión; aunque esta información durante la reproducción del vídeo no se muestra, puede ser molesta para algunos usuarios o de los administradores del sitio, porque simplemente puede romper la estética de toda la pagina. Bajo mi punto de vista, esta información queda fatal, sobretodo las estrellas.
Para que cualquier vídeo de YouTube embebido en tu sitio web se muestre sin esta información, basta con añadir el parámetro &showinfo=0 después de la dirección del código del vídeo.
Vía | ...
El servicio de microblogging por excelencia twitter está tomando cada día más relevancia y ya no es algo tan simple como parecía en un primer momento, los usuarios le dan cada vez más vueltas y lo usan para toda clase de cosas, como por ejemplo informarse. Puede que te interese incrustar lo que dices en twitter en tu blog o sitios web, para lo que cuentas con varias opciones diferentes.
Noupe hace un recopilatorio con 20 recursos diferentes centrados en twitter con tres pilares fundamentales: scripts y plugins para incrustar tu twitter donde quieras, varias extensiones para wordpress que permiten hacer lo mismo y finalmente varios iconos y botones de twitter para darle algo de diseño a la parte donde muestres los mensajes de twitter o simplemente para poner un enlace hacia tu cuenta en el servicio.
Por cierto, para los que les haga ilusión leerme, mi cuenta dentro de twitter es ...
Hace unos días escribía sobre el proceso seguido por Veerle`s para diseñar un theme wordpress. Hoy la cosa también va de procesos de diseño, pero en esta ocasión para un logotipo y es que personalmente me resultan muy prácticos este tipo de textos. Puedes saber como crear determinado efecto en photoshop o conocer interesantes fuentes para crear un logo, pero el proceso para diseñar se aprende con práctica y no hay reglas escritas, por eso está bien ver cuales son los pasos que siguen profesionales en la materia.
Uno de los integrantes de la empresa de diseño web Obox desing explica en su blog personal cual fue el proceso que siguió para obtener el nuevo logotipo de la empresa. Seguro que sacas alguna enseñanza de lo que nos cuenta, yo ya me apunté alguna cosa.
Enlace: Designing a new ...
La usabilidad de un sitio web, o traducido a la lengua de Cervantes facilitarle la vida al usuario lo máximo posible a la hora de navegar por un sitio web, es cada día más importante dentro del medio. Cada vez son más las webs que forman la www y se convierte en imprescindible aplicar todo lo que sea necesario para que nuestro sitio destaque sobre los demás.
Si no eres experto en el tema de hacer diseños usables, que mejor forma de empezar que con unos simples tips de muy fácil aplicación, a saber:
Incluye siempre un lema que describa clara y concisamente al sitio y que esté en una posición privilegiada (el header por ejemplo)
Ofrece a tus visitantes un cajón de búsqueda de contenido
No abuses de elementos gráficos
Añade un mapa del sitio, tanto para visitantes como para buscadores
No rompas el flujo de trabajo del usuario. Dale opciones siempre
La estructura tiene que ...