Categorías
UX design guest post

La guía del principiante a aprender HTML y CSS en 2019

 

de Apple revela nuevos iPhones cada año, pero por lo general no influyen en la experiencia del usuario tanto como lo hizo el iPhone X. Para los diseñadores, su pantalla de borde a borde sin medios de botón casa que tienen que construir un iPhone X diseño aplicación práctica y fácil de usar, a pesar de los usuarios de hecho nunca se han enfrentado con algo similar antes.

Sin duda, la única manera segura de crear los diseños de aplicaciones bien cortados para iPhone X establece a través del camino de prueba y error. Sin embargo, hay varios consejos que facilitan de esta manera lo que nos gustaría compartir con ustedes en este artículo.

iPhone X tamaño de la pantalla: Tomar píxeles bajo control

Obviamente que los principales cambios que afectan el proceso de inicio de diseño con pantalla de 5,8 pulgadas de borde a borde del teléfono. La pantalla del iPhone X se convirtió en el 20% más alto si se compara con iPhone 8/8 Plus, que es igual a 145pt de espacio adicional . Por lo tanto, estar dispuestos a utilizar las mesas de trabajo de tamaño 375 x 812 en su software preferido de diseño de interfaz de usuario.

iPhone X dimensiones de la pantalla en comparación con el salto del iPhone 8

Vamos a nuestro pedazo de consejo sobre cómo manejar mejor resolución de pantalla X iPhone, mientras que el diseño.

1. realinear los elementos de la interfaz

Si excluye todas estas barras estándar en iOS que tienen un lugar extra en la pantalla del iPhone X, obtenemos una impresionante 641pt de altura ‘pura’ donde se puede colocar el contenido de su aplicación. ¿Por qué es un gran problema? Debido a que el iPhone tiene 8 sobre 570pt del espacio útil para la comparación. Resolución

iPhone X si se compara con los términos iPhone 8

En adaptar el diseño de aplicaciones para iPhone X, tales resolución de esos cambios significa que usted debe reorganizar el diseño de los elementos de la interfaz si desea conservar un diseño de píxel perfecto de su aplicación en el iPhone X. en otro caso, los elementos puede ser colocado demasiado cerca de la muesca que va a hacer el aspecto de diseño inadecuado.

2. No ocultar la muesca X iPhone de

Let siguen nuestro consejo que da maratón hablando de la muesca iPhone en la pantalla, puesto que ya mencionamos. La carcasa de la muesca o el sensor, es probablemente la solución más controvertida que la intención de colocar todos estos sensores inteligentes. Sin embargo, Apple tuvo un buen razonamiento para dar este paso – espacio útil adicional en la pantalla. Además, los competidores no vienen con algo más elegante también.

¿Qué hacer con esta muesca? Apple le insiste para preservar la forma en que se ve en el diseño de su aplicación para iPhone X. En otras palabras, no debe enmascarar coloreando la barra de navegación en negro o tratando de ocultarlo de cualquier otra manera. La compañía dice que el espacio en los laterales del alojamiento del sensor da un poco de espacio adicional de gran valor para el contenido y la barra de estado, por lo que al ocultar que hará que su aplicación se sienta más pequeño.

no se preocupe por sus elementos de fondo, como los mapas, colores y otros. Ellos pueden recortar con cuidado por las esquinas redondeadas de teléfonos inteligentes y la muesca, por lo que el diseño de su aplicación para el iPhone X no se vean alterados por cualquiera de estos elementos.

pantalla

iPhone X: Notch

Por cierto, dicen sus desarrolladores de iOS no se preocupan mucho de iPhone X adaptación de aplicaciones. asegura manzana que va a estar bien desde aplicaciones que utilizan elementos estándar de interfaz de usuario (por ejemplo, tablas de barras de navegación y así sucesivamente) se ajustará al nuevo factor de forma automática. En cuanto a las aplicaciones que utilizan diseños personalizados, las promesas de adaptación a ser relativamente fácil en el caso de formato automático se aplicó y se siguió zona segura X iPhone, junto con las guías de margen (vamos a hablar de ellos más adelante).

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

Para una vista previa de la aplicación y ver cómo se ve, puede utilizar el simulador incorporado en Xcode. Sin embargo, Apple destaca que algunas características que incluyen amplios colores son mejores para previsualizar en dispositivos reales.

3. Recuerde acerca de la barra de estado del iPhone X

La barra de estado se vuelve más alto si se compara con otros modelos. En aras de la preservación de un buen aspecto del sistema, Apple duplicó la altura de la barra de estado del iPhone X desde 22pt 44pt a . De hecho, se trasladó a las esquinas redondeadas del smartphone en la pantalla. En sus Directrices de interfaz humana, notas de manzana que la barra de estado no cambia su altura, independientemente de las tareas de fondo que están activados actualmente (seguimiento de localización, reconocimiento de voz, por ejemplo, y así sucesivamente). Entre

, la empresa le recomienda que se abstengan de usar una barra de estado personalizado en el diseño de su aplicación para el iPhone X y reconsiderar soluciones de diseño destinadas a ocultarlo. Su principal argumento es que los usuarios esperan que esta barra se corresponda con la aparición del sistema. En su lugar, puede utilizar uno de los tres tipos de barras de estado proporcionadas por un sistema.

X iPhone barra de estado: Estándar Barras

A pesar de que no es conveniente diseñar una barra personalizada, puede cambiar fácilmente los colores a las estándar. De esta manera, se puede establecer un nuevo color para cada pantalla o lo deja inalterable para todas las pantallas. Es aplicable no sólo en el diseño para el iPhone X, pero para cualquier otro modelo también.

Cuida de contenido de la aplicación

En este caso, el tamaño realmente importa. Creo que no hay ningún punto en la explicación de por qué el diseño preciso UI / UX es tan importante. Por lo tanto, vamos a ver sólo a través de algunos consejos relacionados con el manejo del contenido, mientras que el diseño para el iPhone X.

4. Tenga en cuenta el impacto de los colores

de Apple inspira a los diseñadores de rechazar el uso de colores sRGB al crear el diseño del iPhone X interfaz de usuario en favorecer de P3. Según Apple, como un paso ayudará a aprovechar el espectro más amplio de colores en la pantalla del teléfono. En otras palabras, sus activos se pueden exportar a PNG de 16 bits si se utiliza el correspondiente P3 perfil de color. Por desgracia, esta opción sólo está disponible en Photoshop y que no es compatible con bosquejo.

iPhone X Tipo de pantalla: Pantalla sRGB vs colores P3

Tenga en cuenta que no todas las pantallas puede hacer frente a esta amplia gama extra de colores que dispone de P3. En otras palabras, muchos de ellos simplemente no mostrarlos, por lo que es imposible la creación de diseños de aplicaciones precisas para iPhone X. hablando de pantallas precisos, iMac de Apple lanzado a finales de 2015 fue el primer equipo basado en Mac que tiene el apoyo de una amplia gama. Ahora, todos los modelos de MacBook Pro, que tienen toque bar heredó el apoyo de P3.

5. mente la relación de X iPhone

El iPhone X de relación de aspecto se diferencia de los modelos anteriores, ya que es más alto. Esto significa que cualquier obra buena mirado en iPhones anteriores puede parecer extraño en aplicaciones para iPhone X. De esta manera, se pone contenido de la aplicación en riesgo de ser cosechado ya sea formato de pantalla ancha .

iPhone X relación de aspecto de la pantalla: cultivo contenido o letterboxing

Si el contenido iPhone X se mostrará en un dispositivo con la pantalla de 4.5 pulgadas, contenido de la aplicación puede incluso llegar a ser pillarboxed . Por lo tanto, es una buena idea considerar el uso de diferentes activos cuando se trata de relaciones de aspecto que difieren. relación de aspecto de pantalla

iPhone X: pillarboxing y recorte

6. Sea en el amor con la forma de la pantalla

Sí sí sí, no todo el mundo está feliz de ver estas esquinas redondeadas iPhone X, especialmente aquellas personas que tienen que crear un diseño atractivo para el móvil iPhone X. Pero aún así, es una nueva forma de experimentar las aplicaciones móviles. Sin embargo, Apple pide a los diseñadores a abstenerse de enmascarar esta parte de la pantalla, ya sea haciendo hincapié en sus peculiaridades de forma. Así es como iPhone X diseño aplicación puede verse como:

X iPhone Instagram aplicación concepto por Cleveroad (Fuente: Dribbble)

Seguir iPhone X directrices de diseño

Como ya he mencionado, el contenido en aplicaciones se puede acortar porque de la muesca junto con las esquinas redondeadas de la pantalla. Claro que sí se debe evitar cuando se diseña para el iPhone X. Para ello, Apple creó guía su seguridad Área y nos dijo cómo colocar el contenido en aplicaciones sin dañarlo. Si el fondo de su aplicación no debe seguir estas guías, a continuación, otros contenidos como botones, imágenes, textos, etc., sin duda debería. tamaño

X Zona Segura iPhone

7. Piense a través del modo horizontal X iPhone en aplicaciones

Cuando el teléfono está encendido al modo horizontal de la barra de estado está oculta con el fin de dar el máximo espacio para el contenido. Además, otros bares son cada vez más pequeño. Por lo tanto, la barra de navegación en el paisaje toma 32pt en lugar de 44pt, mientras que el tamaño de la barra de pestañas se reduce desde 49pt 30pt a .

A pesar del hecho de que no todas las aplicaciones necesitan y tomar la ventaja del modo horizontal X iPhone, todavía hay un montón de escenarios para su uso. Por ejemplo, es una buena opción para la visualización de diferente tipo de contenido como fotos, vídeos, textos en pantalla completa. Recuerde que después de terminados los usuarios interactuar con el iPhone X volvió a horizontal, que debe ser capaz de cambiar fácilmente al modo de retrato.

Usted debe pensar en la adaptación del diseño de su aplicación para el modo paisaje, especialmente si su aplicación ya está adaptado para iPads. dicha actualización puede hacer que la aplicación sea aún más conveniente para los usuarios.

iPhone X modo horizontal: Caja de seguridad Área

8. Tenga cuidado de la página web

hay posibilidades de que algunos de ustedes diseño creado no sólo para la aplicación, pero el sitio web de informar a los usuarios sobre él también. Con este razonamiento en mente, decidimos cubrir algunos puntos relacionados con los sitios web en el paisaje en las derivaciones iPhone X.

zona la caja fuerte para un montón de espacio libre a los lados de su sitio web al navegar en el paisaje. Eso es necesario para evitar el recorte de los contenidos, por lo que Apple creó la guía separada con el fin de que nos proporcionará los conocimientos sobre cómo adaptar los sitios web.

Proyectos para el iPhone X: Los sitios web

9. Evitar el uso del sistema como gestos

Como saben, la pantalla del iPhone X tiene ningún botón es decir, todas las manipulaciones se realizan por medio de gestos. Respectivamente, todas las funciones del botón se transformaron en gestos. Este hecho puede ser confuso ya que además usamos gestos en la construcción de interfaces. A su vez, puede desconcertar a algunos usuarios.

Para evitar tal situación, las ofertas de Apple no para ocultar el indicador de casa desde la pantalla del iPhone X sin necesidad. Además, la compañía nos advierte que tener cuidado cuando se trabaja sobre los elementos interactivos que colocan estrechamente al indicador casa. En el caso, no hay nada que puede hacer con elementos muy juntos – puede tomar la ventaja del borde función de protección contra que pone la prioridad de los gestos. De esta manera, el primer golpe será percibido como el gesto de la aplicación, mientras que la segunda como la acción a nivel de sistema.

