Experiencia del usuario: ¿es esta una buena interfaz de usuario móvil?

Comencemos definiendo una buena interfaz de usuario móvil.

No se trata solo de usabilidad. Es seductor, atractivo y significativo para el usuario. Se trata de cómo hacer que sus usuarios piensen, se comporten y sientan. También se trata de generar resultados comerciales positivos.

Criticar este diseño es difícil (al menos para mí). No tengo mucho contexto. ¿Quiénes son sus usuarios / partes interesadas? ¿Cuáles son sus objetivos? ¿Cómo se ve el resto de la aplicación? En el futuro, es posible que desee proporcionar estos detalles cuando solicite una crítica de UI / UX. Proporcionar contexto solo te ayudará 🙂

Dicho esto, creo que a lo que la mayoría de la gente está reaccionando es a la estética general de la pantalla: el diseño, la tipografía y los colores. Miremos estos tres elementos a través de la lente de accesibilidad y gusto, comenzando con la parte superior de la pantalla y avanzando hacia abajo.

Diseño / Jerarquía
Me gusta cómo has logrado transmitir un sentimiento comunitario al colocar la foto dentro de un círculo. No soy fanático de la fotografía de archivo, pero me encanta cómo elegiste representar la diversidad en tu imagen.

Entiendo el deseo de hacer que el ancho del logotipo, los campos de entrada y el botón tengan el mismo ancho. ¿Pensaste en introducir algún contraste alrededor del logo? En este momento, la jerarquía / tempo de la página se siente plana. Además, desde el punto de vista de la accesibilidad, me pregunto si el botón se encuentra demasiado bajo. Suponiendo que esto es para iOS, ¿vio esto tanto en un iPhone 5 como en un iPhone 6?

Su objetivo principal es lograr que las personas ingresen su información y se registren. Dicho esto, le daría más importancia al botón al disminuir el tamaño de “crear cuenta”.

Creo que fue aconsejable usar un separador entre el botón y “crear cuenta”, pero jugaría con diferentes tratamientos de línea, específicamente los más simplificados. En este momento, es un poco molesto.

