Daily Ui semana 3 (retos 014–018)
Tercera semana de los DailyUI.
Como resumen: son post semanales con los retos que hecho durante esa semana e intento hacerlos todos en la misma línea, pensando en un proyecto que tengo en mente que es un catalogador de juegos de mesa, llamado provisionalmente Boardland. Habrá algunos Daily que encajen y otros que no, eso lo iré viendo sobre la marcha.
Incluyen una mini explicación de lo que he hecho.
Medium, a veces, resta calidad a las imágenes al ajustarlas al ancho, así que dejo abajo un link a drive con los archivos con buena calidad por si quieres echarles un ojo.
Para ver los daily anteriores: Semana 1 | Semana 2
¡Empezamos!
Reto 014
Diseño de una cuenta atrás.
Web
El mundo del crowdfunding y los juegos de mesa está cada vez más conectado. Cada mes salen muchos juegos en Kickstarter que, aunque la mayoría luego salen en tienda, no traen muchos de los exclusivos que ofrece la campaña de mecenazgo. Hay grandes juegos que se se anuncian meses antes del inicio de la campaña y hay que estar pendiente de cuándo empieza porque a veces ofrecen ofertas para los primeros en backear la campaña (early bird). Así que en Boardland hay un apartado de KS donde hablan de las campañas activas ese mes y podemos encontrar los próximos juegos con una cuenta atrás del tiempo que le queda para iniciarse. Importante la opción de añadir tu correo y recibir una notificación cuando se inicie la campaña, así no tienes que preocuparte de la fecha exacta.
Reto 015
Diseño de un botón de activado.
App móvil
En línea con todo lo que llevo haciendo en estos retos, la estética es fundamentalmente hexagonal y predomina el azul verdoso. Cambio el color a un gris azulado cuando está apagado para que se distinga bien. También incluyo las palabras on y off para que no haya lugar a dudas y el usuario sepa a primera vista en qué estado está. Por supuesto, sigo los patrones establecidos que estipulan que el botón a la derecha está activado y a la izquierda está desactivado.
Reto 016
Diseño de un pop up.
Web
Este pop up es una vista previa de un producto. Tiene la información básica del juego (título, pequeño resumen y datos importantes) una acción principal y dos acciones secundarias. La acción principal es ir a la ficha de producto, donde se amplía más información. Las secundarias son las de añadir a la wishlist o a tu ludoteca de una manera rápida y fácil. No olvidemos que boardland es un catalogador de juegos y una de sus funciones es la de tener controlados nuestros juegos de mesa.
En esta imagen podemos apreciar como quedarían marcadas las acciones secundarias.
Reto 017
Diseño de un recibo de un correo electrónico.
App móvil
Como ya he explicado, boardland no es un ecommerce de juegos, pero como el reto de hoy se basa en hacer un recibo de compra, pues lo simulamos… al lío. Se trata de un recibo muy sencillo donde tenemos el resumen de la compra, la opción de trackear el pedido y dos acciones secundarias: imprimir el recibo y contactar con nosotros por si hubiera un problema con el pedido con un sólo toque, facilitamos al usuario tener que buscar los datos de la tienda para llamar. También incluimos el acceso a las redes sociales por si quiere dar una vuelta por ahí o publicarlo en ellas.
En este caso sólo ha comprado un juego de mesa, pero si comprara más, en vez del juego en grande aparecerían todos los productos en miniatura.