Categorías
UX design guest post

Nuevo en Mockplus 3.5.0.2: Generación de Especificaciones automáticamente

 

Así que usted acerca de haber comenzado su viaje como un novato diseñador creativo UX? Bienvenido al mundo de diseñador de aplicación móvil que ofrece enormes oportunidades para exhibir su potencial y calibre, donde no hay límite del cielo para dar rienda suelta a su poder de imaginación.

Según statista, hay cerca de 2,8 millones de aplicaciones de Android y 2,2 millones de aplicaciones de iOS en el escenario actual y estas cifras indicadas sin duda ir más alto que los que pasa el tiempo.

Por lo tanto, por un lado, la necesidad de que los desarrolladores de aplicaciones eficientes se elevará, mientras que, por otro lado, uno será testigo de un aumento en la demanda de diseñadores UX con dominio, que son frescos de la escuela y conseguir reclutados en gran número.

Es casi imposible desarrollar una aplicación móvil sin tener en cuenta la UX diseños. La mayoría de las empresas de desarrollo de aplicaciones tienen un equipo o grupo de diseñadores UX, donde el líder del equipo supervisa todo el diseño de la aplicación en relación con el proyecto. El esfuerzo de equipo combinado sólo puede conducir al diseño de la aplicación exitosa.

Pero la pregunta es ¿cuáles son los trucos y técnicas comerciales importantes que un diseñador tiene que aprender más fresco cuando se está empezando su carrera como diseñador UX. Por lo tanto, vamos a proceder con el viaje de un principiante a un diseñador UX con experiencia.

1. Llevar a cabo una profunda UX Investigación

La investigación es uno de los aspectos esenciales que hay que realizar antes de comenzar cualquiera de su proyecto. Hablando sin rodeos, esta es una tarea que debe ser completado incluso antes de que usted está planeando para enmarcar una estrategia o decir un guión gráfico para dicho diseño.

La investigación y el estudio minucioso ayudará a leer la mente del público objetivo. La toma de decisiones también se vuelve más fácil.

Sin embargo, hay que tener en cuenta que la investigación del usuario y las pruebas de usabilidad es a la vez diferentes como las pruebas de usabilidad está más relacionado con las reacciones de extracción. Por lo tanto, no mezclarlos.

2. La técnica de la escritura

La escritura es los elementos fundamentales que ayudan a crear un diseño que atraiga la atención UX. Por lo tanto, los nuevos diseñadores no sólo deben centrarse en el aprendizaje de los códigos sino que también deben tener conocimientos sobre la escritura UX también.

Las palabras escritas con estilo atraen a una gran cantidad de usuarios al abrir la aplicación y están navegando a través de ella. Se puede citar el caso de Dropbox o Apple, que nunca ha pasado desapercibida.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

Utilizar contenido de tamaño pequeño siempre se considera mejor. Ofreciendo el contenido tamaño de un bocado a los usuarios finales les dará la ventaja de aumentar su tamaño.

3. Hacer más Responsive Design

Usted sabe escenario de hoy es tal que la mayoría de las empresas de desarrollo de aplicaciones están buscando contratar a diseñadores UX novatos que son más versátiles y con tendencia a diseñar sensible.

Por versatilidad uno indica en el hecho de saber UX diseñador creativo del arte de diseños adecuados para hacer todos los dispositivos, es decir, el IOS y Android. Usted tiene que desarrollar también las habilidades de construcción de diseños modulares que ayudarán aún más en dibujo y creación de prototipos.

No se limite a permanecer confinada a wireframing y el arte de Photoshop. Si desea establecer su pie como diseñador bien conocido, por favor, hacerse con esta metodología de diseño.

4. Conocimiento de ágil es Importante

Agile se puede definir como una de las técnicas avanzadas que ha traído en cambios importantes en lo que los diseños UX se refiere. Con el conocimiento de ágil, el diseñador UX emprenderá acercarse a un más sofisticado mientras que el diseño en comparación con los métodos convencionales.

ágil puede considerarse un buen amigo para los diseñadores que les ayuda a hacer frente a las dificultades y los retos del proyecto. Pero entonces tienen trabajo con más responsabilidad trabajar con Agile también como un facilitador y director de orquesta.

5. El arte de la interfaz de usuario de prototipos y Wireframing

Como diseñador UX también se espera que tengan un conocimiento amplio de la interfaz de usuario de prototipos y wireframing. Esta herramienta vital que seguramente será útil para hacer los diseñadores familiarizados con la funcionalidad del diseño.

Un prototipo también ayuda a establecer una mejor comunicación e interacción. La que está en el papel es simple prototipo, mientras que el que contiene los códigos está más elaborado.

Ahora bien, si tiro algo de luz sobre el concepto de wireframing a continuación es un procedimiento tan importante como la construcción de diseños de respuesta. Con esta importante herramienta que puede crear la serie de datos en un sistema jerárquico y desarrollar una aplicación que es más significativo y se puede utilizar en cualquiera de los dispositivos. Esto ayuda a los diseñadores a permanecer más centrado.

6. El truco de satisfacción de los usuarios

Si le preguntas a cualquier desarrollador de la aplicación o el diseñador UX, su propósito de diseñar o desarrollar la aplicación, su respuesta sería simplemente para satisfacer al usuario final. Pero esta tarea en particular no es tan fácil, porque los clientes no se les complace que sencilla.

Sí, haciéndolos más feliz es también una técnica y si usted acaba de comenzar en este campo, luego aprender sin más demora.

Pero entonces la pregunta principal es cómo se las delicias de los usuarios con sus esfuerzos. Ahora usted tiene que recordar que el usuario sólo será más feliz si su problema se solucionó y consiguen el resultado deseado hacia el final.

Por lo tanto, es importante identificar sus problemas y la necesidad antes de cumplir con sus expectativas.

7. El procedimiento de codificación

similares a la escritura UX, UX también lleva a cabo la codificación como la posición esencial para los diseñadores UX. Hay una serie de razones por las que el diseñador necesita saber UX correcta codificación. Codificación ayuda a mejorar la comunicación entre el producto y su usuario. Esto hace que su diseñador más clara, más eficaz y también ofrece la suavidad.

Un diseñador en su reino puede obtener más ideas de diseño y puede trabajar sobre aquellos a salir algo único y extraordinario. En resumen se puede mostrar su genio creativo y también resolver los problemas de los usuarios.

8. concentrarse en proporcionar centrada en el usuario de diseños exclusivos

Los nuevos diseñadores UX que entran en este campo tienen que contrarrestar una dura competencia y con el fin de tener éxito, así, la concentración en proporcionar un diseño más centrado en el usuario vuelve indeciso.

Ellos sólo será capaz de ofrecer la UCD óptima si están al día con las últimas técnicas. Esto significa que los diseños que se está creando debe venir útil y digno para el usuario y no debe ceder el paso a las ideas de diseño manera.

La diseños tienen que ser estrictamente original y único. Por supuesto, no hay ningún daño en pedir prestado las ideas de alguien, pero no se puede ir en la copia de todo el diseño sin necesidad de utilizar su cerebro. Que tendrá un impacto peor en su aplicación y que puede incluso perder su trabajo también.

9. Prueba de la UX Diseño

Una vez completado el diseño UX, es imprescindible para realizar la prueba de su diseño. Esto también puede ser considerado como la analítica. Por lo tanto, las necesidades de diseño UX para estar al tanto de las matemáticas tales como la relación y el porcentaje con el fin de probar el diseño. Por lo tanto, aplicar las habilidades y técnicas analíticas para diseñar el mejor UX de la aplicación.

10. La optimización de las tareas

Uno de proceso importante que un principiante diseñador UX no debe olvidarse de implementar en sus habilidades está la optimización de tareas. Para esto deben rehuir lejos de la automatización de las frustraciones, mientras que la optimización está pasando. Se espera que el diseñador

El UX para ser más dedicada y productiva, incluso cuando se está llevando a cabo una tarea sencilla y poner en práctica los métodos de diseño que no son confusas.

Conclusión diseño

El UX es uno de los aspectos indispensables del desarrollo de aplicaciones y cualquier persona que acaba comenzó sus necesidades de riesgo a saber primero lo que las técnicas o habilidades importantes son.

No es que pueda agarrar las habilidades en un solo día; sólo aprenderá a través de su experiencia a medida que trabaja en más y más proyectos. La aplicación de estos métodos también es muy importante que va a tener una influencia en el producto final.

Categorías
UX design guest post

Cómo construir páginas web en simples 7 pasos (Actualizado)

 

Con el auge de las tecnologías sofisticadas y diseño de sitios web intuitiva, la experiencia del usuario nunca ha sido más importante. Es necesario tener en cuenta es que el diseño web no se trata de la aplicación de diversas innovaciones a su sitio web, sino también por ofrecer a sus visitantes con la excepcionalidad y la mayor utilidad. Esto es exactamente por qué este campo necesita ser cambiado y adaptado a las necesidades de los usuarios constantemente.

Aquí están los 5 mejores tendencias que darán forma al siempre cambiante mundo del diseño UX en 2018.

1. una mayor influencia del contenido en UX Diseño

fuente de la imagen: https: //www.awwwards. com / sites / el muñeco de nieve-película-w …

que han discutido recientemente las principales tendencias de diseño de interfaz de usuario para el año 2018, desde la pantalla sin bordes de las tarjetas. Aparte de la búsqueda verdaderamente impresionante, estas soluciones innovadoras trabajan juntos para alcanzar un meta- común hacer que su contenido fácil de digerir y visualmente atractivo. Hoy en día, el énfasis se pone no sólo en la calidad de los contenidos, sino también en sus elementos visuales. En pocas palabras, los diseñadores se esfuerzan por ofrecer diseño UX foco de contenido, eliminar todas las posibles distracciones, y asegurar una experiencia de contenido que no hay inconveniente de los usuarios. Esto es exactamente por eso que podemos decir que es el contenido que da forma a sus opciones de diseño y no al revés.

De acuerdo con un reciente artículo de un estudio de diseño gráfico, una de las tendencias de diseño que marcó 2017 es el minimalismo funcional y que se espera que dure. Sobre la base de la organización clara de los elementos, espacios negativos, diseño plano, combinaciones de colores limitados, y una navegación más sencilla, estos enfoques son todos acerca de la eliminación de elementos irrelevantes para proporcionar contenidos que se muestran de forma clara y mantener un lector enfocado.

2. Voz interfaces de usuario seguirá aumentando

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

Según el estudio de Gartner, 30% de nuestra comunicación se basará en las interfaces de usuario de voz (VUIs) en 2018. ser la base de la experiencia del usuario sin pantalla, estas soluciones sorprendentes ya se han aplicado a una serie de tecnologías, incluyendo Siri de Apple, Alexa de Amazon, de Google OK Google, y Cortana de Microsoft. Teniendo en cuenta el hecho de que esta tendencia está creciendo enormemente rápido, se espera que reemplace completamente de las interfaces gráficas de usuario de buen viejo (GUI).

Mientras tanto, se espera que VUIs a seguir trabajando junto a interfaces gráficas de usuario. Hay algunas razones para ello. En primer lugar, todavía hay mucho espacio para que mejoren, sobre todo cuando se trata de comprender algunas pautas básicas de conversación. En segundo lugar, los sistemas basados ​​en la voz no se pueden aplicar a todas las situaciones cotidianas. Por ejemplo, sería ridículo para dar comandos de voz en un lugar lleno de gente, tratando de gritar por encima del ruido.

