Diseño de UX para Web 3.0

May 10 2022
Mientras hablamos, cientos de capitalistas de riesgo y empresas multimillonarias están invirtiendo miles de millones en esta nueva industria. Las empresas están cambiando de marca para tener alguna participación en este nuevo "metaverso".

Mientras hablamos, cientos de capitalistas de riesgo y empresas multimillonarias están invirtiendo miles de millones en esta nueva industria. Las empresas están cambiando de marca para tener alguna participación en este nuevo "metaverso". Web3 está en el radar de las grandes empresas y sabemos que donde hay dinero, hay tracción. Sin embargo, como entusiasta del diseño, quiero analizar qué significa esto para la experiencia del usuario y el diseño de web3 y blockchain. La popularidad de bitcoin, Ethereum y otras criptomonedas también está comenzando a considerarse una clase de activos más moderna para invertir. Además de una variedad de otros factores, las personas están entusiasmadas con este futuro potencial de Internet. La exageración inicial de la cadena de bloques ha comenzado a convertirse en una tendencia y es probable que se convierta en el futuro de Internet. Este blog se concentra principalmente en el espacio Web3,aplicaciones descentralizadas y simplemente son aplicaciones que tenemos actualmente, pero construidas en la cadena de bloques Ethereum).

Diseño de UX para Web 3.0

¿Qué es web3?

Para responder a esta pregunta debemos conocer la evolución de internet desde el principio. Aprender la evolución de algo, las diferentes características de cada fase y el tipo de usuario nos da una idea de los desafíos de diseño que se enfrentaron en ese momento y cómo los diseñadores en esa fase solían abordarlos.

Evolución de la Web — En términos de diseño

Internet comenzó con la Web 1.0 , donde Internet no era más que un conjunto de hipervínculos, y un grupo exclusivo de personas era responsable de crear todo el contenido que estaba disponible en Internet. La mayoría de los usuarios eran consumidores pasivos de contenido. Y los sitios web fueron diseñados solo para algunos datos estáticos/fijos.

Ahora viene la web 2.0 . Sí, el que estamos usando actualmente. La Web 2.0 permite que cualquiera pueda crear contenido en la plataforma. Los usuarios ya no consumían pasivamente, sino que creaban, compartían y contribuían en un entorno dinámico y en constante cambio. Por lo tanto, experimenta una mayor participación, interacción y personalización del usuario. Piense en aplicaciones, podcasts, redes sociales, blogs, tweets, etc. Estas plataformas son facilitadas por organizaciones centralizadas que controlan todo el contenido en línea. Esta fue la fase, donde el nuevo campo del diseño ganó su existencia. A medida que más población se unió a Internet y comenzó a usarlo para todo, el diseño comenzó a adquirir otro significado. Los creadores de contenido para la web ahora no solo se preocupan por la estética sino también por el conjunto.“experiencia” que tendrá el usuario al navegar por su plataforma o servicios.

la web 3.0 , la que actualmente se está promocionando y se espera que sea el futuro de internet; por otro lado, tiene como objetivo resolver muchos de los problemas de centralización y privacidad que se enfrentan en la fase Web2.0 al presentar una Internet completamente descentralizada. Los datos de los usuarios generalmente se anonimizan y todo Internet se ejecuta en la cadena de bloques, utilizando dApps (aplicaciones descentralizadas) como interfaz de interacción.

Para obtener una visión más profunda de la evolución y las características de la Web 3.0, consulte este increíble blog de Supriya Patidar sobre la llegada de la Web 3.0: la Internet descentralizada .

¿En qué se diferencia el diseño para la Web 3.0?

Mientras investigaba para este blog, encontré muchos artículos en los que se decía que la principal diferencia en el diseño de web3 eran los elementos creativos utilizados en el diseño. Aunque estoy de acuerdo en que el sitio web que estamos construyendo actualmente tiene una hermosa interfaz de usuario, eso no tiene nada que ver con Web3. Es solo la evolución del diseño de la interfaz de usuario con el tiempo. La principal diferencia que tiene el diseño Web3 con respecto a lo que tenemos actualmente son los problemas de UX que los diseñadores pueden enfrentar al diseñar un diseño centrado en el usuario para aplicaciones Web3, por ejemplo,

  • Falta de conocimiento sobre la nueva tecnología.
  • Ganar la confianza de los usuarios a través de un diseño transparente pero al mismo tiempo, no abrumar a los usuarios mostrando exceso de información
  • Ir-reversibilidad de las transacciones en determinadas acciones durante el proceso

