Instituto Politécnico

Nacional
Escuela Superior de Cómputo

“Diseño UI para móviles”

Alumnos:
● Cruz Gonzalez Jose de Jesus
● Pardo Alanis Arturo Isaac
● Tellez Rosas Angel Enrique
Maestra: Rivera de la Rosa Monica
Materia: Software Engineering For Mobile Devices
Grupo: 3CM13
¿Cuál es el papel del diseño de la interfaz de usuario?
El diseño de la interfaz de usuario puede tener un gran
impacto en la experiencia del usuario de cualquier
producto digital. Puede alentar a los usuarios a explorar,
convencer y transmitir todo tipo de emociones. Todo eso
mientras resalta las características principales.

¿Qué es el diseño de la interfaz de usuario?

El diseño de la interfaz de usuario a menudo se puede malinterpretar. Funciona
como un intermediario vital que conecta a los usuario con el software y las líneas
de código, utilizando una interfaz gráfica. Esta interfaz gráfica se refiere a todas
las caras habituales con las que nos hemos familiarizado, como botones de
opción, CTA y menús de navegación. Estas son las cosas con las que las
personas interactúan, los medios que todos tenemos para comunicarnos con los
productos digitales.
Una interfaz de usuario puede hacer que las personas lean las cosas de forma
correcta, tener botones que convenzan a las personas de realizar compras y una
jerarquía visual que se comunique mejor que las palabras. Puede aumentar las
tasas de conversión y dejar a las personas felices de ver sus tareas cumplidas.
También puede no permitir que las personas lleven a cabo sus tareas y poner en
peligro todo el producto, cuando no se hace correctamente. Entonces, ¿en que se
diferencia el diseño de la interfaz de usuario de UX? Si bien comparten una
conexión vital, no son lo mismo.
La experiencia de usuario trata de la funcionalidad y la creación de un producto
sólido de muchos factores, se refiere a los sentimientos de los usuarios y los
desafíos que enfrentan, así como la razón principal del producto digital que hará
que esta característica principal funcione perfectamente. Entonces la UI no es ni
ha sido nunca, igual a UX, sino más bien una parte vital de ella. Mientras que UX
se ocupa de lo grande y amplio, la interfaz de usuario trata de señales visuales
concretas que intentan obtener una reacción de los usuarios.
Qué hace un diseñador de UI: el trabajo
Es bien sabido que los diseñadores de UI reinan con una herramienta de diseño
de UI profesional , pero sus responsabilidades van mucho más allá de crear un
wireframe.

● Preparación de materiales para el diseño: Primero, todos los

diseñadores del equipo deben reunirse y definir cuáles son los requisitos
del producto y las características clave.
● Sentando las bases: diseño de interfaz de usuario de diseño: El
objetivo final aquí es presentar el contenido de la mejor manera, para
garantizar la legibilidad y la jerarquía visual, así como para crear un diseño
general convincente que haga que las características clave brillen con
fuerza.
● El diseño visual y el lado artístico de las cosas: Desde la creación
de interruptores de palanca funcionales hasta la selección de la mejor
fuente para aplicaciones móviles , el diseñador de la interfaz de usuario
toca todas las señales visuales.
● Creación y mantenimiento de sistemas de diseño:Se requiere un ojo
crítico para dejar ir todo lo que no encaja o se vuelve obsoleto. Requiere un
buen ojo para asegurarse de que cada pequeño componente del sistema
realmente pertenezca.