Tipografía
Dependiendo de qué sentimiento desea exudar, es posible que desee configurar todo en un tipo de letra con tres pesos. O tres tipos de letra y dos pesos. Me gusta cómo se subestima el tipo de campo de entrada, pero no lo pondría en cursiva (es difícil de escanear) ni agregaría elipses a uno y no al otro (personalmente, evitaría agregar unipsis todos juntos, porque no es semánticamente correcto 🙂

Experimentaría con un tipo de letra diferente para los CTA. Está compitiendo con el guión del logotipo. No estoy seguro de dónde enfocar mi atención.

Color
Me gusta cómo limitaste la paleta de colores y te mantuviste en el lado cálido. Nuevamente, se siente comunal, que es lo que creo que estás tratando de lograr. No creo que las sombras internas sean necesarias. Solíamos tenerlos a precios asequibles, pero ahora ya no son necesarios. El gradiente es demasiado restrictivo para mi gusto, creo que también puede distraer al usuario de iniciar sesión / crear una cuenta.

Envolver
Criticar el diseño no es fácil. Ser criticado no es fácil. Le aplaudo por pedir comentarios, especialmente en un foro tan público. ¡La mejor de las suertes!

En base a esta imagen, no, no lo es.

• El naranja y el rosa oscuro no son una excelente combinación de colores, aunque este es el menor de sus problemas.
• No hay referencia en cuanto a qué es el producto. ¿A qué me estoy conectando? La foto del cliché en la parte superior no me dice nada.
• La fuente para “Conectar ahora” no es muy legible. A menos que este sea el logotipo o tenga una buena razón para estar en una fuente de script, no debería estarlo.
• La fuente “nombre de usuario” y “contraseña” (una imitación de Avante Garde) parece haber forzado la cursiva. O eso, o es una fuente cursiva mal diseñada.
• Además, ¿por qué Avante Garde cuando ya está utilizando una fuente sans serif diferente para “iniciar sesión” y “crear cuenta”?
• Hablando de la otra fuente sans serif, parece una fuente barata y gratuita. Los formularios de letras no son muy atractivos.
• ¿Por qué se aplican diferentes reglas de capitalización a “sing in” y “create account”? (Una tiene las dos palabras con una letra i, la otra no).
• Además, ¿por qué son de diferentes tamaños?
• Y el texto “iniciar sesión” es demasiado grande para el contenedor del botón.
• Presumiblemente, “Crear cuenta” es un botón, pero no tiene un fondo de botón, lo que es inconsistente con el “inicio de sesión” directamente encima de él.
• ¿Por qué hay un punto grande en la línea divisoria entre “iniciar sesión” y “crear cuenta”? Si no tiene ninguna razón para estar allí, entonces no debería estar allí.

Aunque estoy de acuerdo con Sjur en los problemas con el diseño, creo que este es un gran ejemplo de una mala crítica. Hay una diferencia entre criticar y criticar. Puede analizar un trabajo sin parecer condescendiente. A mucha gente en nuestro campo, así como en los campos relacionados, no les importa entender la diferencia, a menos, por supuesto, que sea SU trabajo.
FEO y NAUSANTE no ofrecen ninguna idea de por qué las fuentes y los colores no funcionan. Por lo tanto, el uso de palabras como estas no es constructivo, ya que no explican al artista por qué su diseño necesita mejoras. También muestra una falta de tiempo y paciencia para profundizar en la razón por la cual ocurren estos sentimientos. ¿Qué hace que estas fuentes no funcionen? ¿Por qué es malo usar 3 fuentes diferentes? Si realmente quisieras ayudar a un artista (y a ti mismo) a crecer, explicarías las razones de las emociones evocadas, en lugar de los vagos adjetivos que abarcan todo.

Dicho esto, aquí está mi crítica:

Sería bueno saber a qué edad se apunta el grupo demográfico y el propósito de la aplicación. Considerando que “CONECTAR AHORA” parece ser el eslogan principal, estoy asumiendo que es una aplicación de conexión social. A juzgar por la imagen, su demo objetivo parece ser adolescente hasta principios de los años 20. Aunque la imagen muestra un fuerte sentimiento de comunidad y felicidad, el ángulo es un poco problemático, ya que parecen estar mirando al usuario deseado. Sugeriría quizás el mismo tipo de grupo en una pose diferente.

Connect Now está escrito en una fuente muy femenina (escritura cursiva que recuerda a un diario). Si su objetivo es más amplio que solo las mujeres, sugeriría cambiarlo por una fuente diferente menos femenina.

Nombre de usuario y contraseña: no estoy seguro de la intención de los puntos suspensivos, pero deben eliminarse. Además, la cursiva es innecesaria y hace que el usuario trabaje más para leerla sin ningún motivo. Si desea una buena señal de que son pistas, sugeriría reducir la opacidad un poco más.

INICIAR SESIÓN: El texto es difícil de leer en el botón. También está escrito en una fuente tipo “ciencia ficción” que no parece encajar en la aplicación. Sugeriría cambiar el color y la fuente para una mejor legibilidad, así como dirigirse a los usuarios previstos.

Crear cuenta: el punto sobre el texto en la línea es innecesario y un poco pesado, lo que causará una distracción. Si no tiene un propósito, deshazte de él. El texto está bastante dividido por la regla horizontal.
Además, la fuente es otra vez, demasiado de ciencia ficción para lo que yo percibiría como la audiencia prevista.

Color de fondo: divertido, enérgico y que recuerda a Apple iOS8, pero también muy vibrante, lo que puede ser molesto para algunos usuarios, especialmente para los hombres, ya que es cálido y femenino.

Aunque algunos notaron que el registro debe coincidir con el estilo de inicio de sesión, siento lo contrario. Desea centrarse en los usuarios. Siguiendo el estilo de algunas aplicaciones exitosas, diría que reduzca el tamaño de fuente de la inscripción, ponga un subrayado para que la gente sepa que es un enlace y tal vez lo cambie a un llamado a la acción más explicado como “No tener un ¿cuenta todavía? Regístrese aquí “Finalmente, a diferencia de algunas de las maquetas en curso en los comentarios, me abstendría de permitir que se unan a su cuenta a través de Facebook / Twitter, ya que estas redes son su competencia y usted quiere distinguirse de ellas.

Una regla general de UX es mantenerlo lo más simple posible y evitar que el usuario tenga que pensar. Siempre tenga en mente a su público objetivo.

Sigan con el diseño. ¡¡Llegarás ahí!!

Hay muchas opiniones aquí. Creo que esto es, sobre todo, la mayor extracción que puede derivar de esta discusión. La vida está llena de opiniones y todos las tienen. Algunos más pomposos que otros. Algunos mal informados 🙂

Por lo general, y en general, la mayoría de los diseños utilizan dos tipos de letra / fuentes en un diseño determinado. Piense en términos como pintar 3 paredes de azul y la cuarta pared de naranja para ofrecer un acento que ayude a enfocar a los espectadores y a aliviar la tensión visual.

Cuando entrega más de 2 fuentes, CIENTÍFICAMENTE está rompiendo su propio tema específico al introducir una sobrecarga de información para el espectador. Entiendo que lo más probable es que intentaras establecer una jerarquía visual, pero esto se puede hacer incluso con 1 fuente usando diferentes pesos y mucho menos dos. No está en un nivel subjetivo, sino puramente subliminal. El espectador promedio no podrá definir su incomodidad con él. Pero no importa porque no tiene que articularse en palabras. El hecho de que haya molestias es todo lo que se necesita para perder atención y respeto por su trabajo.

En lo que respecta a todo lo demás, la elección del color, etc., si el diseño plano suizo es más esceptomorfo o simple, realmente depende del tema que esté tratando de presionar y del grupo demográfico que intente atraer. NO todo debe ser plano por el simple hecho de ser plano. Así que hazte un favor y haz caso omiso de los que te dicen eso. El diseño suizo ha saturado totalmente la industria por ninguna otra razón que no sea una construcción popular, por lo que todos los demás lo están haciendo. En mi libro, eso no es arte, es perjurio, complacencia y falta de un conjunto de habilidades más rico para saber qué herramienta usar para qué propósito.

Su diseño tiene una sensación cálida de “personas” y, dependiendo de su intención, eso puede ser todo lo que necesita un espectador para hacer clic en su botón de llamada a la acción. Si alguna vez has investigado a los usuarios, verás una variedad de reacciones que dependen del género y la demografía de cualquier diseño. En serio, una sombra interior no va a prohibir a tu consumidor promedio. Apple está llena de gradientes y sombras y no ves a mucha gente quejarse de eso, ¿verdad? Puede molestar a algunos diseñadores críticos, pero algo me dice que ese no es su público objetivo, así que siga con sus instintos y no se preocupe por las críticas. Su audiencia le hará saber qué funciona y qué no.

Muchas personas han comentado sobre su interfaz de usuario, por lo que me centraré en la mejor manera de utilizar la información para mejorar aún más su aplicación móvil. su diseño de una manera que sea útil para su público objetivo único. Después de editar su interfaz de usuario basada en los comentarios de Quora, pruebe su aplicación y obtenga comentarios de usuarios potenciales reales.

También debe verificar que su aplicación tenga las siguientes características esenciales para una buena experiencia de usuario:
I. El teclado de su aplicación coincide con las entradas de texto requeridas
II Configurar la capitalización automática
III. El formato de entrada fijo está configurado
IV. La autocorrección se establece en función del nivel del diccionario
V. Validación en tiempo real
VI. Lenguaje simple
VII. No lleve a los usuarios al navegador.
VIII No les pidas a los usuarios que califiquen tu aplicación demasiado pronto

Le recomiendo que visite este sitio web: http://babich.biz/ para obtener más información y consejos sobre UX.

¡Lo siento compañero! Incluso después de la actualización, todavía no es una buena interfaz. Si está aprendiendo Diseño de interfaz de usuario, continúe y practique más. Vea algunos diseños geniales en Dribbble y Behance, siga algunos diseñadores geniales y su trabajo.
A continuación, le mostramos cómo puede seguir y aprender de su trabajo: si está diseñando una pantalla de inicio de sesión , busque la palabra clave Iniciar sesión o Iniciar sesión e inspírese en su trabajo. Intenta mejorarlo si es posible.

Busque en Google Image usando las palabras clave apropiadas.

Pero si solo está tratando de ahorrar dinero al no contratar a un Diseñador, le sugiero: ¡NO LO HAGA!

Una gran interfaz de usuario es muy importante en una aplicación.

De ningún modo.

1. Esquema de color
El color de fondo (gradiente) que está utilizando; Aquí el círculo naranja no pertenece a la misma paleta de colores (ideal)
consulte: El Diseñador de esquemas de color
2. Fuente
– Demasiadas fuentes
– Si se trata de una aplicación de red social, es mejor mantener las fuentes lo más fáciles y fluidas posible. Para que el usuario pueda centrarse en el contenido y las características en lugar de en el estilo.
– Marcador de posición en cursiva – (MALO)
– Tamaños de fuente grandes (MALO)

3. Separador
– El separador se parece a un control deslizante (por lo tanto, engañoso)

4. Obra de arte : la imagen (dentro del círculo naranja)
– Reduce el calor de la imagen.

Los diseñadores de interfaces móviles se están volviendo más prominentes en el espacio web actual. Si bien los sitios optimizados para dispositivos móviles pueden aligerar la carga del desarrollador de un sitio, algunos prefieren crear una aplicación con todas las funciones.

Los diseñadores y desarrolladores de aplicaciones móviles tienen una gran demanda ahora particularmente en la interfaz de usuario. El diseño de la interfaz de usuario se centra en la experiencia del usuario y la interacción, y aunque es fácil de usar, un diseño atractivo pero práctico es esencial para el éxito de una aplicación.

Hoy me gustaría mostrarles algunas maquetas, bocetos, botones, tablas, pantallas de bienvenida y muchos más ejemplos de diseños de aplicaciones de iPhone (UI) para su inspiración. Si está familiarizado con el diseño de iPhone o iPad, reconocerá todos estos términos anteriores. ¡Entonces, inspirámonos!

Gracias
John Lelan
Hire Enterprise Mobile App Developers India | Empresa de desarrollo de aplicaciones de Android para iOS, iPhone y iPad

Honestamente, en lo que respecta a la estética general, esto no cumpliría con los estándares actuales de la industria. Los campos de usuario / contraseña tienen sombras demasiado oscuras y si está intentando crear un diseño de interfaz de usuario plano, aléjese de las sombras. Siempre trate de dar suficiente espacio para respirar a los textos / elementos. Pensé una iteración rápida para ti.

Para el diseño tricromático, a menudo ocurre que hay un color ‘principal’, un color ‘activo’ y un color ‘resaltado’. Una paleta limitada va más allá cuando invierte los colores en ciertas áreas (menús o botones, por ejemplo).

Quería destacar algunos ejemplos de interfaces móviles que se centran principalmente en dos o tres colores, junto con mucho espacio en blanco (o neutral) y la falta de desorden innecesario. En otras palabras: diseño minimalista. Menos es más.

Así que echemos un vistazo a algunos ejemplos. No pretendo haber usado todas estas aplicaciones y sitios, y uno o dos son conceptos, por lo que el enfoque aquí está en la apariencia y no en la experiencia del usuario. Haga clic en las imágenes para ver más capturas de pantalla en profundidad o en tamaño completo.

Paratt

Esta es una interfaz móvil muy limpia y centrada en el contenido, que permite que las imágenes y logotipos de los productos inyecten más color en el aspecto general.

Ayuda a hacerlo

Esta aplicación centrada en donaciones utiliza una mezcla de negro, blanco y menta, junto con una tipografía distintiva.

Anhanguera

Los colores de la marca Anhanguera se reflejan en todo su sitio móvil. Invierte regularmente estos tres colores principales para mezclar las cosas para el usuario.

Asesor de moda

El diseñador de la aplicación Fashion Adviser también sabe que varios tonos de gris son un placer junto con el rosa fuerte.

Guía

Esta aplicación utiliza su tercer color como una especie de ancla de navegación para el ojo.

SnelTrein

Una de las mejores aplicaciones de viaje que he visto.

PrivatBank

Los iconos son cada vez más populares. Los íconos ultra obvios no requieren ninguna etiqueta, y son mejores aún.

HAGA CLIC AQUÍ

Interesante interfaz de usuario. Sin embargo, la efectividad de cualquier diseño no se puede medir a menos que lo pruebe con la audiencia real. Para mí, la apariencia de la aplicación móvil es simple y atractiva, con CTA claros y un buen ícono que muestra que se trata de una aplicación móvil social. Aquí están las pocas comida para llevar.

• El color de la interfaz de usuario es excelente, sin embargo, la parte más oscura al final de la pantalla lo hace un poco aburrido. Dar sombras en el fondo agregará el atractivo.
• Las fuentes son diferentes en todas partes, además de conectarse ahora, puede usar las mismas fuentes en cualquier otro texto. Esto mejora el nivel de confianza y la consistencia de la forma.
• Asegúrese de tener el nombre de la aplicación en la pantalla de inicio.
• Haga que se pueda hacer clic en el logotipo que lleva a los usuarios a un video sobre cómo usar la aplicación. Esto le permitirá tener elementos accionables en toda la pantalla.

Es un buen comienzo y tiene más espacio para iteraciones sobre elementos de diseño. Google algunos principios sobre cómo mejorar el diseño de la interfaz de usuario.

Para convertirse en experto (pero no viene en un día), haga una rutina diaria como leer blogs de diseño, seguir las tendencias en diseño, suscribirse a boletines de diseño, etc.

La tendencia reciente en el regate es que los diseñadores se comprometen con el “Daily Design Challenge”. Entonces cómo lo hacen,

Aquí está la ruptura

1. Elija una pantalla y diseñe de una mejor manera para resolver la complejidad de los problemas existentes del usuario. Por ejemplo: reservar un vuelo, pantalla de inicio de sesión, configurar un recordatorio, etc.
2. Publíquelo en dribble y pida sugerencias a los demás diseñadores.
3. Mejore con las sugerencias dadas por otros diseñadores en la próxima publicación de IU.

Aquí hay algunos enlaces que recomendaría leer o visitar todos los días.

1. Mostrar y contar para diseñadores
2. Smashing Magazine – para diseñadores y desarrolladores web profesionales
3. Designmodo: Blog y tienda de diseño web
4. Pttrns de diseño
5. Interfaz de usuario inspirada: patrones de diseño de aplicaciones móviles

PD: “El arte no tiene restricciones, pero el diseño sí”

¡Aclamaciones!

El diseño es gestalt: la suma de todas las partes. Si bien algunas decisiones aquí podrían ser útiles en otros contextos, desafortunadamente la gestalt del diseño deja mucho que desear.

Parece como si estuviera recogiendo varias tendencias de la interfaz de usuario e intentando incorporarlas en una sola visión de diseño, sin tener en cuenta por qué ciertas decisiones se tomaron en diferentes contextos.

Otro señaló algunos de los problemas clave aquí:

1. Tipografía
2. Color
3. Fotografía
4. Consistencia
5. Equilibrar

De hecho, estas son las cosas que los diseñadores tienen que negociar una y otra vez a lo largo de sus carreras.

¿Entonces supongo que no eres diseñador y buscas ayuda gratuita? Eso es genial, pero tal vez lea los principios de diseño y relacione su pregunta con respecto a si el diseño cumple con los conceptos fundamentales de diseño. Entonces las personas tendrán un contexto para la toma de decisiones y será más fácil para ellos ayudarlo.

Como dijo TJ Harrop, la mejor manera de saber es a través de pruebas de la vida real. Por mi parte, me encanta el primero. Siga los consejos de Denise acerca de reducir el tamaño de “registrarse” y poner un subrayado (aunque vi que algunos “expertos” responden diciendo que sea un botón y todo eso), al final todo es subjetivo y es por eso que necesita para obtener información de la vida real de su público objetivo. Me gusta todo sobre el primero, tal vez esos tipos que miran hacia abajo provocan un poco de emoción negativa, ni siquiera pueden poner mi mano sobre él. La actualización, por otro lado, es simplemente nauseabunda para mí. El color verde oscuro a negro se desvanece, la “conexión” se ve tan desconectada y simple, el logotipo se ve igual, simple y aburrido, y toda la configuración con el logotipo al lado de la “conexión” descriptiva. Es demasiado Además, como dijo TJ, hacer referencia a Facebook para su registro es algo desalentador, ya que se supone que son su competencia. De todos modos, buena suerte en lo que decidas hacer

Primero, estoy de acuerdo con todos: que las críticas para el artista deberían y SIEMPRE deben ser constructivas, esto significa “ACCIONABLE” y con referencias probables / probables.

En segundo lugar, está preguntando si esta es una interfaz de usuario “BUENA”. El problema es cómo definir “BUENO” en el contexto de la interfaz de usuario. Supongo que su crítica por una BUENA IU significa: (1) El diseño visual provoca la acción diseñada del usuario y (2) El objetivo de esta IU específica: “Pantalla” es o se logrará.

Como dijo Sir Parrish, para evaluar la efectividad del diseño de la interfaz de usuario, necesitamos comprender el perfil del usuario objetivo. Si le está pidiendo a mi padre que se registre con esta interfaz de usuario, probablemente cerrará y desinstalará la aplicación.

Mi opinión parcial como director creativo de UI / UX
1.) El mensaje de esta PANTALLA es “CONECTAR AHORA” pero la “IMAGEN” o disposición visual de elementos gráficos y contenidos gráficos no me anima a CONECTAR. Este es el concepto general, como el uso de la foto y la elección del color, la fuente y la variedad de elementos completos.