3. Teniendo Personalización de la fuente de imagen siguiente nivel

: https: //www.imore.com/best-hotel-reservation-booki … clientes de

hoy son menos tolerantes con un tamaño -Se adapta a todas-las estrategias de marketing y más exigentes en sus expectativas. Se requiere la puedes apreciar como individuos y, más importante, para proporcionarles productos, ofertas y contenido relevante para ellos. En otras palabras, es necesario personalizar su enfoque y el diseño de su sitio web podría servir como un punto de partida increíble. diseñadores Web

han estado trabajando en la personalización desde hace bastante tiempo, la creación de soluciones adaptadas a las necesidades de las personas. Con los datos personalizados y un espectacular crecimiento de aprendizaje automático, que ya ha dado la oportunidad de adaptar nuestro diseño UX, basado en nichos, necesidades, preferencias, ubicaciones y características de los usuarios. Esto nos ayuda a crear sitios que son identificables, auténtico, valioso y diferenciado suficiente para conducir a experiencias de usuario únicas.

Un buen ejemplo de la personalización es UX Airbnb que recurre a varias herramientas de personalización a la vez. Por ejemplo, utilizan la orientación geográfica de personalización, que ofrece a sus visitantes el contenido en función de su ubicación actual. Si usted se dirige a, digamos Londres, la aplicación mostrará el alojamiento más asequible en Londres, a mostrar lo que los lugares a visitar, y le dirá dónde comer. Además, basado en las búsquedas anteriores, se recomienda a los destinos a los que puede visitar en el futuro.

4. Realidad Aumentada será convertido en una necesidad

En 2018, la realidad aumentada será sin duda una de las tendencias más importantes UX a tener en cuenta. Es audaz, emocionante y atractivo. Lo más importante es que ofrece una nueva dimensión de la experiencia de los usuarios, sobre todo cuando se trata de usuarios de smartphones.

En los últimos años, estas tecnologías se limita a comercio electrónico y juegos de azar, pero esto va a cambiar pronto. Un ejemplo que demuestra esto puede ser filtros autofotos AR utilizados en Snapchat, Instagram y Facebook. Por otra parte, para mejorar la experiencia del usuario, Facebook ha estado trabajando en la fabricación de “cámara la primera plataforma de realidad aumentada .” A saber, Mark Zuckerberg hizo hincapié en la importancia de la AR, señalando que todas las pantallas pronto serán reemplazados por las lentes que ofrecen la experiencia AR final. Esto puede sonar como un escenario de ciencia ficción a usted en este momento, pero es perfectamente posible, dado el esfuerzo gigantes tecnológicos como Google, Facebook, Apple y Microsoft están poniendo en él.

5. Sin fisuras omnicanal experiencia del usuario

el número de dispositivos conectados a Internet, ¿tiene alcance de la mano en este momento? Al menos dos, supongo. En este mundo hiperconectado, la tecnología ha estado estrechamente entrelazada con nuestra vida cotidiana, desdibujando los límites entre la realidad y el panorama digital. Lo más importante, dado el hecho de que evolucione a una velocidad sorprendente, se ha elevado las expectativas de los usuarios. Esto es algo que los diseñadores deben tener en cuenta. Así, en lugar de optimizar su sitio para una experiencia de usuario de escritorio, una experiencia de teléfono inteligente o una tableta de experiencia, es necesario centrarse en un enfoque más holístico, omnichannel enfoque. A saber, omnichannel UX diseño añade un sentido de coherencia y da a sus usuarios la oportunidad de pasar sin problemas a través de dispositivos, mientras que la navegación a través de su sitio.

Un ejemplo perfecto de omnichannel UX es Starbucks que ha implementado esta estrategia en su programa de fidelización de clientes. A diferencia de los programas tradicionales de este tipo, Starbucks permite a sus usuarios comprobar y volver a cargar sus tarjetas a través del teléfono, sitio web o una aplicación. Cualquier cambio en la tarjeta se puede ver de inmediato en todos los canales.

De nuevo a usted

Por último, la mayoría de estas tendencias ha existido durante un tiempo y se espera que ganan terreno en los años siguientes. Recuerde, su objetivo principal debería ofrecer intuitiva, diseño interactivo que hará que la interacción de los usuarios con su sitio mucho más simple fácil de usar, y. Con suerte, con los ejemplos mencionados anteriormente, que se encargará de mejorar su experiencia de usuario y aumentar el número de conversiones en 2018.

Categorías
UX design guest post

Obtener más interfaz de usuario con la inspiración Icons8 Biblioteca

 Se espera

El número de usuarios de teléfonos móviles en el mundo para pasar la marca de cinco mil millones en 2019. Esto hace que un medio móvil extremadamente valiosa para los desarrolladores de aplicaciones. Al mismo tiempo, numerosos mitos todavía rodean desarrollo de aplicaciones móviles, que evita que los equipos móviles de crear una excelente experiencia de usuario.

En este artículo, vamos a revisar 9 mitos de diseño y desarrollo de aplicaciones móviles.

1. Los usuarios móviles están siempre en la carrera

Al pensar en los usuarios móviles, muchos de nosotros tenemos una imagen estereotipada de una persona que siempre se precipitó. Sí, hay momentos en que esto podría ser cierto; por ejemplo, cuando vamos al trabajo y el juego con nuestros celulares mientras espera el tren. Pero podría ser incorrecto suponer que la mayoría de las interacciones con las aplicaciones móviles suceda en tales circunstancias.

En 2012 Google llevó a cabo un estudio de palabras multi-pantalla y se encontró que el 60% del uso del teléfono móvil se lleva a cabo en el hogar. De acuerdo con otro estudio de comScore, las horas pico de uso del móvil es de 6:00 horas a las 22:00. Así que en lugar de pensar de los usuarios móviles que personas corriendo para coger el tren con sus teléfonos móviles, deberíamos debemos pensar en las personas que utilizan las aplicaciones móviles sobre todo en casa? No. Nosotros debemos analizar nuestro comportamiento público objetivo de entender cómo los usuarios prefieren interactuar con nuestras aplicaciones y el diseño de nuestros productos para satisfacer las necesidades.

pico de uso del móvil es de 6:00 pm hasta las 10:00 h. Fuente de la imagen: comScore

2. Las aplicaciones móviles están aislados experiencias

Muchos desarrolladores creen aplicaciones móviles que son independientes experiencias y no necesitan ser integrados con otros canales. Pero, de hecho, el móvil es sólo una parte de un panorama más amplio en el que otros tipos de dispositivos (ordenadores de sobremesa, tabletas, smartwatches, etc.) son medios a través del cual se entrega la experiencia. Los usuarios deben ser capaces de cambiar a un medio diferente y continuar el viaje.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

Aquí es sólo un ejemplo. De acuerdo con Appticles, el 37% de los usuarios de realizar investigaciones sobre la móvil, pero cambiar al escritorio para completar una compra. Por lo tanto, si usted está diseñando una aplicación de comercio electrónico, los usuarios móviles deben ser capaces de cambiar a su ordenador de sobremesa o portátil para continuar el viaje.

Cuando se trata de crear un viaje del usuario, el objetivo final es crear una experiencia perfecta en todos los dispositivos. Imagen: Es importante no pensar en su aplicación móvil como una experiencia aislada Google

Se. La sincronización del progreso del usuario a través de dispositivos es una prioridad clave para la creación de una experiencia perfecta. Esto hace que los usuarios sienten que su flujo de trabajo no se interrumpe.

3. Las aplicaciones nativas son mejores que las aplicaciones híbridas

Una de las primeras cosas que los desarrolladores de aplicaciones siquiera antes de comenzar el desarrollo de aplicaciones es elegir qué tipo de la aplicación que desea construir – si va a ser un híbrido o una aplicación móvil nativa . La diferencia entre los dos tipos es realmente importante – como su nombre indica, las aplicaciones nativas son aplicaciones móviles diseñadas específicamente para la plataforma móvil (Android o iOS), mientras que las aplicaciones híbridas son aplicaciones basadas en web que básicamente servicios web que los usuarios ejecutan en su navegador.

Muchos desarrolladores creen que las aplicaciones nativas son siempre mejores en términos de proporcionar experiencia de usuario óptima. argumentos típicos son la velocidad (desarrolladores creen que las aplicaciones nativas son más rápidas que las aplicaciones híbridas) y características soportadas (aplicaciones nativas proporcionan acceso a funciones avanzadas). En realidad, modernas aplicaciones híbridas pueden demostrar un excelente rendimiento, permiten la creación de potentes aplicaciones para móviles. aplicaciones híbridas no requieren equipo de producto que pasar más tiempo en la construcción de una aplicación separada para cada plataforma móvil. Por lo tanto, cuando se trata de seleccionar la aplicación nativa vs híbrido, que es crucial para sopesar pros y los contras de ambos enfoques y elegir la que mejor se adapta estrategia de producto.

4. La gente no se desplazan

Mientras que este mito es menos popular hoy en día, todavía muchos equipos de producto creen que deben poner el contenido más importante ‘encima de la tapa.’ En realidad, el pliegue no existe anymore.People hacer scroll, y lo hacen de forma natural. Y cuando se llega a los móviles, los usuarios móviles son Scrollers totales – desplazamiento es la interacción segundo más popular después de la grabación.

la gente comienza a desplazarse casi inmediatamente después de aterrizar en una página móvil. Image: getaloadageo

5. Los usuarios están siempre conectados a internet

En los EE.UU. y Europa, los usuarios están acostumbrados a la conectividad ubicua. Pero que sin duda no es cierto en todo el mundo. Productos en los mercados emergentes tienen que ser capaces de realizar una conectividad más lenta o intermitente. Si va a diseñar para ese mercado, asegúrese de que su producto funciona cuando no está conectado a Internet en absoluto (permitir el almacenamiento en caché de datos) y optimizar su producto para la carga rápida (minimizar el tamaño de la página de mantenimiento de imágenes y otros contenidos peso a un mínimo).

6. prototipos es un paso adicional en el desarrollo de productos

equipos Muchos productos creen que es posible saltar wireframing / fase de creación de prototipos y saltar directamente a la codificación. Si bien esto ahorra tiempo en la perspectiva a corto plazo, que a menudo conduce a problemas significativos en el camino. desarrollo de aplicaciones móviles es una actividad compleja que requiere centrándose en diferentes aspectos del diseño – arquitectura de la información, diseño visual, diseño de interacción, etc.

de

Es casi imposible tener en cuenta todos los posibles requisitos del producto y sin la creación de prototipos. Es necesario tener un diseño tangible para jugar con él y para entender cómo funciona. Esto sucede solamente cuando usted se centra en hacer prototipos de sus soluciones. Por lo tanto, crear prototipos, tienen los usuarios que prueben, e iterar el diseño hasta que es lo suficientemente bueno. Mockplus ayudará a realizar prototipos más rápido y más inteligente.

Prototipos en Mockplus

7. Los usuarios móviles necesitan menos características que los usuarios de escritorio