Pautas y Reglas:
1) Respetar la heurística del diseño de la interfaz: Las diez heurísticas del
diseño de interfaces de Nielsen son bien conocidas, tanto por su relevancia
como por la dificultad para implementarlas. Es importante asegurarse de
que los usuarios no se sientan frustrados o confundidos hasta hacerles
saber que hay algo de funcionamiento en el sistema después de hacer un
clic en un botón. Los diez mandamientos son los siguientes:
- Visibilidad del estado del sistema. Dicta que los usuarios deben estar al
tanto de lo que sucede dentro del producto, aunque solo sea por un simple
ícono de carga. Se trata de mantener viva la retroalimentación para
mantener la comunicación entre el usuario y el producto.
- Coincidencia entre el sistema y el mundo real. El diseño de la interfaz
de usuario debe utilizar un lenguaje que los usuarios ya conozcan,
utilizando referencias al mundo real. Es por eso que los interruptores de
palanca se ven como interruptores físicos reales y los botones se ven como
botones reales. Esto ayudará a los usuarios a aprender a manejar el
diseño, haciendo que la información se sienta más familiar..
- Control y libertad del usuario. Cometer errores es humano, todos los
usuarios son propensos a cometer errores. Depende de los diseñadores
hacer que estos errores sean reversibles, dando a los usuarios tanto control
 sobre el producto como libertad para cometer errores, porque no tendrán
consecuencias permanentes.
- Consistencia y estándares. Quiere que todo en el producto sea
coherente, sin importar el tamaño del producto. Los usuarios deben saber
que los componentes y elementos se comportan de manera coherente para
que la experiencia sea lógica.
- Prevención de errores. Los diseñadores deben identificar las áreas del
diseño más propensas a errores y corregir los bits que se pueden mejorar,
para que los usuarios tengan menos probabilidades de cometer errores.
Esto implica cosas como identificar y prevenir errores de alto costo, crear
buenos mensajes de error y asegurarse de que el diseño refleje el modelo
mental del usuario.
- Reconocimiento en lugar de recordar. Esto apunta al hecho de que la
gente no quiere la carga de recordar cosas. Todo lo que sea importante
para el usuario debe ser reconocible y visible siempre que sea posible,
como etiquetas de campo y botones cruciales. Si la información no puede
ser visible, debería ser fácil de encontrar.
- Flexibilidad y eficiencia de uso. Es una buena idea ofrecer atajos útiles
para las tareas principales para los usuarios veteranos, mientras los oculta
a los novatos para evitar confusiones. Esta es una forma de decir que
desea ofrecer un enfoque personalizado a las tareas más frecuentes para
que los usuarios puedan hacerlas de manera más eficiente.
- Diseño estético y minimalista. Esto apunta a la necesidad de mantener
solo lo necesario en cualquier pantalla dada del diseño. Con cada elemento
adicional, aumenta la competencia entre todos los componentes por la
atención del usuario y su verdadero impacto se hace más pequeño.
- Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de
errores. Esto apunta a que los mensajes de error son claros sobre lo que
salió mal y cómo los usuarios pueden solucionar el problema. Desea que el
mensaje sea directo y directo, útil y que ofrezca una solución.
- Ayuda y documentación. El objetivo es tener un producto que no
requiera más explicaciones, pero eso no siempre es posible. Los productos
complejos y avanzados como una herramienta profesional de wireframe o
Photoshop necesitarán más detalles y los usuarios deberían poder
encontrarlos fácilmente.
2) Hacer que los productos sean fáciles de usar para los usuarios: Esto
implica dejar claro el diseño tanto en función como en tono, de modo que
todo funcione en conjunto para guiar al usuario a través de la experiencia.
Cosas como tener una jerarquía visual clara , ser despiadado al cortar
elementos de las pantallas y concentrarse en las tareas principales, todo
ayuda.
En conjunto, reducir la carga cognitiva es excelente para la usabilidad. Su
producto funcionará sin que los usuarios se sientan frustrados o agotados,
 lo que les permitirá concentrarse en la experiencia en sí o simplemente