2.) Hay demasiados CTA – Llamado a la acción después de “Conectarse ahora” – Los usuarios deben ser guiados “INCONSCIENTEMENTE” a su CTA. No tienen que pensar que tocarán esto o aquello, el campo de visión debe organizarse de manera que el usuario inconscientemente toque “REGÍSTRATE” o “INICIAR SESIÓN”. Es un teléfono inteligente, la aplicación debe ser lo suficientemente “inteligente” como para permitir al usuario lograr la CTA.

Crítica sobre los elementos de diseño visual:

3.) El color de fondo es excelente: es potente y fuerte; aunque en contexto podría estar un poco apagado. Este color me recuerda a los clubes nocturnos y bares (Mi opinión personal; es por eso que investigamos a nuestros usuarios objetivo).

Sea prudente al usar el color para comunicarse consulte la “Guía para la comunicación del color de Letrice Eisman”

4.) Fuente y tipografía: puedo ver tres estilos de fuente (que no está mal). Pero el tamaño y el espaciado de la fuente necesitan mejoras. Debido a que hay 3 fuentes (Variaciones), se debe aplicar RYTHM, como el tamaño de fuente para enfatizar la “jerarquía”.

5.) Espaciado de elementos: los campos y botones deben agruparse según su contexto. Creo que “Nombre de usuario y contraseña” van de la mano con “Iniciar sesión”. Agrupe estos elementos y aumente el espacio entre “Iniciar sesión Grupo de elementos” desde “Crear una cuenta”

