Dicho de otro modo, lo primero antes de lanzarse a desarrollar una solución Web3 es tener claro qué es lo que se quiere desarrollar. Cuanto más claro sea el entendimiento, más fácil será para los desarrolladores implementar su idea. Puede definir los requisitos de forma independiente o contratar especialistas dedicados (analistas comerciales, especialistas en marketing, programadores, diseñadores, financieros, etc.).
Regularmente, el proceso transcurre de la siguiente manera, durante una sesión informativa, explica su idea y los objetivos comerciales que desea lograr. Próximo:
- El analista de negocios estudia la actualidad, los competidores, sus pros y sus contras, y si habrá demanda de la oferta;
- El comercializador ayuda a comprender qué producto les gustará a los usuarios, cómo diferenciarse de la competencia, cómo ingresar al mercado y ganar dinero;
- Los diseñadores describen cómo debe verse la interfaz para que a los usuarios les guste y la usen;
- Los programadores describen cómo desarrollarlo en código.
Paso 2: Definición de las funciones
En esta etapa, el equipo de desarrollo define qué función agregar. La lista de operaciones depende del proyecto. Las listas de funciones para una billetera de criptomonedas y un intercambio descentralizado son completamente diferentes. Además, la lista de funciones también depende de cómo ingresará al mercado, y puede ser un MVP (producto mínimo viable) o un lanzamiento de producto completo que ofrece todas las funciones a los clientes inmediatamente después del lanzamiento.
La diferencia entre un MVP y un producto completamente funcional.
Fuente.
Además, es crucial considerar los roles de los usuarios dentro del producto. Los roles típicos son usuarios finales y administradores. Sin embargo, hay algunos roles más. Por ejemplo, si desea desarrollar un mercado NFT, las posiciones serán compradores y vendedores. Si crea una criptomoneda, los usuarios habituales, los mineros/validadores y los desarrolladores mejorarán el código y agregarán nuevas funciones.
Para proporcionarle un ejemplo, veamos la lista de funciones para las criptomonedas.
Aquí está la funcionalidad de una billetera para el usuario final:
- El proceso de registro para una billetera de criptomonedas implica crear una dirección criptográfica o recuperar (vincular) una antigua. Algunas billeteras, por ejemplo, BlueWallet, requieren seleccionar el tipo de cuenta: estándar, almacenamiento o Lightning. Dependiendo del tipo, la DApp funcionará como una billetera normal, un almacenamiento altamente efectivo o una billetera para realizar transacciones relámpago en la red de Bitcoin. En el futuro, esta etapa implicará la verificación de identidad (los reguladores de EE. UU. y la UE comienzan a exigirla).
- Cambio, coeficiente de conversión. La variación más sencilla de una billetera de criptomonedas permite recibir y enviar activos digitales. Es algo así como MetaMask. Las billeteras más avanzadas permiten intercambiar tokens o mostrar el tipo de cambio de todos los tokens en la cartera, el precio de las monedas, por ejemplo, en fiat, dólares, euros o libras.
- Gestión de activos (pagos). Esta función permite a los usuarios comprar y vender criptomonedas dentro de su aplicación de billetera. Esta función debe ser lo más intuitiva y sencilla posible para que incluso un principiante en criptomonedas se sienta seguro al usar la aplicación para varios propósitos. Agregar códigos QR hará que sea aún más fácil de usar, y una lista de direcciones favoritas para operaciones recurrentes hará que las transacciones sean más rápidas.
- Vincular una cuenta bancaria. Permitir que los usuarios conecten una tarjeta de crédito/débito, PayPal, Google Pay, cuenta de Apple Pay o cualquier otro sistema de pago mejorará la experiencia del usuario. A menudo, ayudará a comprar y vender criptomonedas más rápido, sin necesidad de indicar los detalles del pago.
- Notificaciones push. Es una función opcional pero esencial si desea crear una billetera Web3 cómoda. Los mensajes informarán a los usuarios sobre solicitudes de pago, cambios de saldo, transacciones aprobadas, peligros de seguridad, actualizaciones del sistema, etc. La notificación redirigirá a los usuarios a la aplicación.
- Soporte NFT. Otra característica opcional es la compatibilidad con NFT. Los NFT son ahora una de las tendencias de la industria, por lo que es necesario almacenarlos. Más precisamente, requiere soportar los siguientes estándares ERC721, ERC1155, BEP-721, BEP-1155, TRC-721, dGoods, Composables.
- Para los usuarios, es crucial tener 2FA, autenticación de huellas dactilares o faciales, soporte de billetera de hardware, TTL y frase Seed. La protección es vital para la plataforma Web3 de DDoS, SSRF, CSRF, HPP, etc.
Aquí está la funcionalidad para el administrador:
- Tablero de instrumentos. Esta pestaña ayuda a los administradores a rastrear la condición del sistema, la cantidad de usuarios activos, el volumen de transacciones (por segundo, hora, día), la cantidad de transacciones, los mensajes nuevos, los problemas actuales, etc.
- Gestión de usuarios. Los administradores usan esta pestaña para rastrear el estado de los usuarios, cambiar, agregar, eliminar, congelar o recuperar cuentas. Además, esta pestaña debe tener un chat con los usuarios.
- Manejo del sistema de pago. Aquí, el administrador puede agregar o eliminar sistemas de pago. Además, se pueden hacer algunos ajustes con respecto al tamaño mínimo de transacción para comprar criptomonedas para monedas fiduciarias.
- Gestión de las tarifas. Esta pestaña permite a los administradores agregar, eliminar o modificar tarifas para transacciones criptográficas y fiduciarias. Asimismo, esta pestaña permite el tamaño y la frecuencia de los pagos del programa de referencia.
- Administrar el contenido. Sus administradores requieren herramientas para cambiar, agregar y eliminar textos, imágenes, animaciones y otros contenidos dentro de la interfaz de usuario de su plataforma.
- Mercadotecnia y publicidad. Mientras desarrolla una billetera Web3, puede agregar una función para mostrar anuncios a través de notificaciones y pancartas. Si existe esta función, los administradores necesitarán herramientas para gestionarla.
- Documentación de la API. Estas son las integraciones con otros servicios.
Paso 3: Desarrollo de la arquitectura
El próximo paso en el desarrollo de la plataforma Web3 es la creación de la arquitectura de información para el futuro proyecto. Por lo general, este diagrama muestra los componentes principales del sistema y su relación. A menudo son las futuras pantallas de la interfaz de usuario y las transiciones entre ellas.
Se necesita un diagrama para estudiar y optimizar los flujos y acciones de los usuarios para lograr los objetivos deseados, como comprar criptomonedas. Se cree que cuanto más simple sea el camino, mejor será la experiencia del usuario y más atractiva será la interfaz de usuario del sitio web o la aplicación.
Por lo general, los analistas comerciales y los diseñadores de UX/UI crean esta arquitectura. Un programador u otro especialista también puede unirse a ellos si necesitan su consejo sobre algún tema. Por ejemplo, ahora es necesario involucrar a los abogados en la creación de criptoproyectos para ayudar a cumplir con las normas y reglamentos de los reguladores y las leyes sobre el almacenamiento y distribución de datos de los usuarios.
Un ejemplo de una arquitectura informacional de una plataforma Web3.
Fuente.
Paso 4: Desarrollo de diseño de UX/UI
Con base en la información recopilada en las primeras etapas, la lista de funciones y la arquitectura de la información, los diseñadores crean un diseño de interfaz de usuario para su solución web. Debe tener un aspecto limpio, simple y agradable, y debe cumplir con los estándares de la industria (debe haber un diseño de botón familiar y nombres de sección familiares) y las tendencias de diseño actuales. Además, el diseño debe cumplir con las recomendaciones de los proveedores de la plataforma. Por ejemplo, en el caso de una aplicación iOS, es necesario cumplir con las Directrices de interfaz humana , mientras que Android ofrece aplicaciones de alta calidad.
El desarrollo de un diseño de interfaz de usuario en sí mismo generalmente consta de varios pasos. El primero es un boceto simple de la futura interfaz, que muestra las pantallas y lo que deberían ser de una forma muy simplificada. Tal boceto generalmente se denomina estructura alámbrica de baja fidelidad. Esto es lo que podría parecer:
Un ejemplo de estructura alámbrica de baja fidelidad.
Fuente.
Luego, estos bocetos se coordinan con el cliente y, si todo está bien, los diseñadores los usan para crear estructuras alámbricas de alta precisión. Estos son bocetos mucho más precisos del diseño de la interfaz de usuario tal como se presentará a los usuarios finales. Así es como podrían verse:
Wireframes de alta fidelidad de una billetera.
Fuente.
Si el cliente también aprueba estos bocetos, generalmente se crean prototipos animados del diseño de la interfaz de usuario, donde todas las animaciones y transiciones funcionan, pero las funciones de la aplicación en sí no. Se necesitan prototipos para probar el diseño de la aplicación en el público objetivo y recaudar fondos en las primeras etapas de desarrollo. Así es como se ven:
Paso 5: Escribir el código de la aplicación
Una vez que se ha definido la funcionalidad, se ha construido la arquitectura de la información y se ha creado el diseño de la interfaz de usuario, los programadores toman el control e implementan todo esto en el código. Los desarrolladores deben elegir la pila de tecnología que mejor se adapte a la tarea en cuestión para hacer esto. Por lo general, se divide en una pila para el servidor (back-end) y la interfaz (front-end).
Pila de tecnología para el desarrollo de soluciones backend Web3:
- Contratos inteligentes: Ethereum Virtual Machine o BSC.
- Bases de datos SQL: MySQL, PostgreSQL, MariaDB, MS SQL, Oracle.
- DevOps: GitLab CI, TeamCity, GoCD Jenkins, WS CodeBuild, Terraform.
- Bases de datos NoSQL: MongoDB, Cassandra, DynamoDB.
- Motores de búsqueda: Apache Solr, Elasticsearch.
- Lenguajes de programación: Java, PHP, Python.
- Marcos: Spring, Symphony, Flask.
- Caché: Redis, Memcached.
Pila de tecnología para el desarrollo de soluciones frontend Web3:
- Lenguajes de programación para web: Angular.JS, React.JS y Vue.JS.
- Lenguajes de programación para aplicaciones: Java, Kotlin para Android y Swift para iOS.
- Arquitectura: MVVM para Android y MVC, MVP, MVVM, VIPER para iOS.
- IDE: Android Studio y Xcode para iOS.
- SDK: Android SDK y iOS SDK.
Paso 6: Probar el producto
Los especialistas en control de calidad hacen las pruebas. Verifican el código del producto creado en busca de errores y el cumplimiento de las especificaciones. Además, también se prueban la funcionalidad, la usabilidad y el rendimiento. Si la solución Web3 contiene contratos inteligentes, también deben probarse internamente y con la ayuda de auditores independientes como Certik y Techrate.
Paso 7: Implementación, liberación
Cuando se crea y prueba su solución web, se implementa en los servidores locales de su empresa o en la nube (AWS, Azure, Google). Si es una aplicación móvil, se agrega a las listas de App Store, Google Play y Amazon App Store (esto no contradice las reglas del sitio).
Paso 8: Soporte del producto
El último paso consiste en enseñar al personal a trabajar con el producto y establecer el equipo de soporte.
Las extensiones en el desarrollo de una billetera NFT