concentrarse en las tareas que tienen entre manos. 
3) Haz que sea consistente y fácil de aprender: Para un usuario nuevo, hay
mucho esfuerzo involucrado en aprender algo nuevo. Por eso es importante
que los diseñadores reduzcan todo lo que se pueda cortar y lo transformen
en algo más simple y fácil. Cosas como garantizar la coherencia, tanto en
las señales visuales como en el comportamiento de los componentes, son
cruciales.
Permite que los usuarios exploren y descubran las grandes cosas del
producto, lo que les permitirá invertir. Una vez que se establezcan, ofrezca
las funciones más avanzadas, las opciones de configuración complejas. A
esto se le llama divulgación progresiva .
4) Comprender la función de los patrones de IU: Los patrones de diseño de
la interfaz de usuario son, en resumen, soluciones habituales que se utilizan
para afrontar problemas de diseño habituales.
Estas son formas de resolver estos problemas frecuentes de una manera
que ha sido probada por innumerables diseñadores de todo el mundo.
La verdadera fuerza de los patrones de IU proviene de la posibilidad de
adaptarlos para que se adapten a la mayoría de los proyectos que
existen. Es algo muy práctico y utilizable, y la mayoría de los diseñadores
de interfaces de usuario tendrán una biblioteca de patrones o dos a las que
recurrirán una y otra vez.
5) Presta atención a la estructuración del contenido: La forma correcta de
estructurar su contenido probablemente irá de la mano con algunos otros
aspectos del producto. Los dos más grandes son la arquitectura de la
información y la jerarquía visual en juego cuando se presenta todo al
usuario. La estructura de tu contenido cambiará drásticamente dependiendo
de cuál sea el contenido, cuál sea el objetivo de la pantalla y quién sea el
usuario.
Esto implica que hay bastante planificación e investigación que hacer antes
de que los diseñadores de interfaz de usuario lo junten todo en un
wireframe. Primero, quieres tener a mano la persona del usuario y sus
modelos mentales, para que sepas exactamente quién verá la pantalla, sin
perder de vista cómo piensan o las cosas que quieren. En segundo lugar,
desea tener una idea clara de la arquitectura general de la información en el
producto, de modo que sepa qué es más importante y primario para las
características centrales.
Otros factores que desea considerar son la legibilidad del contenido. Esto
es especialmente cierto para el contenido basado en texto, que puede ser
denso y difícil de leer para muchos usuarios. Los diseñadores de interfaz de
usuario tienen que romper largos bloques de texto y agregar pequeños
 elementos visuales que ofrecen alivio a la vista, por lo que hay un buen flujo
de contenido.

Patrones de interfaz de usuario

Los patrones son algo con lo que los humanos han lidiado durante mucho tiempo,
está en nuestra naturaleza buscarlos en todo y usarlos para dar sentido al mundo.
Cuando se trata de diseñar una interfaz de usuario, los patrones se han convertido
en una herramienta crucial para todos los equipos de diseño.
Patrones de interfaz de usuario: que son y por que es importante
El diseño generalmente se ocupa de un problema principal, que el producto en sí
busca resolver. Aparte de ese problema, los diseñadores se enfrentan a muchos
otros que se relacionan estrechamente con el comportamiento humano. No
importa qué problema específico enfrente el equipo de diseño en su diseño de
interfaz de usuario, es probable que otros ya lo hayan enfrentado. Existen
soluciones que se denominan patrones de diseño y actúan como soluciones
recurrentes en las que los diseñadores pueden confiar.
Los patrones de diseño de la interfaz de usuario tienden a tocar el siguiente
aspecto de cualquier diseño de producto: estructuración de contenido, entrada de
datos y navegación.
A continuación se mostraran los 10 mejores patrones de interfaz de usuario del
sitio web para recordar

1. Registro perezoso
Este patrón es particularmente común entre las plataformas de comercio
electrónico que existen. La idea es que no le pida al usuario que inicie sesión o
inicie sesión hasta el pago real. Resuelve el problema de las personas que desean
experimentar el sitio web sin el formulario de registro formal. Esto permite que
nuevas personas naveguen y agreguen cosas a su carrito, sin preocuparse por
crear una cuenta. En última instancia, las personas ya están invertidas en el
momento en que llegan a la caja. Tiene más sentido pedir su información de inicio
de sesión / inicio de sesión en el momento, cuando ya saben lo que quieren y han
invertido tiempo en la selección de elementos.