Hay muchas formas de mejorar esta interfaz de usuario, pero depende completamente de los usuarios de destino. En mi caso, en la medida de lo posible, mantendría la CTA simple y fácilmente disponible, por ejemplo; Reduzca todos los elementos a “Unirse ahora” e “Iniciar sesión” uno al lado del otro en la parte inferior de la página. Y tener la foto como fondo principal. Puede reducir la opacidad de la foto o superponer un elemento transparente negro y flotar el mensaje “Conectar ahora” en el índice superior en el centro de la pantalla.

Estos son solo algunos ejemplos. Recuerde que la interfaz de usuario es una personalidad diseñada, le da a su complejo sistema una cara y una personalidad que habla con sus usuarios. ¡Aclamaciones!

La pregunta es incompleta y, por lo tanto, realmente no tiene respuesta. Para responderlo, me gustaría saber para quién estaba destinada la IU y qué se supone que deben hacer con ella. Las IU por sí solas no son buenas ni malas.

Por supuesto, hay principios de diseño, patrones y mejores prácticas. Puede revisar una IU a la luz de esas y decir que una pantalla determinada sigue o no las pautas (por ejemplo, accesibilidad) o las mejores prácticas. Pero a veces rompes las reglas, y por una buena razón. Por ejemplo, hay una regla general de IU que dice que el texto debe estar alineado a la izquierda (suponiendo que esté trabajando en un lenguaje de izquierda a derecha) y los números deben estar alineados a la derecha. Eso está muy bien, pero en los servicios financieros los números deben estar alineados con decimales, no alineados a la derecha. Una interfaz de usuario que viole la regla de “alineación correcta” no se puede juzgar como buena o mala a menos que sepa para quién está hecha y qué se supone que deben hacer con ella.

