Archivo

Posts Tagged ‘Diseño’

Infografía: Crear un Diseño Responsive para el Email

27 de mayo de 2014 Deja un comentario

El correo electrónico móvil está aumentando, con aproximadamente en un 50% del correo electrónico que se abre en un dispositivo móvil. La mayoría del correo electrónico a través del móvil se abre en el iPhone, con Android e iPad relativamente en partes iguales.

Es crucial que los profesionales de marketing entiendan este cambio y sepan adaptarse en consecuencia. ¿Por qué? Ya que, aun cuando se escribe un correo electrónico perfecto con bellas imágenes y una perfecta copia, eso no significa que podrán leerlo. Una encuesta realizada por BlueHornet pedía a los usuarios lo que iban a hacer si un correo electrónico a través del móvil no era bueno. El 80,3 % afirmaban que lo eliminaban, y el 30,2 % diciendo que iban a darse de baja.

Si su correo electrónico no es algo que esté bien, la gente lo eliminará. Todos los mensajes de correo electrónico que envíe deben mirar perfecto, sea cual sea el dispositivo.

Así que ¿cómo se puede enviar el mismo mensaje de correo electrónico a todos los usuarios de su lista de suscriptores y asegurar el formato?

Mediante las prácticas de diseño Responsive.

Un correo electrónico “Responsive” (o página web) significa que proporciona un diseño óptimo a través de los dispositivos. “Responde” al dispositivo que se está utilizando. Al verlo en el móvil, un sitio web bien diseñado como responsive garantiza al usuario que no tiene que pinchar y hacer zoom. Una página web tiene que ser un sitio web usable.

Los correos electrónicos responsive deben tener este aspecto en el escritorio:

Infographic Creating a Responsive Email Design

Este es el aspecto en un dispositivo móvil:

responsive-email-mobile 2

 

El diseño del los cambios en el correo electrónico para que se ajuste a un dispositivo móvil. Ajustar las imágenes al tamaño adecuado y la CTA se mueve para un clic para que se de un toque. También se debe tener en cuenta el cambio de copia en la CTA. Cuando en el móvil, la CTA dice: “la aplicación y probar ahora”.  Se trata de unas mucho más adecuadas y específicas CTA.

¿Desea aprender cómo hacer que su cuenta de correo electrónico sea como ésta? Eche un vistazo a esta infografía, cortesía de la gente en Litmus:

 

how-to-responsive-email-design-infographic 3

 

Artículos relacionados:

 

 

Theme Junkie

 

+40 Potentes Herramientas para el Ahorro de Tiempo en el Diseño Web

12 de junio de 2013 2 comentarios

Ser un diseñador web no es nada fácil. No sólo se debe tener un buen conocimiento sobre el diseño visual, tipografía, arquitectura de la información, la psicología y una plétora de otras disciplinas, en este trabajo, hay que cuidar muchos detalles, para que este trabajo no se vuelva cada vez más  lento, se requiere de docenas de herramientas, capacidad de concentración y un flujo de trabajo eficaz para obtener resultados hermosos, oportunos y funcionales.

Y aquí es donde los pequeños ahorradores de tiempo llegan a ser muy útiles. Ya se trate de una lista de comprobación práctica, instalador de lote, generador de imágenes maniquí o un convertidor de hoja de cálculo Excel a HTML – todas estas cosas nos puede ahorrar un par de minutos todos los días, por lo que este trabajo será más fácil y más eficiente. Y es por eso que este artículo ayudará a este propósito. Si le gustan las listas o no: éste probablemente le ayudará a encontrar esas pepitas de oro que hay por ahí y de esta forma le ayudará a evitar dolores de cabeza y estrés. A continuación se presentan útiles herramientas para el ahorro de tiempo para los diseñadores web.

 

Ahorro de tiempo para los diseñadores de la Web

 

LaunchList

 

Esta herramienta ayuda a revisar los elementos importantes antes del gran lanzamiento. De forma predeterminada, la herramienta proporciona 28 puntos de control, sino que también le permite añadir elementos personalizados a la lista. Cada artículo puede ser comentado o tachado. Una vez que haya terminado, usted puede enviar el informe junto con los detalles del proyecto a varios destinatarios por correo electrónico. Alternativas: Ultimate Website Launch Checklist y The Ultimate Website Prelaunch Checklist de Paul Boag.

 

Pencil Project: Dibujo y diseño de prototipos con Firefox

 

Pencil es una herramienta de fuente abierta de prototipado GUI. Contiene plantillas incorporadas para diagramas y prototipos, en la pantalla de edición de texto con soporte de texto enriquecido, así como las operaciones estándar de dibujo. Funciona en Firefox 3.5 +.

 

+40 Potentes Herramientas para el Ahorro de Tiempo en el Diseño Web

Zootool

 

Zootool es un sitio web de marcadores y la herramienta de recogida de imágenes, documentos, enlaces y vídeos desde cualquier lugar de la Web. Un bookmarklet le permite recoger objetos de forma rápida y sencilla. A continuación, puede etiquetar y organizar los elementos guardados en la parte de atrás de Zootool. También puede integrar con Zootool, Tumblr, Twitter, Delicious y FriendFeed y para compartir lo que encuentre. La captura de pantalla a través de MacStories.

 

Bounce

 

Una manera divertida y fácil de compartir ideas en un sitio web. La herramienta le permite tomar notas, escribir comentarios en una superposición de cada sitio y luego compartir las notas con los amigos.

 

Ninite Batch Installer

Ninite

Ninite le permite elegir su software favorito de entre una lista extensa (navegadores web, mensajería, multimedia, imágenes, documentos, seguridad, tiempos de ejecución, intercambio de archivos, utilidades de compresión, herramientas de desarrollo y más), crea un instalador de lote para ellos y luego los instala de forma automática. Alternativa: Allmyapps le permite agrupar sus aplicaciones favoritas, instalarlos en un solo clic y volver a ellos cuando sea necesario.

 

Support Details

 

En caso de duda, enviar a sus clientes a esta herramienta. Sus datos se leen automáticamente fuera del navegador (incluyendo la versión Flash, sistema operativo, cookies, estado JavaScript, resolución de pantalla, el tamaño del navegador y más) y puede ser copiado, enviado directamente a usted a través de correo electrónico o guardarlos.

 

MugTug’s Darkroom

 