2. Migas de pan
Todos sabemos lo que representan, con las migas de pan convirtiéndose en un
clásico en el diseño de la interfaz de usuario. Resuelve el problema de dejar que el
usuario sepa dónde se encuentra dentro de la estructura del producto en todo
momento, al tiempo que proporciona accesos directos a los niveles más altos de
contenido. La navegación de miga de pan se encuentra comúnmente en sitios web
que contienen mucho contenido e información, como plataformas de comercio
electrónico o revistas de estilo editorial y revistas de noticias. Funciona muy bien
en productos que tienen una jerarquía clara de información, lo que representa una
opción inadecuada para sitios web que son pequeños y solo tienen unas pocas
páginas.

3. Pasos a la izquierda
Las personas a menudo pueden perderse en procesos largos. Cosas como
formularios largos o procesos de pago pueden extenderse, creando el problema
de que los usuarios se pierdan o pierdan interés o atención. Necesitan orientación,
algo que se asemeje a una hoja de ruta. Muchos diseñadores recurren al patrón
de pasos a la izquierda, que actúa como una barra de progreso que permite a los
usuarios saber dónde se encuentran y cuánto más lejos tienen que ir. Tiene mucho
margen para que los diseñadores sean creativos, con las barras hechas de las
maneras más ingeniosas sin dejar de hacer el trabajo. Ofrecen contexto a los
usuarios que lo necesitan, además de actuar como una luz al final del túnel para
los usuarios cansados.

4. Tarjetas
Las tarjetas de interfaz de usuario son otro patrón de diseño en el que los
diseñadores a menudo confían para mostrar contenido. En teoría, resuelve el
problema de mostrar contenido que varía en forma y longitud. Dicho esto, tener un
sistema de tarjetas aprovecha al máximo el espacio disponible, tanto para diseños
web como móviles. Un sistema de cuadrícula de tarjetas funciona mejor cuando
los usuarios están navegando en lugar de buscar una cosa específica. Se puede
utilizar para agrupar visualmente porciones digeribles de información, lo que la
hace organizada pero no abrumadora para los usuarios. Los diseñadores pueden
agregar interacción a las tarjetas para elevar el diseño, así como ser creativos con
la pantalla real en cada tarjeta.

5. Navegación por pestañas

La navegación por pestañas resuelve el problema de organizar el contenido en
una estructura plana que muestra al usuario dónde se encuentra en todo
momento. Las pestañas son muy prácticas cuando desea categorizar el contenido
de una manera que facilite a los usuarios explorarlas una a la vez, así como
cambiar rápidamente las pestañas cuando sea necesario. Algunas pautas para
usar pestañas incluyen el uso de todo el ancho de la pantalla para que las
pestañas mantengan un equilibrio visual. Además de eso, tenga cuidado de usar
pestañas solo cuando hay muchas categorías o tipos diferentes de contenido a
mano: un sistema de pestañas para una o dos categorías no funciona bien.

6. Paginación vs desplazamiento continuo

Ambos patrones se ocupan de alimentar el contenido de los usuarios. Por un lado,
tenemos el tema del contenido que se puede exponer como una sola página
continua que ayuda a los usuarios a consumirlo sin esfuerzo. Ahí es cuando entra
en juego el desplazamiento continuo. Por otro lado, tenemos el tema del contenido
que debe dividirse en partes separadas, lo que facilita su digestión y comprensión.
Ahí es cuando pasamos a la paginación. Por lo general, viene con control total
para moverse hacia adelante y hacia atrás, tanto a la página anterior como a la
siguiente, así como ir directamente al principio o al final del contenido.

7. Pie de página gordo

Principalmente resuelve el problema de los usuarios que desean omitir el sistema
de navegación principal e ir directamente a páginas específicas del producto. Este
patrón se usa a menudo para sitios web con páginas específicas que se visitan
con más frecuencia que otras, como una página de preguntas frecuentes. Puede
ser una forma útil de agregar accesos directos sin preocuparse por la jerarquía
general del sitio web.