Te sugiero que vayas a preguntar esto de la manera incorrecta y, lo que es más importante, a las personas equivocadas. Los “expertos” en diseño de la interfaz de usuario son una moneda de diez centavos por docena, y de todos modos probablemente no te importe lo que piensen. Tenga en cuenta la cantidad de lenguaje subjetivo que ve en estas respuestas? Las fuentes son “feas” o “femeninas”, los colores son “raros”. Esto parece una respuesta razonable, e incluso podría estar dispuesto a estar de acuerdo con las personas que lo publicaron, pero ni su opinión ni la mía son importantes. ¿Por qué? Porque probablemente no somos su objetivo demográfico. Pregunte a las personas cuya opinión realmente importa: ¡sus usuarios!

Realice una simulación de algunas versiones como lo hizo anteriormente, identifique a 8-10 personas en su grupo demográfico objetivo (usted sabe quiénes son, ¿no?) Y pregúnteles cómo ejecutarían los casos de uso básicos para el objeto (“¿Cómo ¿cómo configurar una cuenta? “” ¿Qué harías si quisieras cerrar esta aplicación? “). Mejor aún, haga que le * muestren * lo que harían (“Demuéstrame con tus manos lo primero que harías si vieras esto y quisieras usarlo”. “¿Qué harías si escribieras tu nombre de usuario y contraseña y nada sucedió de inmediato? “). Pruebe esto con múltiples interfaces candidatas: el papel y la tinta son baratos, y usted (o alguien de su equipo) comprende claramente al menos los conceptos básicos de Photoshop o una herramienta similar. Itere su diseño en función de los comentarios y luego vuelva a hacerlo.

