Archivo de la etiqueta: diseño web

13 diciembre, 2011

Indicios claros de que es el momento de ...

Fuente: 2bdinformatica.wordpress.com

El rediseño web, por más que se quiera evitar, es una realidad del ciclo de vida de cualquier producto online. Existen algunas indicaciones clave de que es el momento de rediseñar el sitio web de la empresa o del cliente:

Las métricas están bajas. Una tendencia constante a la baja en las conversiones, ventas, actividades de compromiso y participación general de los usuarios indica que la eficacia del diseño actual se ha desgastado. Esto significa una desconexión con la audiencia. La clave para resolver esto con el rediseño es descubrir en qué parte del flujo de trabajo se está rompiendo el diseño y, luego, abordar esas áreas como prioridades.

Los usuarios dicen que ya es tiempo. Para llegar al núcleo de lo que debe ser abordado en el rediseño es necesario hablar con los clientes. Las encuestas funcionan bien, pero las pruebas de usabilidad son más eficaces. Además, estas conversaciones con los usuarios revelan las actitudes predominantes hacia la marca, lo que también puede tratarse en el rediseño.

Luce viejo. La estética del sitio web se refleja directamente en la percepción y la credibilidad de la marca. Un diseño viejo puede perjudicar al producto. Para determinar si la estética del sitio web es anticuada es necesario mirar a la competencia y comparar ambas estéticas para ver cuál está funcionando mejor. El desafío radica en analizar otros sitios web de manera objetiva.

Han pasado más de doce meses desde la última actualización. Incluso si ninguno de los indicadores anteriores aplica para el sitio web, la vida útil de una estética en la realidad online no sobrepasa nunca los doce meses. Si ha pasado un año o más desde el último rediseño es hora de volver a hacerlo. Esto no sólo refrescará la experiencia para los clientes leales, sino que también atraerá clientes nuevos.

8 diciembre, 2011

16 Wireframes para diseñadores (segunda...

9. Hot Gloo.


Aplicación online que permite arrastrar y soltar elementos, enlazarlos, escalarlos, nombrarlos y renombrarlos. También, se puede editar, comentar y compartir en cualquier momento del proceso de desarrollo.

10. MockFlow.


Permite diseñar y colaborar en tiempo real con maquetas de la interfaz de usuario para software y sitios web.

11. Gliffy.


Facilita la creación de “wireframes” para el sitio web y permite compartir prototipos  con otros usuarios. Se pueden exportar “wireframes” para futuros usos con otras aplicaciones.

12. Cacoo.


Herramienta de dibujo online fácil de usar que permite crear una variedad de diagramas.

13. Creately.


Poderosa herramienta de diagramación con una interfaz de usuario intuitiva.

14. Lovely Charts.


Aplicación de diagramación que permite crear diagramas profesionales de todo tipo.

15. Mockup Builder.


Facilita la creación de prototipos y permite compartir “sketches”.

16. Lucid Chart.


Software para dibujar diferentes diagramas online.

7 diciembre, 2011

16 Wireframes para diseñadores (primera...

1. OmniGraffle.


Esta aplicación OSX permite crear llamativos documentos rápidamente al mantener conectadas las líneas con las formas, proporcionando potentes herramientas de estilo, importando y exportando archivos de  Microsoft Visio y organizando diagramas con un sólo “click”.

2. ConceptDraw PRO.

Esta aplicación para Windows es una plataforma de diagramación que permite visualizar, comunicar y presentar dinámicamente.

3. Pidoco.


Herramienta online usada para mejorar los proyectos de software, a la vez que ahorra tiempo y reduce las opciones de re-trabajo.

4. Balsamiq Mockups.


Herramienta diseñada específicamente para imitar diseños dibujados a mano.

5. Mockingbird.


Herramienta online que facilita crear, enlazar, pre-visualizar y compartir maquetas del sitio web o aplicación.

6. Pencil
.


“Addon” para Firefox que tiene como misión construir una herramienta gratuita y de código abierto para hacer diagramas que cualquiera pueda usar.

7. iPlotz.


Permite crear “wireframes” “clickeables” y navegables para crear la experiencia de un sitio web o una aplicación de software real.

8. ProtoShare
.


Herramienta de colaboración online para construir “wireframes” de sitios web y prototipos dinámicos y navegables.

6 diciembre, 2011

La importancia de usar “wireframes” ...

Fuente: sonycreativesoftware.com

Un “wireframe” es una representación esquemática de una página web que ofrece una perspectiva basada solamente en la arquitectura del contenido. Los “wireframes” reducen significativamente el tiempo requerido en diseño y desarrollo, dado que eliminan distracciones visuales como colores, tipografías, imágenes, textos, etc. y se enfocan en funciones vitales y factores de marketing estratégico.

Algunas razones por las cuales se debe usar “wireframes”, son:

- Permiten obtener una idea clara de qué tipo de información se necesitará en cada página antes del diseño.

- Posibilitan centrarse realmente en lo que es el propósito de cada página.

- Crean un seguro contra fallas ocasionadas por clientes que cambian de idea durante la fase de diseño del proyecto. Si el sitio está planeado correctamente en la etapa de “wireframe”, la funcionalidad de las páginas individuales no debe cambiar mucho.

- Establecen un punto de retorno.

- Otorgan una idea clara de cómo reaccionará el sitio ante varios visitantes sin la distracción del color o los elementos de diseño.

- Ayudan a eliminar cualquier elemento que sea innecesario y perjudicial para el objetivo del sitio.

- Se ajustan y se producen fácilmente, permitiendo que el proceso de planeación marche sin problemas y eficientemente.

-  Le da al diseñador una idea clara de qué necesita ser diseñado.