Descentralización, Transparencia, Falta de confianza, Inmutabilidad, No censurabilidad, etc.

Por lo tanto, de manera similar a las aplicaciones web 2.0 actuales, los factores de diseño cambiarán según el tipo de dApp, por ejemplo, finanzas, juegos, artes y coleccionables. Sin embargo, debido a la naturaleza y la etapa actual de adopción de blockchain, habrá algunos principios de diseño generalizados a considerar, como educar a través del diseño, fomentar la confianza, la irreversibilidad de las transacciones, etc.

Características clave de Web3

Para comprender los principios de diseño de Web3, primero debemos conocer las características/servicios que ofrece web3. Web3 tiene como objetivo introducir la descentralización y la transparencia a un nivel completamente nuevo que el que teníamos en la Web 2.0.

  • Ubicuidad: la Web 3.0 tiene la capacidad de estar en todas partes en cualquier momento. En la Web 2.0, Facebook ofrece esta función, ya que los usuarios pueden capturar y compartir sus imágenes en él, y otros usuarios pueden ver eso hasta que tengan acceso a él. Web 3.0 llevará esto más allá y proporcionará Internet disponible en cualquier lugar y en cualquier momento.
  • Web Semántica: La semántica es el estudio del contenido; por lo tanto, la web semántica permite que las máquinas analicen una gran cantidad de datos de la web. La semántica en la web permitirá que las máquinas decodifiquen el significado y las emociones de los datos. En consecuencia, los usuarios tendrán una mejor experiencia impulsada por una conectividad de datos mejorada.
  • Abierto: Será un software de código abierto creado por una comunidad abierta y accesible de desarrolladores y ejecutado a la vista del mundo.
  • Trustless: Permitirá a los participantes interactuar de forma pública o privada sin ningún tercero de confianza.
  • Sin permiso: Ni los usuarios ni los proveedores necesitan autorización de un órgano rector para participar.

Hoy en día, un usuario puede interactuar con un contrato inteligente implementado en Blockchain de varias maneras: ya sea directamente a través de la línea de comandos, a través de las interfaces similares a formularios de su billetera digital o navegador dApp, o tal vez a través de la rica interfaz que ofrece el contrato inteligente. desarrollador tiene o desarrollará. Aunque es obvio que el camino hacia la adopción masiva de dApps pasa por lo último: proporcionar una interfaz de usuario enriquecida unificada con la experiencia de tratar con una aplicación distribuida basada en Blockchain.

El objetivo de estos principios es que, una vez aplicados correctamente, un usuario que aterriza en una dApp pueda decir inmediatamente que está interactuando con la cadena de bloques y puede acceder a las poderosas propiedades de la cadena de bloques y, por lo tanto, sabe que puede confiar en todas las interacciones con la aplicación. .

Principio 1: Transparencia en el Diseño

Web3 viene como Web 2.0 con funciones adicionales como "sin confianza" y "transparente". Si un usuario, especialmente uno no técnico, no puede reconocer mirando la interfaz de usuario si una dApp es una dApp o una aplicación web normal, ni puede verificar si el contenido que está viendo o sus interacciones con él están relacionados. a un Blockchain, entonces no se le otorga la confianza y la transparencia que se supone que debe ofrecer el Blockchain.

Puntos clave para definir este principio:

  • La fuente de datos debe mencionarse correctamente. Los datos de la cadena de bloques y los de la web normal deben estar debidamente etiquetados, junto con la dirección del contrato. Además, los datos provenientes de blockchain se pueden vincular a cualquiera de los exploradores de blockchain (como Etherscan.io , Blockchain.com , etc.) para ganarse la confianza de los usuarios.
  • Se debe informar a los usuarios sobre las medidas de seguridad adoptadas (por ejemplo, si se ha auditado un contrato inteligente en particular utilizado en la dApp), ya que esto ayudará a infundir confianza en el protocolo. Permita que los usuarios técnicos profundicen en los documentos, que describen las medidas de seguridad y las alternativas; pero haga que sea fácil para el usuario promedio comprender qué tan seguro es sin confiar en su palabra.
  • Para cualquier dApp De-Fi, que aloja muchas transacciones; toda la información relevante sobre las transacciones debe estar disponible para los usuarios. El estado de las transacciones se puede representar correctamente junto con los detalles de la transacción, como la dirección de la billetera del remitente y del destinatario, la tasa de conversión en moneda FIAT, el desglose del pago total que representa las tarifas de gasolina y otros cargos.
  • Interfaz de Uniswap, que muestra la tarifa de gas y otras tarifas para procesar la transacción
  • El Diseño debe mencionar claramente el paso irreversible como una alerta a los usuarios para seguir adelante, aclarar las acciones que tendrán un costo; sin abrumar a los usuarios