8. Modal
Las ventanas modales son muy comunes de encontrar en el diseño de la interfaz
de usuario de los sitios web. Ya sea una tienda en línea o un blog, los modales
ofrecen una excelente manera de captar la atención del usuario y obtener alguna
reacción del usuario. Esto suele ser utilizado por los diseñadores para llamar la
atención sobre las ventas, boletines importantes y otras cosas que requieren que
el usuario lo acepte o se registre para algo.

9. Carrusel
El carrusel tiene sus fanáticos y odiadores. Algunos dicen que los carruseles están
un poco desactualizados y es probable que desaparezcan por completo en un
futuro cercano, debido a problemas de usabilidad y rendimiento. Dicho esto,
todavía podemos ver carruseles en muchos sitios web de la web, lo que lo
convierte en un patrón de interfaz de usuario muy relevante. El principal problema
que resuelven los carruseles es que permiten a los usuarios ver muchas opciones
mientras centran toda su atención en solo una de esas opciones. Esto significa
que los carruseles pueden ser una forma bastante persuasiva de acercarse al
usuario, mostrando sus opciones en todo su esplendor con la esperanza de que el
usuario seleccione una de ellas. Puede ser útil porque ocupa muy poco espacio
mientras logra mostrar bastantes alternativas. Es un enfoque altamente visual, lo
que lo convierte en una opción terrible si el contenido que necesita mostrar no es
de naturaleza visual, como una hoja de Excel o un documento escrito.

10. Menú de acordeón

Los menús de acordeón son otro patrón de diseño con el que nos encontramos
con bastante frecuencia la mayoría de las veces, encontraremos un menú de
acordeón que funciona como la navegación principal de un sitio web, ya que
permite a los usuarios explorar categorías dentro del sitio web al mismo tiempo
que descubre las subcategorías y el contenido de nivel inferior. Es altamente
jerárquico y proporciona una forma muy intuitiva de navegar por sitios web que
contienen mucho contenido. Esta es una gran forma de diseño de interfaz de
usuario para sitios web que tienen muchas secciones y niveles de contenido, ya
que transmite jerarquía y permite a los usuarios comprender de inmediato la
estructura general del sitio web. Sin embargo, desea evitar el menú de acordeón si
el sitio web tiene una pequeña cantidad de contenido.

Principios de diseño de la interfaz de usuario

El diseño de la interfaz de usuario tiene un gran margen para crear cosas nuevas,
pero no está libre de reglas generales. Estos principios de diseño de interfaz de
usuario son buenos para tener en cuenta al diseñar un producto digital, lo que
hace que las experiencias sean mejores para todos.

1. Haz que sea fácil de explorar y usar

Esto puede sonar un poco amplio y general, pero es un principio fundamental en la
interfaz de usuario que se conecta con muchos conceptos importantes. Un
producto que es fácil de usar es más probable que ofrezca un alto nivel de
usabilidad, disfrute de una curva de aprendizaje corta y sea efectivo para ayudar a
los usuarios a realizar tareas. Los usuarios que se encuentran con cualquier
producto por primera vez tienen que explorar un poco y descubrir las
características principales, a veces esperando un poco para avanzar a las
secundarias. Este primer encuentro es crucial, porque establece el tono de la
experiencia y les dice a los usuarios qué esperar. Es probable que su primera
impresión dicte si se quedan o si se dan por vencidos y abandonan el producto allí
mismo en el acto.
 2. Dar a los usuarios el control de la interfaz
La gente quiere control sobre su experiencia con el producto y depende de los
diseñadores de interfaz de usuario hacer que eso suceda. Esto se aplica a cosas
clásicas como permitir que las personas se familiaricen con los conceptos básicos
del producto y luego darles poder para crear accesos directos a las tareas que
realizan con más frecuencia. También podría significar dar a los usuarios el poder
de personalizar su interfaz, incluyendo cosas como el esquema de color general.
Dicho esto, tampoco quieren demasiado control, lo que puede llevar a usuarios
abrumados que se cansan rápidamente de tener que tomar tantas decisiones.
Eso se llama la paradoja de la elección. Cuando se enfrentan a demasiada
libertad, la mayoría de los usuarios dejan de disfrutar de la experiencia y en su
lugar resienten la responsabilidad. Es por eso que los diseñadores de interfaz de
usuario operan dentro de un cierto margen de control que transmiten a los
usuarios. Reducen qué partes del producto y la experiencia se pueden
personalizar, identificando áreas donde los usuarios pueden crear su propia
versión del diseño.