Cuando tenga que modificar una imagen, pero no tiene su software favorito a mano, puede utilizar el MugTug’s Darkroom todo en una sola imagen, que fue creado para los fotógrafos. Usted es capaz de ajustar los niveles, el balance de blancos, la exposición, el contraste y la saturación y aplicar unos pocos efectos fotográficos. Además, Darkroom permite subir fotos desde Picasa y Flickr. Alternativas: Pixlr y Sumo Paint.

 

Visual Website Optimizer

 

Visual Website Optimizer

 

Visual Website Optimizer es sin duda el mejor A / B, split y software de pruebas múltiples jamás creado por el hombre.

 

Keyonary

 

Este sitio es una aplicación pequeña y atractiva para la búsqueda de atajos de Mac OS X, Photoshop, etc. En la actualidad, más de 250 atajos de Photoshop se han añadido. Simplemente escriba el nombre de la aplicación en el cuadro de búsqueda, y nos envía una larga lista de accesos directos.

 

gridr buildrrr

 

Estos generadores le permite elegir la rejilla para el diseño y obtener una vista previa en línea.

 

Instant Blueprint – Crear un marco de proyecto web en segundos.

 

Instantblueprint

 

Instant Blueprint le permite crear rápidamente un marco de proyecto web con validez HTML / XHTML y CSS en sólo cuestión de segundos, lo que le permite obtener su proyecto en marcha más rápido.

 

Hummingbird

 

Hummingbird le permite ver cómo los visitantes interactúan con su sitio web en tiempo real. Hummingbird está construido en la cima de Node.js, un nuevo conjunto de herramientas web javascript que puede manejar grandes cantidades de tráfico y muchos usuarios al mismo tiempo.

 

jsFiddle

 

Editor online para la Web, con el apoyo de JavaScript, MooTools, jQuery, Prototype, YUI, Glow y Dojo, HTML y CSS. La herramienta le permite guardar y ejecutar sus aplicaciones en el navegador web.

 

String: crear un sitio web en varios idiomas o aplicación

 

Esencialmente, es una cadena de control de versiones para la localización. Esta herramienta le permite administrar sus archivos de idioma – desde PHP a PO a Rails para aplicaciones iPhone. Puede invitar a los usuarios traducir su contenido, y realizar un seguimiento de los cambios. Puede agregar nuevas secciones e idiomas sobre la marcha y luego descargar los archivos de idioma actualizados y colocarlos en su aplicación.

 

Gengo

Titanpad

 

Esta herramienta le permite editar documentos simultáneamente con otros usuarios, destacando de cada usuario editando en un color diferente. La edición se realiza en verdadero tiempo real. Buena solución para todos los que trabajan en colaboración en documentos de texto, ya sea en la misma oficina o en el otro lado del mundo.

 

Pixelnovel Timeline: Versión de Control para Adobe Photoshop

 

Esta herramienta integra básicamente un cliente de Subversion en Adobe Photoshop con un plug-in de Adobe Photoshop. Puede escuchar versiones correctas en Photoshop y administrar el control de versiones directamente desde Photoshop. No es gratis.

 

0to255

 

Una sencilla herramienta que ayuda a los diseñadores web a encontrar variaciones de cualquier color. Sólo tiene que elegir el color que desee para comenzar, y 0to255 le da una gama de colores desde el negro al blanco usando un intervalo optimizado para el diseño web. A continuación, haga clic en la variación que desee utilizar y el código hexadecimal se copia automáticamente en el portapapeles.

 

Load Impact: Sitio Web de carga / prueba de esfuerzo

 

Loadimpact

 

Esta herramienta le permite descubrir los límites de rendimiento de su sitio web antes de aprender de la manera difícil. Se trata de un servicio en línea que simula usuarios que acceden a su sitio y crea gráficos de prueba de informes para averiguar cuántos usuarios de su sitio podría manejar.

 

Ideone: Online IDE & Debugging Tool

 

Esta herramienta es un compilador de línea y herramienta de depuración que permite compilar y ejecutar código en línea en más de 40 lenguajes de programación, entre ellos C + +, Java, JavaScript, Perl, PHP, Python y Ruby. Alternativas en línea: PHP Anywhere (editor en línea PHP) y CodeRun (le permite desarrollar, probar y depurar ASP.NET, PHP y aplicaciones Ajax en línea).

 

Online Dummy Image Generator

 

Esta herramienta en línea genera imágenes ficticias para su sitio: puede especificar los colores de tamaño, de fondo y de primer plano, formato de imagen y añadir texto personalizado. También puede utilizar los métodos abreviados para varias dimensiones estándar, incluyendo tamaños de anuncios (mediumrectangle, skyscarper, clasificación, etc), el tamaño de resolución de pantalla y los estándares de vídeo (NTSC, PAL, HD720, HD1080).

 

HiFi RegExp Tool

 

HiFi RegExp Tool

 

Las expresiones regulares pueden ser un dolor. La herramienta HiFi RegExp es 100% usando jQuery JavaScript. Esta herramienta fue creada para ayudar a los desarrolladores a aprender, practicar y componer expresiones regulares.

 

Tableizer

 

Los clientes a menudo proporcionan datos en forma de hoja de cálculo y volver a formatear en HTML puede ser un dolor real. Esta herramienta genera tablas HTML a partir de datos de hojas de cálculo. Sólo tiene que copiar y pegar las celdas de la hoja de cálculo, elija sus opciones (tipo de letra, tamaño de fuente y color de cabecera) y tiene una tabla HTML con el formato correcto para sus datos.

 

FollowUpThen: Fácil Recordatorio de correo electrónico

 

Si no le importa el envío de sus e-mails a un tercero, prueba esta herramienta para los recordatorios de correo electrónico fácilmente. En el siguiente correo electrónico basta con incluir time-interval@followupthen.com y la herramienta hará un seguimiento después del intervalo de tiempo especificado. No se requiere cuenta.

 

Divine: Herramienta de conversión de PSD a HTML

 

