Re: Discussions Page 2.0 maquetaAgregando mensaje original y mi respuesta al diseño inicial:
El 28 de junio de 2019, a las 11:44 am, Ryan Gilmore < Ryan.Gilmore@jmp.com > escribió:
Pensamientos iniciales:
- Me gusta mucho la claridad de propósito.
- No era obvio para mí que los artículos fueran pestañas. Pensé que el tamaño de Find Your Answer era incorrecto.
- Me gusta el tamaño reducido del anuncio y la falta de énfasis en el botón dentro del anuncio. Pone más atención en la claridad de propósito y contenido.
- Creo que necesitamos mostrar más de un elemento del menú o cambiarlo a la hamburguesa.
- No estoy seguro de cómo me siento con la búsqueda. Lo que creo que ayudará es incluir texto dentro del campo, como "Buscar en la comunidad".
En general, un buen comienzo. Gracias por el diseño.
Me gustaría pedir al menos dos diseños más. Para al menos uno de los diseños, no se preocupe por la rapidez con la que se puede hacer en términos de desarrollo.
Si necesita un desafío adicional, cree maquetas de sus ideas para el siguiente paso en el viaje del usuario después de que él / ella seleccione una pestaña.
Asumo esto si por COM-188 ?
Gracias.
Desde: Ian Kleinfeld < Ian.Kleinfeld@jmp.com >
Fecha: Viernes 28 de junio de 2019 a las 10:55 a.m.
A: Ryan Gilmore < Ryan.Gilmore@jmp.com >, Jeff Perkinson < jperk@mac.com >
Tema: Revisión de discusiones iniciales 2 maqueta
Primer borrador para revisión y discusión. Un simple rediseño que se puede hacer razonablemente rápido.
https://xd.adobe.com/view/23f6a53b-1fb6-4c82-6376-36465525eec0-55c7/
Incluso
- anuncios mas pequeños
- Botón grande / pestañas para claridad de propósito
- menú superior modificado y barra de búsqueda asumiendo que todo estará en el menú de Comunidad
_______________________
Ian Kleinfeld
Re: Discussions Page 2.0 maquetaMe gusta el aspecto de esta, @IanAtJMP ! Supongo que la barra de navegación superior se colapsaría y la barra de búsqueda, iniciar sesión / iniciar sesión y el menú persistirían. Me encanta esoRe: Discussions Page 2.0 maquetaGracias, @IanAtJMP .
¿Puede proporcionar algún comentario sobre lo que estaba tratando de lograr y qué elementos abordan esos elementos? Ayudará a comprender el proceso de pensamiento.
¡Gracias!
Discusiones página 2.0 maquetaResumen
Hay tres áreas principales de cambio en este rediseño:
- Botones de la sección principal
- Sección de la barra de navegación, incluyendo
- Menú cambiado al menú colapsado
- La barra de búsqueda se movió al menú (en parte porque esto persiste sin importar a dónde se desplace la página)
- Botón Iniciar sesión / Unirse (en lugar de Iniciar sesión solo texto), que persistirá en el desplazamiento de la página
- Promos de comunidad más pequeños
Con esta maqueta, estamos tratando de hacer que la página de discusión sea más fácil de navegar para los tres tipos de usuarios:
- Usuarios anónimos
- Miembros de la comunidad, y
- Superusuarios
Más explicaciones y análisis debajo de la imagen.
Sección principal
Esta sección principal (centro) de este diseño hace que los caminos de acción sean más obvios con objetos de tabulación grandes y de colores brillantes (TLO) para las acciones principales:
- Encuentra tu respuesta
- Haz una pregunta
- Ayudar a otros, y
- Inicia sesión o Únete, que cambiará a las estadísticas del mini perfil del usuario (no se incluyó en la maqueta, pero algo como esto:
Usuarios anónimos es más probable que busquen una respuesta a una pregunta específica, que probablemente será una de las preguntas más resueltas. Al aterrizar en esa pestaña como valor predeterminado, ofrecemos la información más útil para aquellos que queremos unirnos a la comunidad. Además, hacemos que la pestaña / botón de SIGN IN OR JOIN (ENTRARSE O UNIRSE) sea grande, clara y "en su cara" para animarlos a unirse, y para Miembros de la comunidad que no hayan iniciado sesión para hacerlo a fin de participar en la Comunidad, así como proporcionarnos datos de seguimiento.
Miembros de la comunidad son (a diferencia de los usuarios anónimos) capaces de hacer preguntas o ayudar a otros respondiendo preguntas.
Superusuarios , mientras que en ocasiones es probable que tengan una posible pregunta para ayudar a responder las preguntas de otros.
Barra de navegación
La barra de navegación ya se ha modificado para persistir en la parte superior del desplazamiento de página. Esto brinda una excelente oportunidad para promover el inicio de sesión y el ingreso, así como un formulario de búsqueda persistente. Para lograr ambas cosas, el menú horizontal debe cambiarse a un menú de panqueques más estándar para proporcionar listados verticales, lo que tiene el beneficio adicional de la estandarización del menú en los dispositivos móviles y de escritorio (diseño móvil primero).
Anuncios promocionales para la comunidad
Ahora los anuncios son más pequeños, lo que los hace menos distraídos para los usuarios que vienen a la página para hacer algo específico (casi nunca para hacer clic en un anuncio), es decir, Encuentre su respuesta, haga una pregunta o ayude a otros. Hacerlos más pequeños contribuye a un mejor flujo de trabajo del usuario al hacer más obvias las acciones deseadas, y la información extraña (pero útil) menos intrusiva pero aún disponible.
Patrones de diseñoRe: Discussions Page 2.0 maquetaHe editado el artículo principal con una explicación y análisis.
Re: Discussions Page 2.0 maquetaRevise el primer diseño, divida los enlaces ÚNETE e INICIE SESIÓN en la parte superior derecha del botón y el texto. El bloque JOIN / SIGN IN de color naranja brillante crea un refuerzo visual de la importancia de iniciar sesión o unirse.
Con algunos comentarios de Kristen, moví el bloque JOIN / SIGN IN a la izquierda para que sea lo primero que vean los usuarios.
Después de iniciar sesión, el usuario verá sus estadísticas básicas en lugar del bloque ÚNETE / INICIAR SESIÓN. Esta opción lo muestra a la izquierda, reemplazando directamente el bloque JOIN / SIGN IN ...
Y esto muestra que se movió hacia la extrema derecha, ahora que es menos relevante (mi preferencia).
Para el contraste, aquí están las etiquetas de los botones como pestañas normales, que creo que no se ven tan bien como las maquetas anteriores.
