Diseño de Redes Sociales
Diseño Ux & Ui para un motor de búsqueda basado en la confianza.
TrustSearch es una plataforma de búsqueda basada en la confianza. Mediante un algoritmo basado en la teoría de los nodos -el famoso "todos estamos a 6 nodos de Barack Obama"-, tu red de contactos y tus afinidades, puedes encontrar profesionales que encajen contigo.
Una vez que tenían las teorías, necesitaban diseñar sus plataformas antes de desarrollarlas. Tras una fase de branding para fijar los colores y el estilo, pudimos iniciar los procesos de Ux (User experience) y Ui (User Interface). Las tres primeras etapas son Ux, el flujo de usuario, que es un diagrama que agrupa todos los requisitos funcionales de un usuario definido, seguido del sitemap, que es un inventario página por página de su sitio, y por último el wireframing, que es el diseño "wireframe" (sin ningún elemento gráfico/visual) de sus páginas. Una vez finalizada la fase de wireframing, puede comenzar la parte de interfaz de usuario. Es entonces cuando aplicamos todos sus elementos gráficos a las maquetas anteriores e integramos las imágenes, animaciones e ilustraciones.
Página de perfil de usuario en TrustSearch. Ui: Diseño de la página de inicio – Integración de la carta gráfica
Esta imagen muestra la página de perfil de usuario en TrustSearch. En la parte superior, un resumen del perfil destaca el TrustScore, una biografía y las vistas recientes. A continuación se muestran gráficos interactivos que muestran la evolución de la confiabilidad, las ubicaciones de las conexiones y las tendencias de interacción. En la parte inferior, las secciones dedicadas presentan datos sobre seguidores, publicaciones y rendimiento de las publicaciones (vistas, acciones compartidas, comentarios). Se muestran insignias y premios para reconocer los logros y se sugieren perfiles similares o relacionados. Este diseño ofrece una vista completa e interactiva para el usuario, enfatizando la transparencia y la conectividad.
Resultados de búsqueda de TrustSearch. Diseño de interfaz de usuario de la página de resultados de búsqueda
Esta imagen representa la interfaz de resultados de búsqueda en la plataforma TrustSearch. Los perfiles se clasifican según su TrustScore, un indicador de confiabilidad basado en varios criterios. Cada resultado muestra un retrato o logotipo, una breve descripción, la ubicación y un icono que indica su nivel de fiabilidad. A la derecha, las opciones de búsqueda asociadas y una herramienta de comparación permiten una navegación simplificada y elecciones informadas. Este diseño destaca la transparencia y accesibilidad de la información para una mejor experiencia de usuario.
Ux: Definiciones del mapa del sitio. Mapa del sitio TrustSearch #2
Este mapa del sitio ilustra la organización de TrustSearch, destacando las conexiones entre las diferentes páginas del sitio. La página de inicio actúa como un punto central y conduce a secciones como resultados de búsqueda, perfiles de usuario y términos y condiciones. Las ventanas emergentes específicas permiten el registro, la conexión o la mejora del TrustScore. Páginas como “Acerca de”, “Avisos legales” y “Consejos” completan las opciones para proporcionar una navegación clara y orientada al usuario. Este plan está diseñado para maximizar la eficiencia de la experiencia del usuario a través de una estructura consistente e intuitiva.
Interfaz de usuario de Valire - Características de un vistazo. Diseño responsivo, que adapta las pantallas a los teléfonos
Esta serie de imágenes ofrece una visión general de las principales características de Valire. Incluye páginas interactivas con gráficos detallados de rendimiento, publicaciones vinculadas a imágenes, reseñas de clientes calificadas con estrellas y herramientas para gestionar embajadores y distribuidores de confianza. La interfaz está estructurada visualmente para ofrecer una navegación intuitiva y un análisis claro de los datos. Estas capturas ponen de relieve el potencial de Valire para conectar a usuarios y expertos en un ecosistema de confianza.
Ux: Definición del flujo de usuarios. Flujo de usuarios de TrustSearch
Este diagrama de flujo de usuario muestra el recorrido a través del ecosistema TrustSearch. Las etapas incluyen el acceso a través de un navegador, el registro y la personalización del perfil, hasta los filtros de búsqueda y los resultados sugeridos. Formas geométricas como rombos (para decisiones), rectángulos (para acciones) y círculos (para hitos) indican claramente cada fase. Este flujo pone de relieve una interfaz intuitiva, que favorece una navegación fluida y resultados pertinentes para el usuario final.
Panel de Valire: vista de usuario completa. Diseño de página de perfil de interfaz de usuario
Esta captura de pantalla muestra el panel de usuario de Valire. En la parte superior encontramos información del perfil, como la puntuación de confianza (T-Score) y las redes sociales conectadas. En el lado derecho, las reseñas de los clientes y los gráficos de progreso rastrean el desempeño y las interacciones. La sección central destaca conexiones confiables y publicaciones relacionadas, ilustrando contenido visual como imágenes y reseñas. Los datos gráficos en la parte inferior detallan la cantidad de seguidores y su participación a lo largo del tiempo. Este panel está diseñado para proporcionar una vista completa e interactiva para los usuarios que desean administrar su presencia y reputación en línea.
Descripción general de las páginas y feeds de TrustSearch. Parte del diseño de la interfaz de usuario después de la fase de UX
Esta imagen ilustra el recorrido del usuario y las diferentes interfaces del sitio TrustSearch. A la izquierda, las páginas de resultados muestran perfiles enumerados con información clave. En el centro, las páginas de perfil ofrecen una descripción detallada de las actividades, conexiones y estadísticas de los usuarios. Los pasos de inicio de sesión y registro están representados en la parte inferior, con interfaces simplificadas para una experiencia de usuario fluida. Finalmente, una vista general de los bloques y elementos del sitio resalta la coherencia visual y funcional del diseño. Esta maqueta refleja una navegación clara e intuitiva para maximizar la participación del usuario.
