Steam
Role: UI Design (Free Work)
Year: 2023
Steam is a video-game digital distribution platform developed by Valve Corporation. It was launched in 2003 and offers anti-hacking protection, matchmaking servers, video streaming, and social networking services. It also provides the user with automatic installation and updating of games and community features such as groups and friend lists, cloud saves, in-game voice and chat functionality.
Context & Goals
Cualquier usuario que haya probado Steam seguramente sabe que la nueva interfaz está anclada en el pasado. En internet, encontramos muchas críticas negativas y numerosos estudios e investigaciones centrados en la experiencia y la interacción que demuestran que la nueva actualizacion resulta incómoda para el usuario.
El objetivo de este proyecto libre fue buscar y proponer soluciones visuales de reemplazo para corregir la nueva actualizacion del modo escritorio.
Antes de comenzar debo mencionar que: todo el proceso y resultado se baso principalmente en mi criterio, pero tomando en cuenta las opiniones de usurios externos en la red, la plataforma y amigos mios.
La investifacion se realizo principalmente de forma digital. Me enfoque en juntar opiniones en la comunidad oficial de steam, sitios web externos como reddit y foros web de noticia y opinion dirigida a la comunidad gamer (HardZone, Mediavida, Geeknetic, entre otros base a la interfaz de la aplicacion para escritorio.
Se pudo encontrar que existe un rechazo por la nueva actualizacion e interfaz, donde de culpan temas relacionados a la demora en carga y saturacion de publicidad mediante popups, ademas se menciona sobre una estructura desordenada. Tambien hay quejas acerca dell nuevo color de la interfaz, los cuadros de contenido y el tamaño de letra.
Ademas a traves de “converaciones” pude obtener la opinion de mi hermano y amigos acerca de la nueva interfaz. Con esto rescate que:
La interfaz sigue mostrando un formato de diseño y estructura antiguo y desactualizado.
Hay demasiado texto esparcido por lo que desorienta al usuario.
Los colores no tienen escencia propia y parecen apagados.
Quien es nuestro usuario?
Son jugadores de videojuegos que buscan una plataforma de entretenimiento y para jugar con amigos, y desarrolladores de juegos que necesitan una plataforma para distribuir sus creaciones. En general, este público es amplio, abarcando desde jóvenes hasta adultos interesados en los videojuegos como forma de esparcimiento.
Para entender un poco las tendencias de diseño me base mucho en la estructura aplicada en las plataformas de Epic y Origin (competencia directa). Tambien me referencie de la estetica en apps como GOG, Ubisoft Connect y Itch.io. Esto para tener una idea del manejo y aplicacion de diseño en componentes e items en este tipo de plataformas.
Competidor principal de Steam, ofreciendo venta de juegos y conocido por sus títulos exclusivos como Fortnite y por ofrecer tambien juegos gratuitos regularmente.
App de distribución videojuegos desarrollada por Electronic Arts (EA). Ofreciendo funciones sociales, guardado en la nube y la descarga automática de parches para los títulos de EA.
El diseño
Se queria que la navegación fuera altamente intuitiva y sin distracciones, centrada en la venta y exposicion de vehiculos. Por eso se decidio por una interfaz limpia, directa, y una estructura modular basada principalmente en bloques informativos e interactivos.
Se cuido cada detalle para conservar la esencia de marca y respetar su estética institucional. La paleta (amarillo, con grises y negro ) tambien ayudo a generar ese toque de elegancia, y modernidad de la marca.
Se queria que la navegación fuera altamente intuitiva y sin distracciones, centrada en la venta y exposicion de vehiculos. Por eso se decidio por una interfaz limpia, directa, y una estructura modular basada principalmente en bloques informativos e interactivos.
Se cuido cada detalle para conservar la esencia de marca y respetar su estética institucional. La paleta (amarillo, con grises y negro ) tambien ayudo a generar ese toque de elegancia, y modernidad de la marca.
Durante todo el proceso, cuide mucho la integracion entre imágenes y componentes externos en distintas medidas de dispositivos. Sabíamos que HubSpot puede comportarse de manera distinta entre formatos, sobre todo en mobile, así que optimizamos proporciones, espaciados y estilos para que la experiencia se mantuviera coherente en cualquier pantalla.