Cuando se trata de la experiencia móvil, está claro que esta experiencia podría ser diferente de la que tenemos en nuestros escritorios. Diseñar para el móvil tiene ciertas restricciones, principalmente debido a las limitaciones de la pantalla de bienes raíces. Los diseñadores deben esforzarse por reducir la complejidad de la interacción con un producto y crear una experiencia más enfocada. Pero esto no quiere decir que esto se logra mediante la eliminación de algunas partes del producto. Es absolutamente incorrecto suponer que los usuarios móviles necesitan menos funciones simplemente porque utilizan un producto en el móvil. El número de características depende de la naturaleza de su producto. Es fundamental analizar las interacciones del usuario para averiguar cuáles son las características de nuestros usuarios realmente necesitan.

8. Cuanto más las características que añadir a su aplicación, mejor será

más características = más valor para los usuarios es un error muy peligroso. Poniendo demasiadas características de su producto no sólo aumenta el tiempo de comercialización-, también afecta a la experiencia del usuario. Es duro para ofrecer un montón de complejidad sin comprometer la experiencia del usuario. Cuando una aplicación pretende ser una navaja suiza (hacer “todo para todos”), por lo general termina siendo demasiado complicado y totalmente inutilizable. En el campo del diseño UX, tenemos un término especial para estos casos -feature fluencia. Es posible prevenir la invasión de características al hacer la investigación del usuario. la investigación del usuario ayuda a distinguir entre las necesidades y deseos de los usuarios, y que ayuda a las peticiones de características mejor priorizar.

Prueba 9. puede ser pospuesto hasta el lanzamiento al mercado

Prueba

es una actividad que consume tiempo, y podría ser tentador posponer hasta el momento en que su aplicación estará disponible para los usuarios reales. No se equivoquen: No puede permitirse el lujo de no a los productos de prueba. es muy peligroso asumir que los usuarios estarán encantados de probar su aplicación e informar sobre todas las cuestiones. En primer lugar, los usuarios se sienten frustrados por una experiencia negativa, y esto aumentará la tasa de rebote. En segundo lugar, será difícil volver a trabajar algunas partes de su producto, ya que va a requerir esfuerzo de diseño y desarrollo. Es mucho mejor para empezar a probar tan pronto como se dieron un primer prototipo interactivo.

Conclusión

Cuando se trata de teléfonos, que es vital para pensar en la experiencia general del usuario y el diseño para sus usuarios. No deje que los mitos que confunden!

Categorías
UX design guest post

Mirada más atenta en qué sitio web Personas son y los beneficios de su uso

 

de Apple revela nuevos iPhones cada año, pero por lo general no influyen en la experiencia del usuario tanto como lo hizo el iPhone X. Para los diseñadores, su pantalla de borde a borde sin medios de botón casa que tienen que construir un iPhone X diseño aplicación práctica y fácil de usar, a pesar de los usuarios de hecho nunca se han enfrentado con algo similar antes.

Sin duda, la única manera segura de crear los diseños de aplicaciones bien cortados para iPhone X establece a través del camino de prueba y error. Sin embargo, hay varios consejos que facilitan de esta manera lo que nos gustaría compartir con ustedes en este artículo.

iPhone X tamaño de la pantalla: Tomar píxeles bajo control

Obviamente que los principales cambios que afectan el proceso de inicio de diseño con pantalla de 5,8 pulgadas de borde a borde del teléfono. La pantalla del iPhone X se convirtió en el 20% más alto si se compara con iPhone 8/8 Plus, que es igual a 145pt de espacio adicional . Por lo tanto, estar dispuestos a utilizar las mesas de trabajo de tamaño 375 x 812 en su software preferido de diseño de interfaz de usuario.

iPhone X dimensiones de la pantalla en comparación con el salto del iPhone 8

Vamos a nuestro pedazo de consejo sobre cómo manejar mejor resolución de pantalla X iPhone, mientras que el diseño.

1. realinear los elementos de la interfaz

Si excluye todas estas barras estándar en iOS que tienen un lugar extra en la pantalla del iPhone X, obtenemos una impresionante 641pt de altura ‘pura’ donde se puede colocar el contenido de su aplicación. ¿Por qué es un gran problema? Debido a que el iPhone tiene 8 sobre 570pt del espacio útil para la comparación. Resolución

iPhone X si se compara con los términos iPhone 8

En adaptar el diseño de aplicaciones para iPhone X, tales resolución de esos cambios significa que usted debe reorganizar el diseño de los elementos de la interfaz si desea conservar un diseño de píxel perfecto de su aplicación en el iPhone X. en otro caso, los elementos puede ser colocado demasiado cerca de la muesca que va a hacer el aspecto de diseño inadecuado.

2. No ocultar la muesca X iPhone de

Let siguen nuestro consejo que da maratón hablando de la muesca iPhone en la pantalla, puesto que ya mencionamos. La carcasa de la muesca o el sensor, es probablemente la solución más controvertida que la intención de colocar todos estos sensores inteligentes. Sin embargo, Apple tuvo un buen razonamiento para dar este paso – espacio útil adicional en la pantalla. Además, los competidores no vienen con algo más elegante también.

¿Qué hacer con esta muesca? Apple le insiste para preservar la forma en que se ve en el diseño de su aplicación para iPhone X. En otras palabras, no debe enmascarar coloreando la barra de navegación en negro o tratando de ocultarlo de cualquier otra manera. La compañía dice que el espacio en los laterales del alojamiento del sensor da un poco de espacio adicional de gran valor para el contenido y la barra de estado, por lo que al ocultar que hará que su aplicación se sienta más pequeño.

no se preocupe por sus elementos de fondo, como los mapas, colores y otros. Ellos pueden recortar con cuidado por las esquinas redondeadas de teléfonos inteligentes y la muesca, por lo que el diseño de su aplicación para el iPhone X no se vean alterados por cualquiera de estos elementos.

pantalla

iPhone X: Notch

Por cierto, dicen sus desarrolladores de iOS no se preocupan mucho de iPhone X adaptación de aplicaciones. asegura manzana que va a estar bien desde aplicaciones que utilizan elementos estándar de interfaz de usuario (por ejemplo, tablas de barras de navegación y así sucesivamente) se ajustará al nuevo factor de forma automática. En cuanto a las aplicaciones que utilizan diseños personalizados, las promesas de adaptación a ser relativamente fácil en el caso de formato automático se aplicó y se siguió zona segura X iPhone, junto con las guías de margen (vamos a hablar de ellos más adelante).

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

Para una vista previa de la aplicación y ver cómo se ve, puede utilizar el simulador incorporado en Xcode. Sin embargo, Apple destaca que algunas características que incluyen amplios colores son mejores para previsualizar en dispositivos reales.

3. Recuerde acerca de la barra de estado del iPhone X

La barra de estado se vuelve más alto si se compara con otros modelos. En aras de la preservación de un buen aspecto del sistema, Apple duplicó la altura de la barra de estado del iPhone X desde 22pt 44pt a . De hecho, se trasladó a las esquinas redondeadas del smartphone en la pantalla. En sus Directrices de interfaz humana, notas de manzana que la barra de estado no cambia su altura, independientemente de las tareas de fondo que están activados actualmente (seguimiento de localización, reconocimiento de voz, por ejemplo, y así sucesivamente). Entre

, la empresa le recomienda que se abstengan de usar una barra de estado personalizado en el diseño de su aplicación para el iPhone X y reconsiderar soluciones de diseño destinadas a ocultarlo. Su principal argumento es que los usuarios esperan que esta barra se corresponda con la aparición del sistema. En su lugar, puede utilizar uno de los tres tipos de barras de estado proporcionadas por un sistema.

X iPhone barra de estado: Estándar Barras

A pesar de que no es conveniente diseñar una barra personalizada, puede cambiar fácilmente los colores a las estándar. De esta manera, se puede establecer un nuevo color para cada pantalla o lo deja inalterable para todas las pantallas. Es aplicable no sólo en el diseño para el iPhone X, pero para cualquier otro modelo también.

Cuida de contenido de la aplicación

En este caso, el tamaño realmente importa. Creo que no hay ningún punto en la explicación de por qué el diseño preciso UI / UX es tan importante. Por lo tanto, vamos a ver sólo a través de algunos consejos relacionados con el manejo del contenido, mientras que el diseño para el iPhone X.

4. Tenga en cuenta el impacto de los colores

de Apple inspira a los diseñadores de rechazar el uso de colores sRGB al crear el diseño del iPhone X interfaz de usuario en favorecer de P3. Según Apple, como un paso ayudará a aprovechar el espectro más amplio de colores en la pantalla del teléfono. En otras palabras, sus activos se pueden exportar a PNG de 16 bits si se utiliza el correspondiente P3 perfil de color. Por desgracia, esta opción sólo está disponible en Photoshop y que no es compatible con bosquejo.

iPhone X Tipo de pantalla: Pantalla sRGB vs colores P3

Tenga en cuenta que no todas las pantallas puede hacer frente a esta amplia gama extra de colores que dispone de P3. En otras palabras, muchos de ellos simplemente no mostrarlos, por lo que es imposible la creación de diseños de aplicaciones precisas para iPhone X. hablando de pantallas precisos, iMac de Apple lanzado a finales de 2015 fue el primer equipo basado en Mac que tiene el apoyo de una amplia gama. Ahora, todos los modelos de MacBook Pro, que tienen toque bar heredó el apoyo de P3.

5. mente la relación de X iPhone

El iPhone X de relación de aspecto se diferencia de los modelos anteriores, ya que es más alto. Esto significa que cualquier obra buena mirado en iPhones anteriores puede parecer extraño en aplicaciones para iPhone X. De esta manera, se pone contenido de la aplicación en riesgo de ser cosechado ya sea formato de pantalla ancha .

iPhone X relación de aspecto de la pantalla: cultivo contenido o letterboxing

Si el contenido iPhone X se mostrará en un dispositivo con la pantalla de 4.5 pulgadas, contenido de la aplicación puede incluso llegar a ser pillarboxed . Por lo tanto, es una buena idea considerar el uso de diferentes activos cuando se trata de relaciones de aspecto que difieren. relación de aspecto de pantalla

iPhone X: pillarboxing y recorte

6. Sea en el amor con la forma de la pantalla

Sí sí sí, no todo el mundo está feliz de ver estas esquinas redondeadas iPhone X, especialmente aquellas personas que tienen que crear un diseño atractivo para el móvil iPhone X. Pero aún así, es una nueva forma de experimentar las aplicaciones móviles. Sin embargo, Apple pide a los diseñadores a abstenerse de enmascarar esta parte de la pantalla, ya sea haciendo hincapié en sus peculiaridades de forma. Así es como iPhone X diseño aplicación puede verse como:

X iPhone Instagram aplicación concepto por Cleveroad (Fuente: Dribbble)

Seguir iPhone X directrices de diseño

Como ya he mencionado, el contenido en aplicaciones se puede acortar porque de la muesca junto con las esquinas redondeadas de la pantalla. Claro que sí se debe evitar cuando se diseña para el iPhone X. Para ello, Apple creó guía su seguridad Área y nos dijo cómo colocar el contenido en aplicaciones sin dañarlo. Si el fondo de su aplicación no debe seguir estas guías, a continuación, otros contenidos como botones, imágenes, textos, etc., sin duda debería. tamaño

X Zona Segura iPhone

7. Piense a través del modo horizontal X iPhone en aplicaciones

Cuando el teléfono está encendido al modo horizontal de la barra de estado está oculta con el fin de dar el máximo espacio para el contenido. Además, otros bares son cada vez más pequeño. Por lo tanto, la barra de navegación en el paisaje toma 32pt en lugar de 44pt, mientras que el tamaño de la barra de pestañas se reduce desde 49pt 30pt a .

