Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Modulo 5 PDF
Modulo 5 PDF
Este documento, su texto y gráficos e imágenes, puede ser utilizado bajo una licencia Creative Commons de tipo Atribución, No-Comercial. En caso de utilizarse este material o de
la creación de un derivado, la atribución se debe respetar citando la fuente como “Actívate, Google España” y expresamente, si es posible, mediante un enlace activo a
http://google.es/activate.
En colaboración con
Usabilidad y gestión web
Índice
1 Diseño de páginas web. Herramientas
5 Usabilidad
6 Usabilidad y mobile
7 Usabilidad y conversión
Diseño de páginas web
Ordenador personal
Ordenador personal
Ordenador personal
Fuente: Wordpress
Un CMS por fuera
Fuente: Wordpress
Pasos para crear una web
● Comprar un dominio.
● Seleccionar un alojamiento web compartido con todos los
servicios (servidor web, email y auto-instalador del CMS
seleccionado).
● Seleccionar la plantilla que mejor se adapte a tus necesidades.
Existen gratuitas y de pago.
● Ordenar el contenido y ponerte a escribir.
Opción rápida para pymes
Existen multitud de plataformas automáticas que
ofrecen la creación, alojamiento y mantenimiento de
páginas web.
● El posicionamiento en buscadores.
● La usabilidad y la experiencia de usuario.
3 El Diseño Centrado en el Usuario
El Diseño Centrado en el Usuario
UCD User Centered Design
Es una filosofía de diseño que pretende crear:
BRAND
¿Qué es la experiencia de usuario?
Nuestro sitio web es…
¡Pero no lo es todo!
Usabilidad
La usabilidad es un atributo de la experiencia de usuario.
Válid
o
Usable Deseable
Aporta
valor
Fácil de Accesible
encontrar
Creíble
Fuente adaptada de: User experience desing, Peter Morville, Semantic Studios
Usabilidad
La clave de un sitio usable es que quien navega por él consiga:
● Entender su estructura.
● Realizar con satisfacción aquello que pretendía realizar.
=
SATISFACCIÓN
● ¿Me ha parecido difícil?
● ¿Me he quedado con buena sensación?
● ¿Repetiré y recomendaré esta web?
Usabilidad
Eficiencia:
Relacionado con el número de errores que comete el usuario en la
consecución de una tarea.
Efectividad:
Relacionado con el tiempo empleado por el usuario para la
consecución de la tarea.
Usabilidad
Satisfacción de uso:
Percepción del usuario respecto a la dificultad de acometer la
tarea.
En general, el principio “menos es más” siempre será válido, sin que esto
implique usar un diseño aburrido.
Usabilidad
Velocidad de carga y rendimiento
La velocidad de carga es otra de las claves de la usabilidad. Es independiente de
la interfaz propiamente dicha, pero impacta directamente en la experiencia de
usuario.
● Impacta en SEO
● Impacta en el engagement.
● Impacta en la conversión.
● Impacta en las ventas.
Puesto que cada vez hay más personas navegando online a través de
dispositivos móviles que desde ordenadores de escritorio, esto supone
numerosas implicaciones para el diseño de la experiencia de usuario a nivel
mobile.
Mobile first
El resultado es una navegación web sencilla y muy usable en pantallas grandes, aunque con
menos funcionalidades.
Usabilidad y mobile
Velocidad de carga y rendimiento
Fuente: 4 New Moments Every Marketer Should Know, Think With Google
Usabilidad y mobile
Usabilidad & diseño
25 principios de diseño web móvil: - Todo el site está optimizado para móvil.
- No hacer que el usuario necesite
redducir/aumentar o hacer zoom en la
Formulario de entrada pantalla.
- Las imágenes de productos pueden
- La información de la entrada es expandirse (primeros planos de gran
Búsquedas en el site ágil. calidad disponibles).
- Uso de botones y listas - Los usuarios son informados sobre qué
- Las búsquedas en el site siempre desplegables para simplificar la orientación de pantalla funciona mejor (el
visibles (cerca de la parte alta de la ejecución. site funciona en todas las orientaciones).
página). - Uso de calendarios visuales para la - Manten al usuario en una única ventana
- Los resultados de búsqueda son selección de fechas. de navegador (los “call-to-action”
relevantes (funcion autocompletar). - Minimizar errores con etiquetados permanecen en la misma ventana).
- Los filtros sirven para mejorar los y validaciones en tiempo real. - Evita términos como “full site” para las
resultados de búsqueda. - El diseño del formulario es opciones de navegación (usar PC site).
- Guiar a los usuarios para obtener eficiente (auto-relleno, barras de - El site dejará claro por qué necesita saber
mejores resultados de búsqueda. progreso). la ubicación del usuario (y qué pretende
hacer con ella).
Fuente: Principles of mobile site desing-Google, AnsewrLab, 2014
Usabilidad y mobile
25 principios de diseño web móvil:
Fuente: Gestures & Animations: The Pillars of Mobile Design. UX Magazine, 2014
Usabilidad y mobile
Principios de la usabilidad en apps
- Piensa en los usuarios.
- 100% Responsive.
- El usuario ha de ver que cada acción conlleva una reacción.
- ¡Keep it simple!
- El contraste de tonos/colores es importante.
- Utiliza iconos populares y reconocibles.
- Mantén la uniformidad en todos los elementos.
- Crea formularios cortos.
- 1 Pantalla siempre es mejor que 2.
- Tutoriales integrados en la interfaz.
- Sentido común. :)
Fuente: 20 Tips: How To Design Great UI For Mobile Apps?. Think 360, 2016
7 Usabilidad y conversión
Usabilidad y conversión