Los prototipos en papel (como el que configuró en su publicación) son baratos y útiles, y se prestan bien a iteraciones rápidas de prueba y revisión. Echa un vistazo a “Rocket Surgery Made Easy” de Steve Krug para obtener una excelente introducción a los principios y técnicas básicas de pruebas para usuarios. Es solo un par de dólares en Amazon.

Desarrollar métricas para el éxito también ayudará. ¿Qué porcentaje de usuarios debería poder descubrir correctamente cómo cambiar su contraseña en el primer intento? ¿Cuánto tiempo le tomará a un usuario por primera vez descubrir cómo crear una cuenta? A medida que sus preguntas se vuelvan más sofisticadas, considere desarrollar prototipos digitales más detallados. Puede construir prototipos digitales que funcionen con funcionalidad limitada, o crear maquetas interactivas con powerpoint o balsamiq.

Las opiniones de expertos son geniales, pero siguen siendo solo opiniones, que, como señaló un sabio, todos lo han hecho. Si vas a escuchar opiniones, te sugiero que pases tu tiempo escuchando las opiniones de las personas que realmente usarán tu producto.

Felicitaciones a usted por ir a un público tan inteligente para su I + D. Probablemente sepa que desarrollar un producto móvil significa clasificar los comentarios más importantes de la frippery. Las opiniones personales, incluso de los diseñadores, no son en blanco y negro: son grises, son análogas y romper algunas reglas puede hacer que te destaques. No es que esté diciendo que el Equipo Quora no le ha dado algunas formas importantes para mejorar el diseño.