A pesar del hecho de que no todas las aplicaciones necesitan y tomar la ventaja del modo horizontal X iPhone, todavía hay un montón de escenarios para su uso. Por ejemplo, es una buena opción para la visualización de diferente tipo de contenido como fotos, vídeos, textos en pantalla completa. Recuerde que después de terminados los usuarios interactuar con el iPhone X volvió a horizontal, que debe ser capaz de cambiar fácilmente al modo de retrato.

Usted debe pensar en la adaptación del diseño de su aplicación para el modo paisaje, especialmente si su aplicación ya está adaptado para iPads. dicha actualización puede hacer que la aplicación sea aún más conveniente para los usuarios.

iPhone X modo horizontal: Caja de seguridad Área

8. Tenga cuidado de la página web

hay posibilidades de que algunos de ustedes diseño creado no sólo para la aplicación, pero el sitio web de informar a los usuarios sobre él también. Con este razonamiento en mente, decidimos cubrir algunos puntos relacionados con los sitios web en el paisaje en las derivaciones iPhone X.

zona la caja fuerte para un montón de espacio libre a los lados de su sitio web al navegar en el paisaje. Eso es necesario para evitar el recorte de los contenidos, por lo que Apple creó la guía separada con el fin de que nos proporcionará los conocimientos sobre cómo adaptar los sitios web.

Proyectos para el iPhone X: Los sitios web

9. Evitar el uso del sistema como gestos

Como saben, la pantalla del iPhone X tiene ningún botón es decir, todas las manipulaciones se realizan por medio de gestos. Respectivamente, todas las funciones del botón se transformaron en gestos. Este hecho puede ser confuso ya que además usamos gestos en la construcción de interfaces. A su vez, puede desconcertar a algunos usuarios.

Para evitar tal situación, las ofertas de Apple no para ocultar el indicador de casa desde la pantalla del iPhone X sin necesidad. Además, la compañía nos advierte que tener cuidado cuando se trabaja sobre los elementos interactivos que colocan estrechamente al indicador casa. En el caso, no hay nada que puede hacer con elementos muy juntos – puede tomar la ventaja del borde función de protección contra que pone la prioridad de los gestos. De esta manera, el primer golpe será percibido como el gesto de la aplicación, mientras que la segunda como la acción a nivel de sistema.

Categorías
UX design guest post

Los mejores ejemplos y plantillas UX Persona diseñadores para que los usuarios conozcan mejor

 

de Apple revela nuevos iPhones cada año, pero por lo general no influyen en la experiencia del usuario tanto como lo hizo el iPhone X. Para los diseñadores, su pantalla de borde a borde sin medios de botón casa que tienen que construir un iPhone X diseño aplicación práctica y fácil de usar, a pesar de los usuarios de hecho nunca se han enfrentado con algo similar antes.

Sin duda, la única manera segura de crear los diseños de aplicaciones bien cortados para iPhone X establece a través del camino de prueba y error. Sin embargo, hay varios consejos que facilitan de esta manera lo que nos gustaría compartir con ustedes en este artículo.

iPhone X tamaño de la pantalla: Tomar píxeles bajo control

Obviamente que los principales cambios que afectan el proceso de inicio de diseño con pantalla de 5,8 pulgadas de borde a borde del teléfono. La pantalla del iPhone X se convirtió en el 20% más alto si se compara con iPhone 8/8 Plus, que es igual a 145pt de espacio adicional . Por lo tanto, estar dispuestos a utilizar las mesas de trabajo de tamaño 375 x 812 en su software preferido de diseño de interfaz de usuario.

iPhone X dimensiones de la pantalla en comparación con el salto del iPhone 8

Vamos a nuestro pedazo de consejo sobre cómo manejar mejor resolución de pantalla X iPhone, mientras que el diseño.

1. realinear los elementos de la interfaz

Si excluye todas estas barras estándar en iOS que tienen un lugar extra en la pantalla del iPhone X, obtenemos una impresionante 641pt de altura ‘pura’ donde se puede colocar el contenido de su aplicación. ¿Por qué es un gran problema? Debido a que el iPhone tiene 8 sobre 570pt del espacio útil para la comparación. Resolución

iPhone X si se compara con los términos iPhone 8

En adaptar el diseño de aplicaciones para iPhone X, tales resolución de esos cambios significa que usted debe reorganizar el diseño de los elementos de la interfaz si desea conservar un diseño de píxel perfecto de su aplicación en el iPhone X. en otro caso, los elementos puede ser colocado demasiado cerca de la muesca que va a hacer el aspecto de diseño inadecuado.

2. No ocultar la muesca X iPhone de

Let siguen nuestro consejo que da maratón hablando de la muesca iPhone en la pantalla, puesto que ya mencionamos. La carcasa de la muesca o el sensor, es probablemente la solución más controvertida que la intención de colocar todos estos sensores inteligentes. Sin embargo, Apple tuvo un buen razonamiento para dar este paso – espacio útil adicional en la pantalla. Además, los competidores no vienen con algo más elegante también.

¿Qué hacer con esta muesca? Apple le insiste para preservar la forma en que se ve en el diseño de su aplicación para iPhone X. En otras palabras, no debe enmascarar coloreando la barra de navegación en negro o tratando de ocultarlo de cualquier otra manera. La compañía dice que el espacio en los laterales del alojamiento del sensor da un poco de espacio adicional de gran valor para el contenido y la barra de estado, por lo que al ocultar que hará que su aplicación se sienta más pequeño.

no se preocupe por sus elementos de fondo, como los mapas, colores y otros. Ellos pueden recortar con cuidado por las esquinas redondeadas de teléfonos inteligentes y la muesca, por lo que el diseño de su aplicación para el iPhone X no se vean alterados por cualquiera de estos elementos.

pantalla

iPhone X: Notch

Por cierto, dicen sus desarrolladores de iOS no se preocupan mucho de iPhone X adaptación de aplicaciones. asegura manzana que va a estar bien desde aplicaciones que utilizan elementos estándar de interfaz de usuario (por ejemplo, tablas de barras de navegación y así sucesivamente) se ajustará al nuevo factor de forma automática. En cuanto a las aplicaciones que utilizan diseños personalizados, las promesas de adaptación a ser relativamente fácil en el caso de formato automático se aplicó y se siguió zona segura X iPhone, junto con las guías de margen (vamos a hablar de ellos más adelante).

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

Para una vista previa de la aplicación y ver cómo se ve, puede utilizar el simulador incorporado en Xcode. Sin embargo, Apple destaca que algunas características que incluyen amplios colores son mejores para previsualizar en dispositivos reales.

3. Recuerde acerca de la barra de estado del iPhone X

La barra de estado se vuelve más alto si se compara con otros modelos. En aras de la preservación de un buen aspecto del sistema, Apple duplicó la altura de la barra de estado del iPhone X desde 22pt 44pt a . De hecho, se trasladó a las esquinas redondeadas del smartphone en la pantalla. En sus Directrices de interfaz humana, notas de manzana que la barra de estado no cambia su altura, independientemente de las tareas de fondo que están activados actualmente (seguimiento de localización, reconocimiento de voz, por ejemplo, y así sucesivamente). Entre

, la empresa le recomienda que se abstengan de usar una barra de estado personalizado en el diseño de su aplicación para el iPhone X y reconsiderar soluciones de diseño destinadas a ocultarlo. Su principal argumento es que los usuarios esperan que esta barra se corresponda con la aparición del sistema. En su lugar, puede utilizar uno de los tres tipos de barras de estado proporcionadas por un sistema.

X iPhone barra de estado: Estándar Barras

A pesar de que no es conveniente diseñar una barra personalizada, puede cambiar fácilmente los colores a las estándar. De esta manera, se puede establecer un nuevo color para cada pantalla o lo deja inalterable para todas las pantallas. Es aplicable no sólo en el diseño para el iPhone X, pero para cualquier otro modelo también.

Cuida de contenido de la aplicación

En este caso, el tamaño realmente importa. Creo que no hay ningún punto en la explicación de por qué el diseño preciso UI / UX es tan importante. Por lo tanto, vamos a ver sólo a través de algunos consejos relacionados con el manejo del contenido, mientras que el diseño para el iPhone X.

4. Tenga en cuenta el impacto de los colores

de Apple inspira a los diseñadores de rechazar el uso de colores sRGB al crear el diseño del iPhone X interfaz de usuario en favorecer de P3. Según Apple, como un paso ayudará a aprovechar el espectro más amplio de colores en la pantalla del teléfono. En otras palabras, sus activos se pueden exportar a PNG de 16 bits si se utiliza el correspondiente P3 perfil de color. Por desgracia, esta opción sólo está disponible en Photoshop y que no es compatible con bosquejo.

iPhone X Tipo de pantalla: Pantalla sRGB vs colores P3

Tenga en cuenta que no todas las pantallas puede hacer frente a esta amplia gama extra de colores que dispone de P3. En otras palabras, muchos de ellos simplemente no mostrarlos, por lo que es imposible la creación de diseños de aplicaciones precisas para iPhone X. hablando de pantallas precisos, iMac de Apple lanzado a finales de 2015 fue el primer equipo basado en Mac que tiene el apoyo de una amplia gama. Ahora, todos los modelos de MacBook Pro, que tienen toque bar heredó el apoyo de P3.

5. mente la relación de X iPhone

El iPhone X de relación de aspecto se diferencia de los modelos anteriores, ya que es más alto. Esto significa que cualquier obra buena mirado en iPhones anteriores puede parecer extraño en aplicaciones para iPhone X. De esta manera, se pone contenido de la aplicación en riesgo de ser cosechado ya sea formato de pantalla ancha .

iPhone X relación de aspecto de la pantalla: cultivo contenido o letterboxing

Si el contenido iPhone X se mostrará en un dispositivo con la pantalla de 4.5 pulgadas, contenido de la aplicación puede incluso llegar a ser pillarboxed . Por lo tanto, es una buena idea considerar el uso de diferentes activos cuando se trata de relaciones de aspecto que difieren. relación de aspecto de pantalla

iPhone X: pillarboxing y recorte

6. Sea en el amor con la forma de la pantalla

Sí sí sí, no todo el mundo está feliz de ver estas esquinas redondeadas iPhone X, especialmente aquellas personas que tienen que crear un diseño atractivo para el móvil iPhone X. Pero aún así, es una nueva forma de experimentar las aplicaciones móviles. Sin embargo, Apple pide a los diseñadores a abstenerse de enmascarar esta parte de la pantalla, ya sea haciendo hincapié en sus peculiaridades de forma. Así es como iPhone X diseño aplicación puede verse como:

X iPhone Instagram aplicación concepto por Cleveroad (Fuente: Dribbble)

Seguir iPhone X directrices de diseño

Como ya he mencionado, el contenido en aplicaciones se puede acortar porque de la muesca junto con las esquinas redondeadas de la pantalla. Claro que sí se debe evitar cuando se diseña para el iPhone X. Para ello, Apple creó guía su seguridad Área y nos dijo cómo colocar el contenido en aplicaciones sin dañarlo. Si el fondo de su aplicación no debe seguir estas guías, a continuación, otros contenidos como botones, imágenes, textos, etc., sin duda debería. tamaño

X Zona Segura iPhone

7. Piense a través del modo horizontal X iPhone en aplicaciones

Cuando el teléfono está encendido al modo horizontal de la barra de estado está oculta con el fin de dar el máximo espacio para el contenido. Además, otros bares son cada vez más pequeño. Por lo tanto, la barra de navegación en el paisaje toma 32pt en lugar de 44pt, mientras que el tamaño de la barra de pestañas se reduce desde 49pt 30pt a .