3. Crea un diseño que funcione de manera eficiente

Para crear un diseño que funcione, los diseñadores de interfaz de usuario usarán
sus habilidades visuales para resaltar las cosas importantes y alentar a los
usuarios a realizar una determinada acción. Los sitios web de comercio electrónico
están bien versados en hacer diseños convincentes que empujan a las personas a
caer en la tentación y comprar esas hermosas zapatillas. Para que funcione se
debe tener una combinación de factores que los diseñadores de UI tienen en
cuenta. En primer lugar, está la regla general de proximidad de elementos y
jerarquía visual. Se trata de hacer que las cosas importantes sean más grandes y
brillantes, haciendo que los usuarios sepan de inmediato que esto es en lo que
deberían centrarse.

4. Ofrecer una interfaz consistente

Los diseñadores de interfaz de usuario saben que mantener un diseño consistente
es importante, por múltiples razones. Cuando la palabra "consistente" se lanza en
el mundo del diseño web, se aplica tanto a lo visual como a las interacciones. El
producto debe ofrecer los mismos iconos y elementos, sin importar su tamaño o
cuánto contenido contenga. Eso significa que una vez que el equipo de diseño se
ha decidido por una identidad visual, el producto no puede desviarse de ella.

La consistencia es importante porque ayudará significativamente a los usuarios a