La descentralización es una nueva y poderosa forma de globalización. Estos principios de diseño tienen como objetivo iniciar la conversación en ambos, pensando en cómo hacer que el usuario se sienta parte de una comunidad y de algo materialmente más grande que ellos mismos.

Puntos clave para definir este principio:

  • Un sentido de pertenencia a una comunidad es más importante en dApps, ya que los usuarios deberán vincularse a una marca y un producto descentralizados. Eso no significa incluir una red social en la dApp, aunque algunos podrían beneficiarse de una integración más estrecha con el chat de la comunidad elegido por el proyecto. El diseño de la dApp debe mostrar la misión mayor de la comunidad y cómo su contribución está ayudando a lograr la meta.

Estos principios no se relacionan directamente con ninguna de las características clave de Web3, sino que se basan en el funcionamiento general de la cadena de bloques y la red Web3. Estos principios tienen como objetivo resolver los problemas de UX del día a día.

Puntos clave para definir este principio:

  • A medida que el usuario experimenta la dApp, la educación debe integrarse en toda su experiencia en partes para que no se sientan abrumados por la información y, en cambio, se sientan guiados. A medida que aprendan más sobre blockchain, aumente progresivamente su exposición a los mecanismos de blockchain. Otras formas de no abrumar pueden incluir separar a los usuarios en dos niveles: usuarios básicos y avanzados.
  • Una dApp bien diseñada debe aclarar la información y el estado de la transacción en cada paso y administrar la espera del usuario hasta que se confirme su acción. El tiempo de espera promedio para la generación de bloques debe proporcionarse al usuario en cada transacción. El diseño también puede inculcar la característica de un seguimiento de transacciones en vivo para mantener al usuario actualizado con el proceso.
  • Los recorridos educativos a través de la dApp se pueden convertir en una opción permanente para audiencias no técnicas que utilizan la dApp. Además, las definiciones de la jerga específica de Web3 se pueden proporcionar en forma de interacciones de información sobre herramientas o, en forma de ventanas emergentes, que se pueden descartar fácilmente para mantener a los usuarios en contexto con la dApp.
  • https://ethereum.org/en/dapps/ Mostrando definiciones de la jerga Web3 en forma de imágenes
  • A medida que los usuarios se familiaricen con el espacio, atrápelos antes de que se caigan alertándolos sobre las implicaciones de los movimientos arriesgados. Muestre en qué paso se encuentran los usuarios en el flujo general para que puedan navegar hacia atrás y saber qué tan cerca están de "terminar" una tarea.

Como diseñadores, al igual que es increíblemente útil en la web 2.0 comprender los problemas y las limitaciones que enfrentan los desarrolladores al desarrollar backend o frontend, sería incluso más importante en la web 3.0 comprender la mecánica de la cadena de bloques. Si lo hace, nos ayudaría a empatizar y fomentar la comunicación con los desarrolladores, y evitaría la necesidad de confiar en ellos para que nos digan qué es posible implementar y diseñar en función de la información proporcionada por los desarrolladores. La comunicación es la mitad de la batalla en el diseño, y hacerlo correctamente (hacer las preguntas correctas a las personas adecuadas) conduciría a una UX bien pensada y detallada.

Para concluir este blog, solo me gustaría decir que queda mucho por discutir sobre los problemas de UX en la propia cadena de bloques (como los problemas de rendimiento y seguridad basados ​​en backend, por nombrar algunos), que afectan en gran medida la experiencia del usuario.

Recursos

Aquí hay algunos recursos relacionados con el diseño en el espacio Web 3.0, que leí como inspiración para este blog:

¡Hola! Soy Manav Agarwal, estudiante de pregrado en IIIT-Allahabad y miembro del ala de diseño en GeekHaven, IIIT-Allahabad. Echa un vistazo a mi perfil de diseño en Behance, aquí .

© Copyright 2021 - 2022 | unogogo.com | All Rights Reserved