A pesar del hecho de que no todas las aplicaciones necesitan y tomar la ventaja del modo horizontal X iPhone, todavía hay un montón de escenarios para su uso. Por ejemplo, es una buena opción para la visualización de diferente tipo de contenido como fotos, vídeos, textos en pantalla completa. Recuerde que después de terminados los usuarios interactuar con el iPhone X volvió a horizontal, que debe ser capaz de cambiar fácilmente al modo de retrato.

Usted debe pensar en la adaptación del diseño de su aplicación para el modo paisaje, especialmente si su aplicación ya está adaptado para iPads. dicha actualización puede hacer que la aplicación sea aún más conveniente para los usuarios.

iPhone X modo horizontal: Caja de seguridad Área

8. Tenga cuidado de la página web

hay posibilidades de que algunos de ustedes diseño creado no sólo para la aplicación, pero el sitio web de informar a los usuarios sobre él también. Con este razonamiento en mente, decidimos cubrir algunos puntos relacionados con los sitios web en el paisaje en las derivaciones iPhone X.

zona la caja fuerte para un montón de espacio libre a los lados de su sitio web al navegar en el paisaje. Eso es necesario para evitar el recorte de los contenidos, por lo que Apple creó la guía separada con el fin de que nos proporcionará los conocimientos sobre cómo adaptar los sitios web.

Proyectos para el iPhone X: Los sitios web

9. Evitar el uso del sistema como gestos

Como saben, la pantalla del iPhone X tiene ningún botón es decir, todas las manipulaciones se realizan por medio de gestos. Respectivamente, todas las funciones del botón se transformaron en gestos. Este hecho puede ser confuso ya que además usamos gestos en la construcción de interfaces. A su vez, puede desconcertar a algunos usuarios.

Para evitar tal situación, las ofertas de Apple no para ocultar el indicador de casa desde la pantalla del iPhone X sin necesidad. Además, la compañía nos advierte que tener cuidado cuando se trabaja sobre los elementos interactivos que colocan estrechamente al indicador casa. En el caso, no hay nada que puede hacer con elementos muy juntos – puede tomar la ventaja del borde función de protección contra que pone la prioridad de los gestos. De esta manera, el primer golpe será percibido como el gesto de la aplicación, mientras que la segunda como la acción a nivel de sistema.

Categorías
UX design guest post

30 frescos Ejemplos de animación CSS para crear sitios web increíble animación

 Se espera

El número de usuarios de teléfonos móviles en el mundo para pasar la marca de cinco mil millones en 2019. Esto hace que un medio móvil extremadamente valiosa para los desarrolladores de aplicaciones. Al mismo tiempo, numerosos mitos todavía rodean desarrollo de aplicaciones móviles, que evita que los equipos móviles de crear una excelente experiencia de usuario.

En este artículo, vamos a revisar 9 mitos de diseño y desarrollo de aplicaciones móviles.

1. Los usuarios móviles están siempre en la carrera

Al pensar en los usuarios móviles, muchos de nosotros tenemos una imagen estereotipada de una persona que siempre se precipitó. Sí, hay momentos en que esto podría ser cierto; por ejemplo, cuando vamos al trabajo y el juego con nuestros celulares mientras espera el tren. Pero podría ser incorrecto suponer que la mayoría de las interacciones con las aplicaciones móviles suceda en tales circunstancias.

En 2012 Google llevó a cabo un estudio de palabras multi-pantalla y se encontró que el 60% del uso del teléfono móvil se lleva a cabo en el hogar. De acuerdo con otro estudio de comScore, las horas pico de uso del móvil es de 6:00 horas a las 22:00. Así que en lugar de pensar de los usuarios móviles que personas corriendo para coger el tren con sus teléfonos móviles, deberíamos debemos pensar en las personas que utilizan las aplicaciones móviles sobre todo en casa? No. Nosotros debemos analizar nuestro comportamiento público objetivo de entender cómo los usuarios prefieren interactuar con nuestras aplicaciones y el diseño de nuestros productos para satisfacer las necesidades.

pico de uso del móvil es de 6:00 pm hasta las 10:00 h. Fuente de la imagen: comScore

2. Las aplicaciones móviles están aislados experiencias

Muchos desarrolladores creen aplicaciones móviles que son independientes experiencias y no necesitan ser integrados con otros canales. Pero, de hecho, el móvil es sólo una parte de un panorama más amplio en el que otros tipos de dispositivos (ordenadores de sobremesa, tabletas, smartwatches, etc.) son medios a través del cual se entrega la experiencia. Los usuarios deben ser capaces de cambiar a un medio diferente y continuar el viaje.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

Aquí es sólo un ejemplo. De acuerdo con Appticles, el 37% de los usuarios de realizar investigaciones sobre la móvil, pero cambiar al escritorio para completar una compra. Por lo tanto, si usted está diseñando una aplicación de comercio electrónico, los usuarios móviles deben ser capaces de cambiar a su ordenador de sobremesa o portátil para continuar el viaje.

Cuando se trata de crear un viaje del usuario, el objetivo final es crear una experiencia perfecta en todos los dispositivos. Imagen: Es importante no pensar en su aplicación móvil como una experiencia aislada Google

Se. La sincronización del progreso del usuario a través de dispositivos es una prioridad clave para la creación de una experiencia perfecta. Esto hace que los usuarios sienten que su flujo de trabajo no se interrumpe.

3. Las aplicaciones nativas son mejores que las aplicaciones híbridas

Una de las primeras cosas que los desarrolladores de aplicaciones siquiera antes de comenzar el desarrollo de aplicaciones es elegir qué tipo de la aplicación que desea construir – si va a ser un híbrido o una aplicación móvil nativa . La diferencia entre los dos tipos es realmente importante – como su nombre indica, las aplicaciones nativas son aplicaciones móviles diseñadas específicamente para la plataforma móvil (Android o iOS), mientras que las aplicaciones híbridas son aplicaciones basadas en web que básicamente servicios web que los usuarios ejecutan en su navegador.

Muchos desarrolladores creen que las aplicaciones nativas son siempre mejores en términos de proporcionar experiencia de usuario óptima. argumentos típicos son la velocidad (desarrolladores creen que las aplicaciones nativas son más rápidas que las aplicaciones híbridas) y características soportadas (aplicaciones nativas proporcionan acceso a funciones avanzadas). En realidad, modernas aplicaciones híbridas pueden demostrar un excelente rendimiento, permiten la creación de potentes aplicaciones para móviles. aplicaciones híbridas no requieren equipo de producto que pasar más tiempo en la construcción de una aplicación separada para cada plataforma móvil. Por lo tanto, cuando se trata de seleccionar la aplicación nativa vs híbrido, que es crucial para sopesar pros y los contras de ambos enfoques y elegir la que mejor se adapta estrategia de producto.

4. La gente no se desplazan

Mientras que este mito es menos popular hoy en día, todavía muchos equipos de producto creen que deben poner el contenido más importante ‘encima de la tapa.’ En realidad, el pliegue no existe anymore.People hacer scroll, y lo hacen de forma natural. Y cuando se llega a los móviles, los usuarios móviles son Scrollers totales – desplazamiento es la interacción segundo más popular después de la grabación.

la gente comienza a desplazarse casi inmediatamente después de aterrizar en una página móvil. Image: getaloadageo

5. Los usuarios están siempre conectados a internet

En los EE.UU. y Europa, los usuarios están acostumbrados a la conectividad ubicua. Pero que sin duda no es cierto en todo el mundo. Productos en los mercados emergentes tienen que ser capaces de realizar una conectividad más lenta o intermitente. Si va a diseñar para ese mercado, asegúrese de que su producto funciona cuando no está conectado a Internet en absoluto (permitir el almacenamiento en caché de datos) y optimizar su producto para la carga rápida (minimizar el tamaño de la página de mantenimiento de imágenes y otros contenidos peso a un mínimo).

6. prototipos es un paso adicional en el desarrollo de productos

equipos Muchos productos creen que es posible saltar wireframing / fase de creación de prototipos y saltar directamente a la codificación. Si bien esto ahorra tiempo en la perspectiva a corto plazo, que a menudo conduce a problemas significativos en el camino. desarrollo de aplicaciones móviles es una actividad compleja que requiere centrándose en diferentes aspectos del diseño – arquitectura de la información, diseño visual, diseño de interacción, etc.

de

Es casi imposible tener en cuenta todos los posibles requisitos del producto y sin la creación de prototipos. Es necesario tener un diseño tangible para jugar con él y para entender cómo funciona. Esto sucede solamente cuando usted se centra en hacer prototipos de sus soluciones. Por lo tanto, crear prototipos, tienen los usuarios que prueben, e iterar el diseño hasta que es lo suficientemente bueno. Mockplus ayudará a realizar prototipos más rápido y más inteligente.

Prototipos en Mockplus

7. Los usuarios móviles necesitan menos características que los usuarios de escritorio

Cuando se trata de la experiencia móvil, está claro que esta experiencia podría ser diferente de la que tenemos en nuestros escritorios. Diseñar para el móvil tiene ciertas restricciones, principalmente debido a las limitaciones de la pantalla de bienes raíces. Los diseñadores deben esforzarse por reducir la complejidad de la interacción con un producto y crear una experiencia más enfocada. Pero esto no quiere decir que esto se logra mediante la eliminación de algunas partes del producto. Es absolutamente incorrecto suponer que los usuarios móviles necesitan menos funciones simplemente porque utilizan un producto en el móvil. El número de características depende de la naturaleza de su producto. Es fundamental analizar las interacciones del usuario para averiguar cuáles son las características de nuestros usuarios realmente necesitan.

8. Cuanto más las características que añadir a su aplicación, mejor será

más características = más valor para los usuarios es un error muy peligroso. Poniendo demasiadas características de su producto no sólo aumenta el tiempo de comercialización-, también afecta a la experiencia del usuario. Es duro para ofrecer un montón de complejidad sin comprometer la experiencia del usuario. Cuando una aplicación pretende ser una navaja suiza (hacer “todo para todos”), por lo general termina siendo demasiado complicado y totalmente inutilizable. En el campo del diseño UX, tenemos un término especial para estos casos -feature fluencia. Es posible prevenir la invasión de características al hacer la investigación del usuario. la investigación del usuario ayuda a distinguir entre las necesidades y deseos de los usuarios, y que ayuda a las peticiones de características mejor priorizar.

Prueba 9. puede ser pospuesto hasta el lanzamiento al mercado

Prueba

es una actividad que consume tiempo, y podría ser tentador posponer hasta el momento en que su aplicación estará disponible para los usuarios reales. No se equivoquen: No puede permitirse el lujo de no a los productos de prueba. es muy peligroso asumir que los usuarios estarán encantados de probar su aplicación e informar sobre todas las cuestiones. En primer lugar, los usuarios se sienten frustrados por una experiencia negativa, y esto aumentará la tasa de rebote. En segundo lugar, será difícil volver a trabajar algunas partes de su producto, ya que va a requerir esfuerzo de diseño y desarrollo. Es mucho mejor para empezar a probar tan pronto como se dieron un primer prototipo interactivo.

Conclusión

Cuando se trata de teléfonos, que es vital para pensar en la experiencia general del usuario y el diseño para sus usuarios. No deje que los mitos que confunden!

Categorías
UX design guest post

13 último y mejor botón diseños que usted puede no se pierda en el año 2018

 La cara de