Divine es un plug-in que se encuentra en la parte superior de Photoshop. Una vez que haya terminado el diseño en Photoshop, abra el plug-in Divine en Photoshop, asigna funciones de WordPress a los elementos principales (por ejemplo, # pie de página, # header, etc), y luego el plug-in preparará todos los archivos que necesita. Una vez establecido el acceso FTP, los archivos de la herramienta del tema automáticamente los envía a su servidor. Absolutamente libre.

 

Kaleido

 

Kaleido

 

Esta herramienta le permite crear efectos visuales significativos para el código y se puede utilizar para planificar, organizar y navegar por el código de una manera más intuitiva.

 

Sketchpad

 

Esta aplicación es un potente editor de imágenes online. Sus herramientas están organizadas en cajas de útiles, que pueden arrastrarse, que pueden posicionarse mucho como puedes ver en las tradicionales aplicaciones de edición de imágenes.

 

Unicode code converter

 

Escriba o pegue el texto en cualquiera de las casillas sombreadas de color verde o gris y haga clic en el botón Convertir encima de ella. Las representaciones alternativas aparecerán en todas las otras cajas. A continuación, puede cortar y pegar los resultados en el documento.

 

Grid System Generator

 

Esta herramienta genera en los sistemas de red válido css / xhtml para el prototipado rápido, entornos de desarrollo y producción. Los generadores del sistema de rejilla ofrecen la posibilidad de personalizar el ancho, número de columnas y el margen (s) para permitir más flexibilidad para varios diseños.

 

ud.com namecheck

 

United Domains

 

La herramienta comprueba la disponibilidad de nombres de usuario, nombres de dominios sociales y las marcas.

 

Typograph — Escala y Ritmo

 

Una herramienta útil para probar la escala y el ritmo tipográfico. Le permite ajustar factores como la escala tipográfica (tradicional, 3:5 Fibonacci, Le Corbusier, etc), el tamaño de fuente en porcentaje, la altura de la línea, el diseño, el relleno y la altura de la línea para los encabezados h1, h2 y h3.

 

Scale y Rhytm

ColorBrewer Intro – Selección de buenas combinaciones de colores para mapas

 

ColorBrewer es una herramienta en línea diseñada para ayudar a las personas a seleccionar buenos esquemas de color para mapas y otros gráficos.

 

+40 Potentes Herramientas para el Ahorro de Tiempo en el Diseño Web

CSS Inliner Tool

 

Si alguna vez ha enviado una campaña de correo electrónico, sabe que si su CSS no está codificado en línea, es probable que se despoje a cabo por clientes de correo electrónico, que pueden hacer el diseño de su correo electrónico bastante funky. Escribir CSS en línea puede llevar mucho tiempo y con muchas repetitivas. MailChimp tiene una herramienta de conversión de CSS en línea construida directamente que automáticamente transformará todos los estilos locales en los estilos en línea. Los diseñadores lo han encontrado muy útil, pensamos que sería mejor compartirlo con todo el mundo – incluso si no tiene una cuenta de MailChimp.

 

HTML Purifier – Filtrar el código HTML de la manera compatible con los estándares.

 

HTML Purifier es compatible con los estándares HTML con una biblioteca filtro escrita en PHP. HTML Purifier elimina el código malicioso (más conocida como XSS) y se asegura de que sus documentos son compatibles con los estándares.

 

Rendera

 

Rendera

 

Rendera ayuda a aprender HTML5 y CSS. Escriba su código HTML y verlo en Rendera en tiempo real. A continuación, el estilo con CSS. Puede utilizar cualquiera de las etiquetas HTML 5 o CSS3 en su navegador. La herramienta es compatible con HAML y SASS.

 

RegExr

 

Una herramienta intuitiva para aprender, escribir y probar expresiones regulares.

 

try ruby! (en su navegador)

 

Esta herramienta le permite probar el código Ruby en la línea de línea de comandos del sistema. Es compatible con built-in de métodos Ruby, y contiene un tutorial paso a paso para novatos en Ruby.

 

Google Command Line

 

GoogleCL es una utilidad de línea de comandos que permite acceder a varios servicios de Google. Simplifica las tareas tales como la publicación en un blog de Blogger, agregar eventos al calendario, o editar documentos en Google Docs.

 

Tiny Fluid Grid

 

tiny fluid grid

 

Sencilla herramienta que genera código para diseños fluidos a base de rejilla.

 

Fonolo.com

 

Esta herramienta en línea le permite omitir los menús telefónicos de cientos de empresas y hace que sea menos frustrante para llamar a las grandes empresas. Para los dueños de negocios, Fonolo permite a sus clientes  ver realmente sus opciones de menú del teléfono, antes de que le llamen.

 

Producteev: Creación de listas de tareas con correos electrónicos

 

Transfiere sus correos electrónicos importantes a task@producteev.com y la herramienta va a crear listas de tareas sobre la marcha y le envian un email cuando sea necesario. Se puede integrar en mensajes de correo electrónico, mensajería instantánea, Web, iPhone, Gmail, Google Calendar, etc.

 

AddUse – La investigación del usuario de forma fácil

 

AddUse es una herramienta basada en la Web que le ayuda a crear, gestionar y presentar su investigación del usuario de una forma sencilla, fácil de usar y cuestan manera eficiente. Es una herramienta a utilizar en un momento dado en su proceso de desarrollo. Se presentan los resultados de sus pruebas de usuario, encuestas y cuestionarios de una manera gráfica, ayudando eficazmente ingeniería, marketing y gestión de grupos de tomar las decisiones correctas.

 

bookwhen

 

bookwhen

 

El registro en línea para eventos, talleres, clases y cursos. La versión gratuita permite 150 eventos con 300 reservas mensuales.

 

Otras Herramientas Útiles

 

see[Mike]code: herramienta para la entrevista de codificación remoto

 

Esta sencilla herramienta le permite realizar una breve entrevista codificación remota: crea una página disponible del candidato y le permite descubrir personas que luchan por código con problemas grandes o pequeños.

 

jsdo.it

 

Esta herramienta le permite escribir el código en su navegador, tenedor y modificar cualquier código, corregir los errores y añadir características y también preguntar a la comunidad acerca de sus problemas.

 

JavaScript Error Tracking

 

ExceptionHub

 

El servicio de seguimiento de errores de JavaScript que se producen en su sitio y le proporciona un seguimiento de la pila para ayudarle a depurar. Los errores similares se agrupan.

 

Old Version

 

Old Version tiene exactamente eso, la versión anterior de algunos de sus programas favoritos. ¿Por qué? Porque más nuevo no siempre es mejor. A veces, las versiones más recientes causar conflictos. De esta manera, siempre se puede volver a la versión anterior que trabajó para usted.

 

Onbile

 

Onbile es una plataforma gratuita para crear y gestionar su versión para móviles para iPhone, Android y Blackberry los usuarios.

 

Contabilidad Libre, Contabilidad, y Servicios Fiscales; Mi Empleo y Éxito Freelance

 

outright

 

Importe fácilmente sus cuentas en línea para poner su contabilidad en piloto automático y preparar los impuestos. Ponte al día con los informes que le dan visibilidad a su P & L, ingresos y gastos.

 

iSendr

 

iSendr le permite enviar archivos a tus amigos directamente, sin subir a un servidor.

 

seekWP

 

Documentación de WordPress en buscadores.

 

speedtracer

 

Speed Tracer es una herramienta para ayudarle a identificar y solucionar problemas de rendimiento en aplicaciones web. Visualiza parámetros que se toman de bajos puntos de nivel de instrumentación dentro del navegador y los analiza como se ejecuta la aplicación. Speed Tracer está disponible como una extensión de Chrome y funciona en todas las plataformas donde las extensiones son compatibles actualmente (Windows y Linux).

 

Markkit-Selecciona el texto en cualquier página web

 

Highlight

 

Markkit es un marcador de texto web2.0. Arrastrar y soltar el lápiz amarillo markkit en la barra del navegador. Cada vez que desee resaltar texto en una página web, haga clic en el bookmarklet Markkit. markkit sólo funciona con Mozilla Firefox, Opera, Google Chrome y Apple Safari.

 

[blip.tv http://blip.tv/play/hPIGooluAg?p=1 width=”550″ height=”443″]

GotSiteMonitor.com

 

Inicia la supervisión de su sitio web en cuestión de minutos con monitor sitio web gratis. Recibe alertas instantáneas cuando su sitio está abajo.

 

OpenWith.org

 

Esta página proporciona información detallada sobre la extensión de la mayoría de archivos y enlaces a programas gratuitos que se pueden abrir y crear para cada tipo de archivo.

 

Últimos Clics

 

Kuku Klok

 

Reloj despertador en línea y llamada de atención para aquellos de nosotros que a menudo trabajamos demasiado y podemos quedarnos dormidos delante de la pantalla. Abra el sitio web, seleccione la hora de alarma deseada y establezca su favorita llamada de atención. Mantenga la pestaña del navegador abierta. Afortunadamente, este reloj de alarma en línea funciona incluso si su conexión a Internet se cae. Los sonidos disponibles son “Reloj Classic”, “Electrónico”, “Guitar Slayer”, “Trumpet Militar” y “Gallo”.

 

+40 Potentes Herramientas para el Ahorro de Tiempo en el Diseño Web

What the Hex?

 

Entre la variedad de métodos de representación de los valores de color, algunos son más fáciles de identificar que otros. El sistema hexadecimal, sin embargo, a menudo parece incomprensible. Si usted siente que sabe muy bien de colores, entonces este es un juego simple para usted. Todo lo que tiene que hacer es comparar el código hexadecimal (que es en realidad un grupo de tres números hexadecimales: # rrggbb) con el color correspondiente. Por supuesto, esto es más fácil decirlo que hacerlo, pero se puede ajustar la dificultad, mostrando entre 2 y 48 posibles respuestas.

 

+40 Potentes Herramientas para el Ahorro de Tiempo en el Diseño Web

 

Artículos relacionados:

 

 

#Bluehost #hosting

Guardar

Cómo Crear Fabulosas Infografías con PowerPoint

27 de febrero de 2013 1 comentario

Estos días, EL contenido visual está de moda. Y teniendo en cuenta el hecho de que las personas son tendentes naturalmente a las imágenes y otros elementos visuales, no es de extrañar que se esté convirtiendo en una fuerza dominante en el mundo del mercadeo. Basta con pensar en cuanto más destacados gráficos aparecen en las redes sociales como Facebook y Google . Y ¿qué decir del aumento visual-en las redes centradas como Pinterest, Instagram y Vide? No se puede negar que – el contenido visual está aquí para quedarse, y los publicistas que pueden aprender a dominarlo, tendrán una ventaja sobre los competidores que los que no.

Cuando la mayoría de los vendedores escuchan el término “contenido visual”, el primer tipo que viene a la mente es por lo general la infografía. Pero, ¿cómo pueden aquellos que no necesariamente tienen un diseño de fondo – o el presupuesto para encargar a una agencia, contratar a un dedicado en la casa del diseñador, o comprar software costoso de diseño – crear  aspecto profesional a la infografía que les permitan aprovechar el poder del contenido visual? ¡Es tan bueno lo que pregunta! He aquí un pequeño secreto: puede hacerlo bien en el software que probablemente ya ha cargado en su computadora. ¡Eso es! PowerPoint puede ser su mejor amigo cuando se trata de la creación de contenido visual. Y para ayudarte a empezar, desde Hubspot han creado cinco fabulosas plantillas infográficas(ENG), si desea las plantillas en español puede descargarlas aquí, que se pueden descargar de forma gratuita y utilizar para personalizar sus propias infografías directamente dentro de PowerPoint -, así como algunos consejos útiles y trucos para ayudarle a aprender cómo utilizar PowerPoint para su potencial.

En este post, vamos a destacar algunos aspectos básicos de PowerPoint para la creación de infográficas, así como cuatro de los modelos infográficos de la descarga que explican cómo crear fácilmente una infografía en PowerPoint (como meta, ¿no?). Sólo asegúrese de descargar las plantillas de PowerPoint para así poder personalizar fácilmente los diseños que ve abajo.

Consejo: No forzar la vista … haga clic en cada infografía de abajo para ampliar. HubSpot no le reembolsará por la cirugía LASIK 😉

 

Fundamentos de PowerPoint para la Creación de Infografías

 

Creación de Infografías con PowerPoint

Cómo Crear una Infografía a 4-Colores

CÓMO CREAR UNA INFOGRAFÍA CON POWERPOINT

Cómo crear una infografía con tamaños de fuente alternativa

Cómo crear infografías con PowerPoint

Cómo Crear una Infografía de Datos-Comparación

 

Cómo crear una infografía con PòwerPoint

Como Crear una Infografía Inspirada en Pinterest

 

Cómo crear una infografía en PowerPoint

 

¿A qué está esperando? Agarre sus plantillas libres para las infografías (Cómo crear infografías con PowePoint) para que pueda comenzar a personalizar su propia fantástica infografía

 

Artículos relacionados:

 

15 Kits Gratuitos para el Diseño de Infografías (archivos PSD, AI, y EPS)

15 Herramientas Imprescindibles Para Ayudar a su Negocio a Tener Éxito con Pinterest

Guía para la Producción de Infografías con Éxito

Colección de Enlaces Interesantes a Páginas con Infografías y Gráficos

Las mejores infografías de Marketing online de 2011

5 Fabulosas Infografías sobre Facebook

La fuerza de Pinterest (Infografía)

30 Sitios Para Publicar Sus Infografías

 

Los  Mercados Online de Envato: ebooks, tutoriales, vídeos, cursos, temas para WordPress y App

15 Kits Gratis para el Diseño de Infografías (archivos PSD, AI y EPS)

26 de febrero de 2013 2 comentarios

Aquí les presentamos algunos kits de diseño de infografías para que pueda descargar y utilizar de forma gratuita. Con la ayuda de una Infografía, puede fácil y efectivamente representar datos financieros, flujo de trabajo y procesos. Sin embargo, el diseño de infografía desde cero puede ser una tarea tediosa y lenta, y para los diseñadores gráficos y diseñadores web, el tiempo es un bien muy preciado que se debe utilizar de la manera más adecuada. Con el fin de crear una Infografía, es necesario dibujar cuadros, gráficos y diagramas junto con los iconos y símbolos que sin duda consumen un montón de tiempo. Por otro lado, si consigue estos elementos básicos listos en la mano,  puede ahorrar un montón de su precioso tiempo.

Con estos kits de vectores útiles para las Infografías, puede hacer su trabajo más fácil. Esperamos que encontrará estos kits de diseño de Infografía útiles. Todos estos kits de diseño son de descarga gratuita y están disponibles en formatos PSD, EPS y Ai. Aquí está la lista completa para usted. Eche una mirada y diviértase.

 

Infographic Vector Kit

 

infographicdesign11

 

Magnolia

 

Mongolia Design

 

Simple Infographics PSD

 

Design skills

 

Vector Infographic Kit

 

infographicdesign1

 

Free Vector Infographic Vol.2

 

infographicdesign2

 

Free Vector Infographic Kit

 

Free Vector Infographic

 

Business data elements vector – 01

 

Kits gratuitos para diseño de infografias

 

Economy Infographics and chart design elements vector

 

infographicdesign5

 

Colorful Infographics Charts & Comparisons Vector Set

 

infographicdesign8

 

Free Infographic PSD Template

 

kits gratuitos para diseño de infografías

 

Colorful Vector Infographic Chart Buttons Labels

 

kits gratuitos para diseño de infografias

 

Free Infographics Template to Download

 

Kits gratuitos para diseño de infografías

 

Oil Theme Business Infographics Vector Chart

 

Kits gratuitos para diseño de infografías

 

Info Graphic Design Elements Vector

 

Kits gratuitos para diseño de infografías

 

Elements of infographics vector

 

Kits gratuitos para diseño de infografías

 

Artículos relacionados:

 

Cómo Crear Fabulosas Infografías con PowerPoint

15 Herramientas Imprescindibles Para Ayudar a su Negocio a Tener Éxito con Pinterest

Guía para la Producción de Infografías con Éxito

Colección de Enlaces Interesantes a Páginas con Infografías y Gráficos

 

Los Mercados Online de Envato: ebooks, tutoriales, vídeos, cursos, temas para WordPress y App

 

¿Qué es Tustplus?: Tutoriales y Cursos para Desarrollo Web y Diseño

25 de febrero de 2013 Deja un comentario
Qué es Tuts+ de Envato

Tutsplus.com me impulsa-CRAZY-. Es un sitio muy popular, y por buenas razones. Producen algunos tutoriales fantásticos / entrevistas sobre una variedad de temas. Sin embargo, la navegación de ese sitio es * # @ $ * @ # $ horrible. De hecho, me molesta cuando trato de usar el sitio. La ironía, y esto es tan clásico, es que es un sitio muy guapo. Funcionalmente muy bien. Otros puntos de ironía -, gran parte del sitio está dedicado al diseño web.

Permite ventilar hacia fuera.

– Algunos tutoriales son vaciados en pantalla, algunos son descargas de archivos de texto, quién sabe. Su etiquetado es pobre si no existe.

– El sitio está muy fragmentado. No puedo seguir el ritmo de todos los sitios, sub-sub-redes, los sitios para los padres, los sitios hermanos. Y, por supuesto, una de mis secciones favoritas acaba de desaparecer. Yo creo que se llamaba a funcionar mejor o el trabajo impresionante. No estoy seguro de dónde iba, y no hay manera de averiguarlo.

– Su función de búsqueda es algo pobre. Quería encontrar un artículo que se escribió sobre PHP  Tutsplus de Envatorecientemente bajo su nueva serie, “La Guerra de código”. Busco guerras de código. Un artículo sobre las guerras de código aparece, pero no el artículo que estaba buscando. Cada vez que tiene que recurrir a Google para encontrar un artículo en un sitio que ya cuenta con un motor de búsqueda consigue una falta.

– ¿Por qué no puede el sitio recordar que soy un miembro “Premium”, y “Guárdeme la entrada al sistema” ¿Por qué me siento como si estuviera navegando dos sitios si estoy conectado como Premium?.

¡Oh dios! hay tantos otros temas.

PD.: Soy suscriptor premium, así que tengo que pagar algo así como 15$-19$ al mes o 135$ por año para un acceso premium.

A pesar de estas críticas tengo que decir que Tutsplus es un centro de algunos consejos y trucos asombrosos para la Web en forma de tutoriales y screencasts profesionales de alta calidad.

Veamos algunas de sus herramientas.

umber-preview Divider

Web Design Workshop #32: Umber

Web Design Workshop es un proyecto regular de la comunidad donde piden a los lectores enviar sus trabajos para su crítica amistosa y constructiva. Es la manera perfecta de aprender, opinar y tener su propia obra critica. Esta semana, un portafolio personal …

Divider

Quiz Divider

Webdesigntuts+ Quiz #8: ID the UI

Un sitio web o de marca visual de aplicaciones que es uno de sus activos más potentes y con frecuencia se refleja en su interfaz de usuario (interfaz de usuario). Visitan muchas de estas aplicaciones y servicios sobre una base diaria, por lo que debe estar bastante familiarizado con su diseño – ¿cuántos de estos botones de alto perfil cree que se puede identificar correctamente?

Divider

sg-preview Divider

Maintain Consistency With a Website Style Guide

La creación de guías de estilo rápidamente se está convirtiendo en una práctica común para los diseñadores web, especialmente cuando se trata de sitios de contenido pesados. Con una guía de estilo de página web, los diseñadores son capaces de establecer y mantener una apariencia mediante la creación de un conjunto de reglas que sigue el diseño. El proceso se vuelve flexible, fácilmente actualizable y consistente. Durante este tutorial le van a mostrar cómo se puede implementar una guía de estilo en su propio sitio o proyecto.

Divider

bws-preview Divider

Art Directed Posts: Blogging, with Style

¿Alguna vez ha recogido y leido la revista Time o con conexión de cable antes? ¿En serio? Entonces estará familiarizado con el hecho de que cada artículo de la revista cuenta con un diseño único, formato y gráficos que se adaptan muy bien a los contenidos. Genial, ¿no? Esto no sólo entrega el mensaje de un artículo de perspicacia, sino que también le da al lector un lado para mirar.

Divider

seo-checjklist-preview Divider

A Web Designer’s SEO Checklist (Including Portable Formats)

Como se habrá dado cuenta en los artículos anteriores, hay muchos factores que deben ser influenciados para optimizar un sitio web para los motores de búsqueda. Después de un tiempo puede que no vea el bosque por los árboles. Para ayudarle a poner orden en este caos, han compilado una lista de comprobación de SEO.

Divider

Ahorra un 50% en su primer mes en Tuts+ Premium Monthly Subscription. Use el cupón F86095D207 para registrarse (oferta válida sólo para nuevos miembros).

Envato (ABN 11 119 159 741) PO Box 21177, Little Lonsdale Street, Victoria 8011 Australia
http://envato.com

Artículos relacionados:

 

mafalda-cabreo

La última guía para las infografías: “Infografías para la Educación”

20 de octubre de 2012 2 comentarios

¿Qué son las Infografías?

He encontrado muchas definiciones de lo que son las Infografías, así como explicaciones de la forma en que son útiles en una variedad de entornos. Aquí hay un par de las definiciones que me gustaban de los seguidos en mis fuentes:

Gráficos o infografías de Información son representaciones visuales gráficas de información, datos o conocimientos. Estos gráficos presentan información compleja de forma rápida y claramente, como en los signos, los mapas, el periodismo, la escritura técnica y la educación. Con una información gráfica, los informáticos, matemáticos y estadísticos desarrollan y comunican conceptos usando un solo símbolo para procesar la información. (Wikipedia)

Un término general para las ilustraciones y los gráficos que indican conocimientos a las personas, que de otra manera sería difícil o imposible con sólo texto. Las Infografías se utilizan en todo el mundo y en todas las disciplinas de mapas de carreteras y señales de tráfico hasta los dibujos técnicos de muchos. (PC Magazine)

Un fácil de leer con ilustración que ayuda a contar una historia y gana puntos de datos que son más fáciles de entender. Y no hace daño cuando infografía no sólo son claras y directas, sino también hermosas y atractivas. El diseño estético atrae al espectador, la información ayuda al espectador analizar y comprender los datos que se presentan.(Visual.ly)

Y, por último, mi favorita, una infografía que explica lo que es una Infografía: por Studio Hot Butter.

 

La fuerza visual de las infografias

 

 

Estos tres ejemplos hacen un buen trabajo de definición de lo que la infografía es, pero ¿cuál es el valor de una infografía en la educación? Me alegra que pregunte porque este vídeo hace un trabajo excelente de demostrar lo valioso que puede ser si se utiliza con eficacia en un entorno educativo.

 

La ciencia detrás de la Infografía

 

Ahora que tenemos una comprensión básica de lo que es la infografía, que se refiere a la parte del vídeo en el que el narrador le pide al espectador para contar los números 7s en el conjunto de números. El vídeo explica que la comprensión se vuelve casi instantánea debido a los atributos pre-atencionales, o “pistas visuales” como el tamaño, el color y la orientación que el cerebro procesa en 250 milisegundos (ms). Esta tabla muestra una lista de los atributos pre-atencionales que las infografías utilizan para transmitir su mensaje con claridad.

De acuerdo a la investigación de Mark Smiciklas, autor del libro The Power of Infographics: usando imágenes para comunicar y conectar con sus audiencias “, una de las principales razones por lo que la infografía funciona bien como una herramienta de comunicación que puede vincularse a la vista y la conexión neurológica de nuestros ojos y el cerebro.” Él va a hablar de cómo nuestros cerebros están cableados para la infografía porque la visión directa representa el 50% de los bienes raíces de nuestro cerebro. Puesto que ya está construido para consumir información de manera visual, la infografía puede ser más fácil de procesar que el texto puro.

Smiciklas también señala que “Robert Lane y el Dr. Stephen Kosslyn ofrecen una explicación de lo que el cerebro ve cuando se trata de imágenes frente a las palabras. Cada letra de la palabra es esencialmente un símbolo. Para leer el texto, el cerebro tiene que actuar como un decodificador primero, haciendo coincidir las cartas con formas almacenadas en la memoria. Desde allí, el cerebro tiene que averiguar cómo todas las letras se unen para formar las palabras, cómo las palabras forman frases, oraciones y cómo formar párrafos.

A pesar de todo, esta comprensión se realiza en sólo una fracción de segundo, en términos relativos, en comparación con cómo el cerebro maneja las imágenes, el proceso requiere mucho más esfuerzo mental.

 

Infografías y Educación

 

Una línea de la calidad de visualización de vídeo que se destaca sobre todo como la clave para ilustrar la infografía y el valor que agregan a la instrucción que es, “el mensaje es sólo tan bueno como su capacidad para compartirlo.” El uso de la infografía en la instrucción es innovador y participando en la manera de asegurar que el mensaje que está compartiendo es visualmente atractivo y fácil de digerir por sus estudiantes.

Permiten a los estudiantes comprender, interpretar y analizar la información compleja de una manera rápida y clara. Esto, combinado con la investigación del cerebro para apoyar la infografía, porque son tan eficaces que proporcionan a los profesores una herramienta nueva y poderosa para facilitar la información y la enseñanza learning. Para más sobre el uso de la infografía, en estos recursos adicionales del New York Times en el blog llamado “The Learning Network“. Al hacer clic en este enlace le dará acceso a los mensajes sobre la red de aprendizaje que han sido etiquetados con la palabra clave Infographics.

 

La fuerza de las infografías en la educación

 

¡Espera, se pone mejor! Ellos toman un paso más allá y trabajan sobre el quién, qué, dónde, cuándo, por qué y cómo cada una de las infografías se pueden utilizar en el aula. También me animo a hacer un poco de investigación de su propia curiosidad, simplemente escribiendo las palabras de búsqueda como “infografías en la educación” en un motor de búsqueda.

Va a encontrar más fuentes de infografías, entonces puede aumentar sus conocimientos sobre el tema que estoy tratando en este artículo, así como sitios web donde usted o sus estudiantes pueden hacer sus propias infografías. ¡Buena caza!

Fuentes:

  • If You Have Time David McCandless: The beauty of data visualization (18:17) “Helping students interpret visual representations of information – NYTimes.com.” The Learning Network – The Learning Network Blog – NYTimes.com. N.p., n.d. Web. 10 Oct. 2012. .
  • “Preattentive processing – InfoVis:Wiki.” Main Page – InfoVis:Wiki. N.p., n.d. Web. 10 Oct. 2012. .
  • Rosenthal Tolisano, Silvia. “Infographics- What? Why? How?.” Langwitches Blob. N.p., n.d. Web. 10 Oct. 2012. <langwitches.org blog=”” 2010=”” 06=”” 16=”” infographics-what-why-how=””>.
  • Smiciklas, Mark. “INFOGRAPHICS AND THE SCIENCE OF VISUAL COMMUNICATION.” Social Media Explorer. N.p., n.d. Web. 10 Oct. 2012. <www.socialmediaexplorer.com digital-marketing=”” infographics-and-the-science-of-visual-communication=””>.
  • “The Value of Visualization on Vimeo.” Vimeo, Your Videos Belong Here. N.p., n.d. Web. 10 Oct. 2012. .
  • “What is an Infographic?.” Column Five: Infographics, Data Visualization and Motion Graphics. N.p., n.d. Web. 10 Oct. 2012. . MLA formatting by BibMe.org.

Artículos relacionados:

ProBook: Un e-book gratuito escrito por 23 expertos en Social Media

Los Mayores Expertos del Mundo en Blogging

16 Grandes Medios de Comunicación Social y Presentación

38 Libros Críticos para las Necesidades del Blogger

¿Quién es Brian Solis?

Los Mercados Online de Envato: ebooks, tutoriales, vídeos, cursos, temas para WordPress y App

Diseño y Usabilidad de su Sitio Web

5 de octubre de 2011 2 comentarios
Sitio

Image via Wikipedia

Ahora que se está generando un buen tráfico por estar en línea y es encontrado, su objetivo siguiente es conseguir que el tráfico permanezca en su sitio Web. Depende de la industria, pero la mayoría de los sitios Web tienen un porcentaje de abandonos del 30-60% en promedio. Esto significa que una gran mayoría de tráfico Web entra en su sitio  sin tener que navegar a otras páginas. Y muchas veces puede no regresar nunca.

Esta no es ninguna novedad: el diseño visual tiene un rol decisivo en la percepción de calidad de un sitio web. Los aspectos visuales y estéticos influyen en la confianza y la credibilidad de un sitio web. Para cualquier empresa o institución, el diseño de su sitio web es una pieza clave de su identidad institucional.

La usabilidad de un producto o sistema es una medida empírica y relativa de su utilidad, su facilidad de aprendizaje, su rendimiento y la apreciación de sus usuarios.

Esta definición se puede aplicar a todo tipo de productos y sistemas, no sólo a sitios Web o productos de software. Por ejemplo podría medirse la usabilidad de un sistema de señalización urbana, de un tubo de pasta dental o de la guía telefónica.

Los métodos de diseño centrado en el usuario nos permiten lograr metas de usabilidad mucho más altas que las que podríamos lograr aplicando sólo la intuición, las recetas o calculando lo que nosotros suponemos que los usuarios harán con el sitio (o producto).

¡Caramba! Estos son algunos consejos que debe considerar para mejorar la experiencia del usuario y reducir el porcentaje de abandonos.

La primera impresión

Su sitio web representa lo que eres y lo que ofrece. Cuando la gente lo ve por primera vez que está pensando:

  • ¿Este sitio es creíble?
  • ¿Es confiable?
  • ¿Es una empresa profesional?
  • ¿Es esta compañía estable?
  • ¿Este sitio me hacen sentir bienvenido?
  • ¿Estoy en el lugar correcto?

Es necesario preguntarse a sí mismo todas estas preguntas en el diseño de su sitio Web. Ahora, el diseño no puede ser el factor más importante en un sitio Web en general y, a menudo o veces la gente pone demasiado énfasis en cómo se ve un sitio en lugar de que funciona, pero sí juega un papel importante en la toma de una buena primera impresión.

Por ejemplo, un estudio en profundidad de la Universidad de Stanford y Consumer Web Watch, “¿Cómo la gente evalua la credibilidad de un sitio web? Los resultados de un estudio a gran escala”, encontró que el diseño de un sitio web era más importante que los indicadores de credibilidad como tener una política de privacidad, premios y certificaciones. En P-44 Technologies hacen un gran trabajo para resumir este estudio.

“Los visitantes primero evalúan el diseño global del sitio, incluyendo el uso de multimedia.  Brendler, director de Consumer Web Watch señaló: “Aunque los consumidores dicen que juzgan sobre el fondo, estos estudios demuestran que los consumidores juzgan la estética, y se distraen con campanas y silbatos”. Por lo tanto, después de pasar todo este tiempo en el desarrollo de gran contenido, el valor que los visitantes no pueden encontrar en ningún otro en la Web, lo hacen y no importa nada ¿significa que con un esquema de color fresco y una animación flash de lujo? Afortunadamente, no es así. El estudio de Stanford, señaló específicamente que mientras que el diseño de un sitio es el primer indicador de la calidad, no es el único: “. … El diseño visual puede ser la primera prueba de la credibilidad de un sitio Si falla en este criterio, los usuarios de Internet probablemente abandonen el lugar y busquen otras fuentes de información y servicios. “

Consejos para un gran diseño de páginas Web:

  • El uso apropiado de los colores: El uso de los colores adecuados para el público y para llamar la atención para seleccionar los elementos. No trate de hacerlo todo resaltado. El resultado será todo lo contrario – no se destaca. Evitar una mezcla caótica de colores en su sitio web y en su lugar elegir dos de cuatro colores para su plantilla y materiales de marketing.
  • Animaciones, gadgets y media: Evitar todo lo innecesario. El uso de animaciones flash, ya que verse bien es una estrategia equivocada. En la mayoría de los casos es mejor no usar el fondo animado o música de fondo. Utilice sólo los medios de comunicación y las animaciones para ayudar a los contenidos de apoyo e información.
  • Diseño: Crear una estructura de navegación clara (se refiere a la navegación en la página) y organizar los elementos de la página de una forma de rejilla (en lugar de dispersos al azar). Además, no tener miedo de los espacios en blanco y evitar el desorden.
  • Tipografía: Asegúrese de que su sitio web es legible. Utilice las fuentes, tamaños de letra y colores que sean fáciles de leer. Para escanear la página más fácil, el uso de listas de viñetas, encabezados de sección, y párrafos cortos. Si usted tiene el sitio es el Inglés basado en ese lenguaje, que los flujos de información sean de izquierda a derecha y de arriba abajo.

Mientras que el diseño es importante, no olvide que la oferta de contenido de calidad es lo que sus visitantes quieren en última instancia, después que sea atractivo. Un sitio web bien diseñado puede convencer a los visitantes a tomar una mirada más cercana, pero no se verá dos veces si el contenido no es útil y bien organizado. Después de todo, usted nunca consigue una segunda oportunidad para causar una primera impresión.

Mantener la coherencia

Lo mejor es mantener los elementos en su sitio bastante coherente de una página a otra página. Los elementos incluyen colores, tamaños, distribución y colocación de estos elementos. Su sitio tiene que tener un buen flujo de página en página. Esto significa que los colores son fundamentalmente los mismos, así como las fuentes y la estructura de diseño. La navegación debe permanecer en el mismo lugar de su disposición a través de su página Web.

Sobre el diseño de la estructura, generalmente de tres diseños de páginas existen para la mayoría de los sitios web: una para la página de inicio, una de las páginas de contenido y otro para las páginas de formulario. Por ejemplo, su página web tendrá un diseño distinto al de una página de aterrizaje para una campaña de PPC. Mantenga los elementos de estos diseños constantes. Esto le ayudará a mantener a sus visitantes sin que se sientan perdidos.

Utilizando las imágenes correctas

Las imágenes pueden ser un poderoso elemento en cualquier sitio Web, pero tiene que usarlas con sabiduría. Por ejemplo, considere la fotografía de stock. Las mágenes se ven en todas partes, ya que son fácilmente accesibles y de bajo costo. Pero ¿son buenas para usar?.

Los de Marketing Experiments realizaron una prueba comparando el uso de la fotografía de stock de las imágenes reales en un sitio web y cada uno de sus efectos en la generación de leads. Lo que encontraron fueron que las fotos de personas reales superaron a las fotos de stock en un 95%. ¿Por qué? Porque las imágenes de archivo tienden a ser irrelevantes. Resista la tentación de utilizar las fotos de los falsos hombres de negocios sonriendo.

Como resultado de ello, tenga cuidado de colocar las imágenes significativas en su sitio. Cada imagen está para transmitir un mensaje inconsciente a su público y, a veces el resultado es diferente de lo que cabría esperar. Yo recomiendo buscar en otro estudio realizado por Marketing Experiments “Imágenes contra la copia: ¿Cómo conseguir el equilibrio adecuado para un aumento de la conversión en un 29%.”

Navegación

Tal vez uno de los principales factores para mantener a los visitantes en su sitio Web tengan un buen sistema, la navegación sólida que soporta todas las preferencias de búsqueda. De hecho, más de tres cuartas partes de los encuestados en un estudio reciente de HubSpot dicen que el elemento más importante en el diseño de sitios Web es la facilidad para encontrar información.

Diseño y usabilidad

Si la gente no puede encontrar lo que busca, se dará por vencido y se iran a otro lugar. Entre los factores importantes en la navegación de un sitio incluyen:

  • Mantener la estructura con una sencilla navegación principal (y en la parte superior de la página).
  • La navegación en el pie de página de su sitio.
  • El uso de breadcrumbs (Breadcrumbs o ruta de navegación es una ayuda a la navegación utilizados en las interfaces de usuario. Permite a los usuarios seguir la pista de su ubicación dentro de los programas o documentos. El término proviene de la pista de migas de pan por Hansel y Gretel en el cuento popular) en todas las páginas (a excepción de la página) para que las personas sean conscientes de su registro de navegación.
  • Incluya un cuadro de búsqueda en la parte superior de su sitio para que los visitantes puedan realizar búsquedas por palabras clave.
  • No ofrezca demasiadas opciones de navegación en una página.
  • No profundice demasiado – en la mayoría de los casos lo mejor es mantener la navegación a no más de tres niveles de profundidad.
  • Incluir enlaces dentro de su copia de la página y dejar en claro a que enlaces ir. Esto también es ideal para el SEO.
  • Evitar el uso de JavaScript complicado y sobre todo de Flash para su navegación. Muchos teléfonos móviles no pueden ver Flash (todavía), por lo que no serán capaces de navegar por su sitio Web. Lo mismo se aplica a los navegadores Web que no tienen una versión actualizada de Flash instalado.

La regla general con una estructura de navegación adecuada es simple: no se exige a los visitantes a tener que pensar acerca de dónde deben ir y cómo llegar allí. Que sea fácil para ellos.

Flash y animación

Diseño y usabilidadLa animación en Flash puede llamar la atención de alguien, sí, pero también puede distraer a la gente a permanecer en su sitio. No sólo son las aplicaciones móviles que carecen de la capacidad de ver la animación flash, pero muchas personas simplemente no quieren ser molestadas con ruidos inesperados y animaciones. Que la animación esté al mínimo y que sólo se utilice cuando sea necesario.

Si usted está empeñado con Flash o requieren animaciones, considere mudarse a HTML5, en su caso. Es un gran explorador compatible en la alternativa a Flash.

Accesibilidad

Asegúrese de que cualquier persona que visite su sitio Web se pueda ver independientemente del navegador o aplicación que esté utilizando. Con el fin de obtener un tráfico importante, su sitio tiene que ser compatible con varios navegadores y dispositivos. Con el crecimiento de los teléfonos móviles y dispositivos de tableta, la gente está navegando por Internet más que nunca. Asegúrese de obtener algunos de esos puntos de vista al permitir que todo el mundo pueda ver su sitio, no importa qué tipo de sistema ejecute o que navegador usen.

Conclusión:

El diseño y la usabilidad pueden y deben complementarse como disciplinas. Las ventajas pueden verse claramente desde ambos lados. Un buen diseño visual no excluye a la usabilidad sino que la favorece, del mismo modo que un alto grado de usabilidad y el respeto por los usuarios contribuyen a mejorar la imagen de cualquier empresa o institución.

Welcome to InkyDeals!

Artículos relacionados:

Métodos de evaluación de usabilidad de su sitio Web

Usabilidad: Factor Clave del Rendimiento de un sitioWeb

Herramientas recomendadas para hacer tests de páginas de conversión

Usabilidad

Guardar

Guardar

A %d blogueros les gusta esto: