Cuando estás diseñando una página web, sea cual sea su cometido, web corporativa, blog, catálogo de productos, comercio electrónico, landing page..., es importante que tengas en cuenta las siguientes cuestiones sobre usabilidad.
Te ayudarán a tener un gran diseño y una buena experiencia de usuario.
Ventajas de seguir estas buenas prácticas
- Agilizan la realización de tareas.
- Minimizan la pérdida de tiempo.
- Uso de la página de forma más rápida e intuitiva.
- Familiarización con la página: conocerán mejor tus productos y servicios.
- Seguridad en navegación.
- Menos ayuda del soporte técnico.
- Más tiempo de permanencia en la página.
Consejos de usabilidad
Los consejos de que te presento en este artículo los tienes perfectamente definidos en el siguiente sitio web: GoodUI.
Una página que te recomiendo tener entre tus favoritas ya que es muy visual y didáctica.
Aunque la página está en inglés, se entiende perfectamente cada uno de los consejos ya que se apoya en imágenes muy descriptivas de cada punto.
En inglés
- A One Column Layout
- Giving a Gift
- Merging Similar Functions
- Social Proof
- Repeating Your Primary Action
- Distinct Clickable/Selected Styles
- Recommending
- Undos
- Telling Who It's For
- Being Direct
- More Contrast
- Personality
- Fewer Form Fields
- Exposing Options
- Suggesting Continuity
- Keeping Focus
- Showing State
- Benefit Buttons
- Direct Manipulation
- Exposing Fields
- Transitions
- Gradual Engagement
- Fewer Borders
- Selling Benefits
- Designing For Zero Data
- Opt-Out
- Consistency
- Smart Defaults
- Conventions
- Loss Aversion
- Visual Hierarchy
- Grouping Related Items
- Inline Validation
- Forgiving Inputs
- Urgency
- Scarcity
- Recognition
- Bigger Click Areas
- Faster Load Times
- Keyboard Shortcuts
- Anchoring
- Upfront Progress
- Progressive Disclosure
- Smaller Commitments
- Softer Prompts
- Multifunctional Controls
- Icon Labels
- Natural Language
- Curiosity
- Reassurances
- Price Illusions
- Thanking
- Useful Calculations
- Reaffirming Freedom
- Variable Rewards
- Attention Grabs
- Friendly Comparisons
- Set Collections
- Expectation Setting
- Humor
- Providing Feedback
- Anticipating Intent
- Extra Padding
- Storytelling
- Authenticity
- Progressive Reduction
- Putting Others First
"Traducción"
- Un diseño una columna
- Dar un regalo
- La fusión de funciones similares
- Prueba Social
- Repitiendo Su acción primaria
- Distintos Estilos Clickable / Seleccionable
- Recomendando
- Deshacer
- Decirle Quién Es Para
- Ser directo
- Más Contraste
- Personalidad
- Menos campos de formulario
- La exposición de Opciones
- Continuidad Sugiriendo
- Enfoque Manteniendo
- Mostrando Estado
- Beneficios Botones
- Manipulación directa
- La exposición de campos
- Transiciones
- Compromiso gradual
- Menos Fronteras
- La venta de Beneficios
- Diseños para datos Cero
- Optar Por No
- Consistencia
- Predeterminados inteligentes
- Convenciones
- Aversión Pérdida
- Jerarquía Visual
- Agrupación Productos Relacionados
- Validación en línea
- Perdonar Entradas
- Urgencia
- Escasez
- Reconocimiento
- Haga clic en Áreas más grandes
- Más rápidos tiempos de carga
- Atajos De Teclado
- Anclaje
- Upfront Progreso
- Revelación Progresiva
- Compromisos más pequeñas
- Solicita más suaves
- Controles multifuncionales
- Las etiquetas de Iconos
- Lenguaje Natural
- Curiosidad
- Garantías
- Ilusiones Precio
- Agradeciendo
- Cálculos Útiles
- Libertad Reafirmando
- Recompensas Variable
- Llama la atención
- Las comparaciones friendly
- Set Colecciones
- Expectativa Marco
- Humor
- Envío de comentarios
- Intención Anticipando
- Carnes de más
- Cuentacuentos
- Autenticidad
- Reducción progresiva
- El poner a otros primero
Recuerda guardarla en favoritos: www.goodui.org
Si te suscribes a mi newsletter tendrás acceso a contenidos exclusivos. Entre ellos está un PDF con más 250 tips sobre usabilidad que enviaré esta semana. ¿Lo quieres? Apúntate ahora mismo!!