Vamos hacerle frente – la parte más importante de su sitio web es sin duda la experiencia del usuario (UX) . Eso es lo que ofrece a los clientes y lo que le ayuda a mantenerse relevante en el mercado hoy en día. Cuando la gente parece que no puede encontrar su camino alrededor de su sitio web, se pierde visitantes, motor de búsqueda ranking y en última instancia – dinero.

que tiene una interfaz clara y funcional y fácil de usar para sus visitantes a utilizar debe ser algo así como una prioridad a la hora de decidir sobre la construcción de la página web de su marca.

Dicho esto, no es tan fácil de simplemente sentarse y hacer un diseño UX desde cero. Parece que hay ciertas cosas que usted debe entender, y algunos aspectos de diseño general que hay que aprender de antemano. Por suerte, hemos buscado en la web y hemos hecho esta lista de algunas de las prácticas más útiles y más comúnmente utilizados para UX y la interfaz de usuario de diseño.

Estos UX tendencias pueden serle de ayuda a entender lo que la gente busca cuando se trata de la experiencia del usuario, y lo que debe buscar en el futuro. Así, sin más preámbulos, vamos a llegar directamente a él.

Mobile-primer diseño

Una de las cosas que usted debe tener en cuenta es que las visitas a Internet desde dispositivos móviles han superado los de PCs de escritorio hace más de dos años, y no hay ningún dispositivo móvil que prácticamente no tiene acceso a Internet. Mobile-primer diseño representa el tipo de diseño en el que primero se formó el diseño para dispositivos móviles como teléfonos inteligentes o tabletas y utilizar ese diseño como base para desarrollar diseños de escritorio, portátil, y otras pantallas grandes.

Mobile-primer diseño ayuda a adaptar el diseño existente y ya completamente funcional y agregar a ella tanto como desee, una vez que inicie su desarrollo para pantallas más grandes. Saber cuántos nuevos dispositivos son liberados casi todos los días, es posible comprender la importancia de móvil-primer diseño, y cómo utilizarla para su propio beneficio.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

diseño centrado en el contenido

En el mundo de los contenidos de marketing digital es el rey. Un buen contenido puede ayudar a aumentar su tráfico de Internet y su posición en los resultados de búsqueda. Como consecuencia de ello, su sitio web estará en una posición para centrarse más en las necesidades concretas de sus usuarios y clientes. Sabiendo esto, puede no ser la mejor solución para tratar la forma tradicional de diseño web y la implementación de contenido después.

Cuando los visitantes van a su sitio web y notan una gran cantidad de contenido, que dejar de mirarlo como si fuera una herramienta para venderlos algo. Se convierte en el reflejo de su profesionalismo y es mucho más fácil de captar la atención de sus visitantes de esta manera. El diseño centrado en el contenido se utiliza para ayudar a aumentar sus clientes potenciales y ampliar su alcance comercial. Le ayuda a su sitio web un aspecto mejor, y lo que realmente puede ayudar con el desarrollo de negocios. Básicamente, lo que representa es un enfoque bien organizado para el desarrollo de un sitio web rico en contenido. del espectro

Progreso

Otra tendencia que puede convertirse en una cosa de un futuro es sin duda la mejora de la barra de progreso. La barra de progreso no se ha cambiado desde que se convirtió en una parte de la UX, pero la tecnología y las tendencias lo hizo. Los diseñadores tienden a utilizar las barras de progreso para mostrar cómo hemos avanzado a lo largo del camino, pero hay una forma más natural de hacer esto. Se llama un espectro de progreso y debe proporcionar el fiel reflejo de la experiencia de los usuarios.

Con el espectro de progreso, el progreso de sus usuarios se experimentó en un espectro continuo y eventos simplemente fluyen la una a la otra. De esta manera no hay segregación de los pasos de experiencia, y todo el proceso parece más natural y fácil de usar. En primer lugar – los usuarios llegar a una decisión sobre lo lejos que están en el proceso; que no les gusta que les digan que les gustaría tener un dicho en eso. diseñadores de LinkedIn hicieron un trabajo increíble con la incorporación de espectro de progreso para sus medidores de fuerza perfil. No se pueden llenarla por completo, pero tampoco nunca está vacío. Representa cómo el perfil no es nunca completamente en blanco, pero siempre hay algo que hacer con él.

IA y aprendizaje automático

Una de las cosas sorprendentes tecnología moderna ha sacado a la luz es la inteligencia artificial. Es algo que nos puede ayudar con numerosas tareas en el futuro, pero también puede llegar a ser de gran ayuda en este momento. Parece que hay ya varios intentos significativos para incluir la IA y los ordenadores capacidad de aprendizaje de las máquinas en el mundo del diseño. Una empresa llamada Logojoy ha creado una IA que puede hacer un diseño de logotipo, que es un gran paso adelante.

No es que es probable que la IA y los ordenadores se hará cargo de los trabajos de interfaz de usuario y UX diseñadores en el corto plazo, pero parece que hay algunas grandes ventajas que pueden aportar al juego. Mientras que los diseñadores UX humanos tienen la denominada “información privilegiada” sobre las necesidades humanas, y mientras aún son más eficientes en su trabajo, AI podría desempeñar un papel importante en la evolución del diseño UX. Se puede acelerar el proceso de recoger los esquemas de color, diseño de logotipos y encontrar los diseños perfectos, por lo que es posible que sea algo que nos puede afectar de manera significativa durante 2018. Usuario

voz Interface (VUI)

Uno de los más cosas importantes que tienes que entender es que es necesario pensar realmente en lo que quiere lograr. Encontrar una ayuda profesional es casi siempre exactamente lo que necesita para obtener un diseño web realmente sorprendente. Perth tiene una gran cantidad de opciones para elegir, pero lo que la mayoría de ellos están de acuerdo es en que VUI está aquí para quedarse. Google ha desarrollado OK Google, Amazon tiene Alexa, Microsoft ha puesto a Cortana y Apple tiene Siri.

Tener un VUI ha demostrado ser extremadamente ahorro de tiempo, mientras que dicho modelo de la interfaz es prácticamente insustituible para las personas con problemas de visión. Este tipo de interfaz también es extremadamente importante para los conductores, ya que está ocupado su atención visual. El futuro de la buena experiencia de usuario, posiblemente, puede estar en el estratégicamente colocados y bien pensado de elementos VUI.

envolviéndolo

No importa donde el futuro nos lleva, la experiencia del usuario y la interfaz de usuario siempre será parte muy importante de cualquier presentación. Con el fin de seguir las últimas tendencias y con el fin de estar al tanto del juego el diseño UX, es necesario hacer algunas investigaciones. Hablar con sus clientes y sus visitantes, participar en debates y siga los foros y sitios web de diseño de UX / UI. De esta manera usted pronto llegar a entender qué es exactamente lo que necesita para hacer que su sitio web se destacan.

y 2018 ha sido un año en el UX ha estado en el centro del escenario. A pesar de esta importancia seguirá en 2019 UX tendencia de diseño.

Categorías
UX design guest post

15 Mejor libre Bootstrap UI Kits en 2019 para simplificar su diseño

 La cara de

Vamos hacerle frente – la parte más importante de su sitio web es sin duda la experiencia del usuario (UX) . Eso es lo que ofrece a los clientes y lo que le ayuda a mantenerse relevante en el mercado hoy en día. Cuando la gente parece que no puede encontrar su camino alrededor de su sitio web, se pierde visitantes, motor de búsqueda ranking y en última instancia – dinero.

que tiene una interfaz clara y funcional y fácil de usar para sus visitantes a utilizar debe ser algo así como una prioridad a la hora de decidir sobre la construcción de la página web de su marca.

Dicho esto, no es tan fácil de simplemente sentarse y hacer un diseño UX desde cero. Parece que hay ciertas cosas que usted debe entender, y algunos aspectos de diseño general que hay que aprender de antemano. Por suerte, hemos buscado en la web y hemos hecho esta lista de algunas de las prácticas más útiles y más comúnmente utilizados para UX y la interfaz de usuario de diseño.

Estos UX tendencias pueden serle de ayuda a entender lo que la gente busca cuando se trata de la experiencia del usuario, y lo que debe buscar en el futuro. Así, sin más preámbulos, vamos a llegar directamente a él.

Mobile-primer diseño

Una de las cosas que usted debe tener en cuenta es que las visitas a Internet desde dispositivos móviles han superado los de PCs de escritorio hace más de dos años, y no hay ningún dispositivo móvil que prácticamente no tiene acceso a Internet. Mobile-primer diseño representa el tipo de diseño en el que primero se formó el diseño para dispositivos móviles como teléfonos inteligentes o tabletas y utilizar ese diseño como base para desarrollar diseños de escritorio, portátil, y otras pantallas grandes.

Mobile-primer diseño ayuda a adaptar el diseño existente y ya completamente funcional y agregar a ella tanto como desee, una vez que inicie su desarrollo para pantallas más grandes. Saber cuántos nuevos dispositivos son liberados casi todos los días, es posible comprender la importancia de móvil-primer diseño, y cómo utilizarla para su propio beneficio.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

diseño centrado en el contenido

En el mundo de los contenidos de marketing digital es el rey. Un buen contenido puede ayudar a aumentar su tráfico de Internet y su posición en los resultados de búsqueda. Como consecuencia de ello, su sitio web estará en una posición para centrarse más en las necesidades concretas de sus usuarios y clientes. Sabiendo esto, puede no ser la mejor solución para tratar la forma tradicional de diseño web y la implementación de contenido después.

Cuando los visitantes van a su sitio web y notan una gran cantidad de contenido, que dejar de mirarlo como si fuera una herramienta para venderlos algo. Se convierte en el reflejo de su profesionalismo y es mucho más fácil de captar la atención de sus visitantes de esta manera. El diseño centrado en el contenido se utiliza para ayudar a aumentar sus clientes potenciales y ampliar su alcance comercial. Le ayuda a su sitio web un aspecto mejor, y lo que realmente puede ayudar con el desarrollo de negocios. Básicamente, lo que representa es un enfoque bien organizado para el desarrollo de un sitio web rico en contenido. del espectro

Progreso

Otra tendencia que puede convertirse en una cosa de un futuro es sin duda la mejora de la barra de progreso. La barra de progreso no se ha cambiado desde que se convirtió en una parte de la UX, pero la tecnología y las tendencias lo hizo. Los diseñadores tienden a utilizar las barras de progreso para mostrar cómo hemos avanzado a lo largo del camino, pero hay una forma más natural de hacer esto. Se llama un espectro de progreso y debe proporcionar el fiel reflejo de la experiencia de los usuarios.

Con el espectro de progreso, el progreso de sus usuarios se experimentó en un espectro continuo y eventos simplemente fluyen la una a la otra. De esta manera no hay segregación de los pasos de experiencia, y todo el proceso parece más natural y fácil de usar. En primer lugar – los usuarios llegar a una decisión sobre lo lejos que están en el proceso; que no les gusta que les digan que les gustaría tener un dicho en eso. diseñadores de LinkedIn hicieron un trabajo increíble con la incorporación de espectro de progreso para sus medidores de fuerza perfil. No se pueden llenarla por completo, pero tampoco nunca está vacío. Representa cómo el perfil no es nunca completamente en blanco, pero siempre hay algo que hacer con él.

IA y aprendizaje automático

Una de las cosas sorprendentes tecnología moderna ha sacado a la luz es la inteligencia artificial. Es algo que nos puede ayudar con numerosas tareas en el futuro, pero también puede llegar a ser de gran ayuda en este momento. Parece que hay ya varios intentos significativos para incluir la IA y los ordenadores capacidad de aprendizaje de las máquinas en el mundo del diseño. Una empresa llamada Logojoy ha creado una IA que puede hacer un diseño de logotipo, que es un gran paso adelante.

No es que es probable que la IA y los ordenadores se hará cargo de los trabajos de interfaz de usuario y UX diseñadores en el corto plazo, pero parece que hay algunas grandes ventajas que pueden aportar al juego. Mientras que los diseñadores UX humanos tienen la denominada “información privilegiada” sobre las necesidades humanas, y mientras aún son más eficientes en su trabajo, AI podría desempeñar un papel importante en la evolución del diseño UX. Se puede acelerar el proceso de recoger los esquemas de color, diseño de logotipos y encontrar los diseños perfectos, por lo que es posible que sea algo que nos puede afectar de manera significativa durante 2018. Usuario

voz Interface (VUI)

Uno de los más cosas importantes que tienes que entender es que es necesario pensar realmente en lo que quiere lograr. Encontrar una ayuda profesional es casi siempre exactamente lo que necesita para obtener un diseño web realmente sorprendente. Perth tiene una gran cantidad de opciones para elegir, pero lo que la mayoría de ellos están de acuerdo es en que VUI está aquí para quedarse. Google ha desarrollado OK Google, Amazon tiene Alexa, Microsoft ha puesto a Cortana y Apple tiene Siri.

Tener un VUI ha demostrado ser extremadamente ahorro de tiempo, mientras que dicho modelo de la interfaz es prácticamente insustituible para las personas con problemas de visión. Este tipo de interfaz también es extremadamente importante para los conductores, ya que está ocupado su atención visual. El futuro de la buena experiencia de usuario, posiblemente, puede estar en el estratégicamente colocados y bien pensado de elementos VUI.

envolviéndolo

No importa donde el futuro nos lleva, la experiencia del usuario y la interfaz de usuario siempre será parte muy importante de cualquier presentación. Con el fin de seguir las últimas tendencias y con el fin de estar al tanto del juego el diseño UX, es necesario hacer algunas investigaciones. Hablar con sus clientes y sus visitantes, participar en debates y siga los foros y sitios web de diseño de UX / UI. De esta manera usted pronto llegar a entender qué es exactamente lo que necesita para hacer que su sitio web se destacan.

y 2018 ha sido un año en el UX ha estado en el centro del escenario. A pesar de esta importancia seguirá en 2019 UX tendencia de diseño.

Categorías
UX design guest post

12 frescos blancos y negros de diseño de sitios web Ejemplos para su inspiración

 

Así que ha decidido que quiere convertirse en un diseñador. ¡Excelente! Si usted es un aspirante a diseñador visual, UX Designer, o el diseñador del producto, es importante recordar que su cartera es su mejor oportunidad de mostrar sus habilidades, procesos y habilidades para resolver a los empleadores y clientes problema.

La mayoría de los empleadores sólo se verá en la cartera de un solicitante de 10-20 segundos antes de decidir si se debe dar a alguien una entrevista o no, por lo que es crucial para asegurar que su cartera exhibe su trabajo muy bien, articula claramente lo que eres y lo valor que aporta y es fácil de navegar.

Cuando se trabaja en su cartera, piense en su sitio de la cartera de la misma manera se podría pensar sobre un proyecto normal de diseño web. Los visitantes al sitio (si se trata de un cliente potencial o empleador) es el “cliente” para este proyecto y que desea diseñar un sitio que ayuda a lograr todos sus objetivos del usuario sin esfuerzo como sea posible. En este artículo, vamos a explicar algunos de los errores comunes que los nuevos diseñadores hacen en sus sitios de cartera y le dirá cómo evitar cometer los mismos errores. Listo? ¡Vamonos!

no ponga todos los proyectos que ha diseñado alguna vez en su sitio cartera

Lo primero es lo primero – a medida que construye su sitio cartera, puede ser tentador para poner cada uno de sus proyectos hacia arriba. Después de todo, usted pasó un montón de tiempo la construcción de ellos por lo que ¿por qué no mostrar con orgullo? Este es un error común a muchos nuevos diseñadores hacen, y muchos administradores de diseño contratación nos han dicho que preferiría ver una cartera clara y enfocada que se centra en el papel de una persona está solicitando en lugar de un disperso de muchos tipos de trabajo de diseño.

pasar algún tiempo pensando acerca de qué tipo de papel / empresa / industria que realmente va a solicitar al cura y su cartera para ese tipo de papeles. Después de todo, los reclutadores serán mucho más propensos a contratar que si su cartera está en el papel o la industria va a aplicar a láser centrado. Y si necesita ayuda la creación de ideas de proyectos, hay un montón de grandes recursos en línea para ayudarle a construir proyectos de la cartera de diseño sorprendentes. !

Mockplus en primavera 2020 – Hasta 34% OFF

Diferentes reclutadores y empleadores tienen ligeramente diferentes opiniones sobre la especialización frente a la generalización, pero una opinión generalmente concuerda: a menos que estés realmente la esperanza de ser un generalista, usted debe tratar de centrarse en la construcción de una profunda experiencia en una o dos áreas de diseño y dar a conocer los proyectos más prominente en su cartera de trabajos a través, mientras que también muestra un par de proyectos que demuestren su amplitud de habilidades.

Si un reclutador aterriza en su sitio web y ve los proyectos que coincidan con el papel que solicitó, usted será mucho más probable que la tierra una entrevista que alguien que muestra un ejemplo de diez diferentes tipos de trabajo de diseño en su página web.

No se limite a mostrar las imágenes finales de alta fidelidad de sus proyectos

Después de pasar tantas horas diseñando hermosas versiones de alta fidelidad de sus ideas iniciales, puede ser tentador sólo para mostrar los diseños pulidos. Esta es una tendencia actual entre los diseñadores jóvenes, sobre todo si se visita un sitio de diseño de intercambio social como Dribbble.

Muchos jóvenes diseñadores asumen que los reclutadores sólo quieren ver sus versiones finales, sin embargo, los reclutadores quieren ver más de sus diseños finales. Ellos quieren ver cómo piensa y que quieren entender por qué tomó ciertas decisiones. La mayoría de las empresas quieren contratar a solucionadores de problemas y artistas primeros segundos – si un diseño no ayudan a los usuarios a lograr su objetivo final, que puede ser increíblemente hermosa, pero todavía fallar en su propósito.

Algunas cosas a tener en cuenta al mostrar sus proyectos:

  • pensar en el problema que el cliente está tratando de resolver con este diseño.
  • Piense en los objetivos del usuario al utilizar el producto del cliente.
  • Mostrar sus conceptos iniciales, sus objetivos, los objetivos del cliente, y luego ir a través de las diferentes fases del proyecto, mostrando por qué tomó las decisiones que hizo y cuando se validen sus decisiones durante todo el proceso.

no deje que la estructura de su sitio se complican mucho

Muchos diseñadores jóvenes podrían verse tentados a crear un diseño de sitio llamativo, con animaciones complejas, estados estacionario, y la página de carga-ins. Si bien es grande para mostrar su creatividad y diseño / chuletas de codificación, asegúrese de asegurar siempre que la simplicidad es la esencia de su sitio cartera. Hemos visto sitios de cartera que incluso se olvidó de tener barras de navegación persistentes!

reclutadores que visitan su página quieren algunas piezas específicas de información …

  • Ellos quieren tener una idea de alto nivel de lo que eres, qué tipo de trabajo que se especializan en, y por qué usted debe contratar. Usted debe tener una clara encima del pliegue descripción de sí mismo en su página principal que explica claramente estos principales puntos de discusión y luego presenta un camino claro para realmente ver su trabajo.
  • quieren ser fácilmente capaz de ver todos sus proyectos y también ser capaz de navegar entre el trabajo de diferentes tipos. Así que si usted tiene Branding y Diseño Web de trabajo, por ejemplo, hacen que sea muy fácil cambiar entre cada tipo de proyecto.
  • que quieren ser capaces de ponerse en contacto con usted fácilmente. Tener una página de contacto simple que incluye o bien un enlace directo a usted o un sencillo formulario de contacto que pueden rellenar fácilmente un correo electrónico.

No lo haga demasiado seca y no tenga miedo de mostrar su personalidad mirada

reclutadores a través de una gran cantidad de carteras. Mucho. Por lo que es absolutamente crucial para poner su personalidad en su sitio de cartera para que haga una duradera y memorable primera impresión. Es totalmente bien utilizar una plantilla en la construcción de su sitio de cartera (que como Squarespace para principiantes)

Una gran cantidad de diseñadores jóvenes, sin embargo, hay que olvidar que una plantilla es sólo eso – una plantilla. Si vas a la ruta de utilizar una plantilla pre-construido a partir de una plataforma web, asegúrese de añadir en su propia dosis de personalidad y estilo único. Y nunca tener en cualquiera de las fotos predeterminado de valores, ya que esta es una manera segura de ser expulsado en la pila de rechazo inmediato.

algunas ideas para añadir personalidad a su sitio de cartera: proyectos paralelos

  • Escaparate! Los empleadores les gusta ver a los empleados potenciales cuya pasión por el diseño y la resolución de problemas se extiende mucho más allá de su trabajo de 9 a 5. Si usted ha trabajado en algún proyecto secundarios o negocios, les mostrará como su propio estudio de caso en su sitio cartera para mostrar a los empresarios que ama el solucionar problemas con el diseño, incluso cuando no están pagando.
  • Incluir un blog de diseño. Tener un blog o página media en el que escribe sobre las tendencias de diseño de su propio punto de vista es otra gran manera de mostrar su pasión por el diseño y dejar que los empleadores saben que realmente importa. No crear un blog sólo por el hecho de que – sólo lo hacen si usted siente que tiene cosas o ideas específicas que desea comunicar al mundo del diseño!
  • Añadir personalidad visual! Si es posible, le sugerimos añadir un poco de estilo visual a su sitio para que sea más fácil de recordar. Siempre y cuando su trabajo es fácil de encontrar y su sitio es fácil de navegar, mostrando su personalidad a través de estilo visual es totalmente bien! Esto podría incluir la adición interesantes animaciones de estado estacionario o el diseño de su propia marca personal único que se aplique de forma coherente en todo el sitio.

Si usted es capaz de evitar cuidadosamente cometer los errores que muchos otros diseñadores jóvenes hacen en sus carteras, usted estará bien posicionada para sobresalir cuando se inicia la aplicación para diseñar puestos de trabajo. Sólo recuerde – enfocar su trabajo basado en los puestos de trabajo que está solicitando a, hacer que su sitio visualmente hermosa al mismo tiempo ser fácil de navegar, y deja que tu personalidad brille a través.

Si necesita ayuda adicional la construcción de su cartera o quiere trabajar con un mentor para estar listo para el mercado de trabajo, pensando en inscribirse en un campo de entrenamiento cartera de construcción a corto plazo o se unen a encontrar comunidades de tutoría locales a nivel local, como las organizadas por organizaciones como AIGA.

Alec McGuffey es el co-fundador de RookieUp, una plataforma de enseñanza del diseño que Bootcamps ofertas a corto plazo y herramientas de la lista de la capacidad para dar a aspirantes a diseñadores de todo lo que necesitan para construir un portafolio de diseño increíble y lanzar su carrera de diseño.