Hay muchos pensamientos geniales sobre las fuentes. Decirle que el punto en la línea de la versión 1 entre el inicio y el inicio de sesión es frippery. Creo que se ve genial. Solo recuerde que la fuente del logotipo que seleccione será cómo las personas identifican su producto.

Los comentarios sobre la elección del color y el rosa provienen de una larga historia de estereotipos de género y pruebas de consumo. Usar un poco de un tono rosado fuerte como el magenta en algo que los hombres van a usar no siempre es un beso de muerte, pero debes usarlo con moderación y equilibrarlo con otros colores. Su objetivo de color real es la usabilidad: contraste entre oscuro y claro, para que las personas puedan iniciar sesión cuando el sol está deslumbrante. Diría que tanto los diseños de la versión 1 como de la versión 2 podrían usar un poco más de contraste.

Has elegido deshacerte del anillo de personas en la versión 2 y reemplazarlo por algo que se parezca mucho al logotipo de Picasa. Si su base de usuarios objetivo se extiende desde preadolescentes y adolescentes hasta ejecutivos corporativos de 50 años en adelante, está bien. Mi sensación visceral es que el nuevo diseño parece que la vida ha sido pensada en grupo. Lo que quiero decir con esto es eliminar todo lo que alguien critica. Probablemente hayas visto algunas películas con un final feliz que se siente fuera de contexto con la mayor parte de la película: cuando los comentarios de la audiencia muestran que muchas personas se sienten incómodas con la ambigüedad o las pausas difíciles en la historia, una conclusión falsa. podría superar el final de Debbie-downer real.

En la versión 2, también eligió reemplazar lo que parecía su opción de registro con Facebook Connect. La gente asumirá que su cuenta de Connect debe seguir su cuenta de Facebook. Mirando únicamente las 2 pantallas de inicio de sesión, mi pregunta es por qué necesitaría Connect cuando ya tengo Facebook. Si tiene la intención de permitir que los usuarios se registren directamente solo a través de su aplicación y / o usen Facebook Connect, diferenciar su producto es la misión # 1. Con todas las ideas que haya obtenido, matará con su diseño, siempre y cuando tenga el sentido común de creer en usted mismo cuando algo le parezca correcto.

Visualmente no. Aquí hay varios ejemplos de flujos de incorporación y muestras de IU: Archivo UX