aprender su camino alrededor del producto. Esa primera curva de aprendizaje es
inevitable para una experiencia completamente nueva, pero los diseñadores de
interfaz de usuario pueden acortarla. En última instancia, desea que los usuarios
reconozcan los componentes individuales después de haberlos visto una vez.
5. Usa metáforas del mundo real en tu interfaz de usuario
A pesar del hecho de que la mayoría de nosotros ahora estamos extremadamente
familiarizados con los productos digitales, sigue siendo una buena idea usar
metáforas del mundo real. Algunos diseñadores creen firmemente que estas
metáforas mejoran la usabilidad general del producto, porque son muy fáciles de
entender incluso a primera vista. Hay muchos ejemplos de estas metáforas en
elementos que los usuarios conocerán y reconocerán. El más tonto, quizás, es el
icono del cubo de la basura. Inmediatamente nos dice que cualquier cosa
colocada allí será removida de la vista, posiblemente eliminada para siempre. Hay
poder en ese tipo de familiaridad. Es la razón por la que los botones se parecen a
los botones físicos reales o por qué los interruptores de palanca se parecen a los
interruptores reales. Podría decirse que todos los iconos son metáforas de la vida
real.
6. Conoce los materiales de diseño
Las personas de usuario capturan la idea del usuario final, dándoles una cara y
ofreciéndoles detalles de sus vidas y lo que quieren. Originalmente creados por la
industria del marketing, son igual de útiles para los diseñadores de interfaz de
usuario. A pesar de ser un perfil ficticio de una persona que no existe, la idea y el
grupo de personas que representa son muy reales. Le da al equipo de diseño
claridad sobre lo que los usuarios quieren, lo que experimentan y sus objetivos
finales. En una nota similar, los modelos mentales también son cruciales. En lugar
de capturar al usuario ideal, capturan cómo piensan esos usuarios. Muestra su
razonamiento, que puede ser muy útil en el diseño de la interfaz de usuario. La
mayoría de las veces, cuando las pantallas o los elementos no funcionan bien es
porque simplemente no respetan los modelos mentales del usuario, lo que
significa que los usuarios no lo entienden. Para ellos, eso simplemente no tiene
sentido.
7. Comience con el diesño de la interfaz de usuario en blanco y negro,
luegro construya sobre el
La mayoría de los diseñadores experimentados estarán de acuerdo en que
comenzar una interfaz con los detalles visuales como el esquema de color es una
mala idea. Hay una buena razón por la que la mayoría de los wireframes
comienzan con nada más que diferentes tonos de gris: los colores y los detalles
distraen.
La mayoría de los diseñadores de interfaz de usuario comenzarán su planificación
de los huesos básicos y el diseño de las pantallas en blanco y negro. Esto les da
la oportunidad de centrarse solo en la eficiencia del espacio, priorizando cosas
como la jerarquía visual de los elementos clave. Lentamente y con el tiempo, los
diseñadores construirán sobre esta base gris y agregarán más detalles. Es cierto
que algunos equipos de diseño comienzan a probar muy temprano, incluso
cuando los wireframes no son más que un montón de cajas. En cualquier caso,
este diseño gris crece a medida que el diseñador agrega colores, detalles y
contenido real.
8. La retroalimentación y el contexto son importantes
El concepto en juego para esta guía de diseño de interfaz de usuario es que los
usuarios necesitan comentarios para que la experiencia sea realmente buena. A
diferencia de las personas, que envían pequeñas señales de lenguaje corporal, el
dispositivo no comunicará nada a menos que el diseñador de la interfaz de usuario
lo estipule. Las personas necesitan saber no solo que sus acciones fueron
registradas, sino también un contexto general que les ayude en torno al producto.
Estos comentarios y contexto de los usuarios pueden venir en muchas formas.
Una de las más utilizadas son las microinteracciones,que le dicen al usuario que
las cosas son clicables o que el sistema está funcionando detrás de la pantalla. Un
icono de carga que contiene una breve interacción es el ejemplo perfecto.
9. Ajusta tu juego de wireframing
Wireframing las ideas y el producto en general tiende a recaer en los diseñadores
de interfaz de usuario. Como regla general de diseño de la interfaz de usuario, el
wireframing es inevitable. Son los primeros pasos del producto, que representan la
primera representación tangible de la solución digital.
Comenzando como un montón de cajas y tonos de gris, los diseñadores de
interfaz de usuario utilizarán los materiales de diseño como personas de usuario
para crear un wireframe que se adapte al usuario. Se trata de capturar la
funcionalidad general del producto, sentando las bases de los huesos desnudos.
Cosas como la navegación, las piezas principales de contenido y la representación
de las características principales, todas juegan un papel en el proceso de
wireframing.
A medida que el equipo comienza a probar la usabilidad general y el rendimiento
del wireframe, surge un ciclo. El wireframe se prueba y los resultados dictarán qué
partes deben mejorarse o cambiarse por completo. Una de las mejores cosas de
los wireframes es que es posible juntarlos rápidamente, brindando la capacidad de
cambiar rápidamente de rumbo si es necesario.
10. Familiaricese con las pruebas de usuario y el mundo de la usabilidad
La usabilidad puede significar cosas diferentes para diferentes equipos de diseño.
A menudo es el caso de que la mayoría de los diseñadores asociarán las pruebas
de usuario al rendimiento del diseño, en términos de cuántos usuarios pueden
completar una tarea en X tiempo. Para otros, las pruebas tienen un significado
más grande, representando el punto de vista mismo de los usuarios, siendo los
datos la única forma de saber lo que los usuarios realmente quieren.
En última instancia, las pruebas de usuario se realizan durante un período
prolongado de tiempo. Comenzando en la etapa de wireframing y llegando hasta
el lanzamiento del producto (a veces incluso más lejos). Los diseñadores invertirán
tiempo real y esfuerzo en las pruebas, simplemente porque vale la pena. Cualquier
cambio al que conduzcan las pruebas es bienvenido, porque representa una
mejora realizada por poco costo. Si estas mejoras tuvieran que hacerse mucho
más tarde en el proyecto, habrían llegado en forma de retrasos y costos absurdos.
Los métodos pueden variar debido a la cantidad de alternativas que hay ahora.
Desde pruebas no moderadas que disfrutan de cientos de participantes hasta
entrevistas moderadas y sesiones de observación, hay un camino correcto para
cada equipo, sin importar el presupuesto y la restricción de tiempo.