UX Design in the classroom

Web dash project development

This Project aimed to design a car control system accessed through a web dash, the app Ux design project developed in the master in Graphic design portrayed several control functions available for the user. The system should enable the user to monitor the car longevity, in the parts normally updated in the personal car, such as oil, brakes, and other components linked to the car control system. Beyond the question of car maintenance, the system could allow to monitor through a map application the car routes and several paths made with the vehicle with these functionalities the users can control the different circuits. The system allows the registry in different accounts and several vehicles.

In the classroom project development, the first phase addressed the persona evaluation, configuring five different persona´s in multiple cultural environments, in these five perspectives student developed different perspectives on a web dash product and the archetypes behind the engagement with the product. Those archetypes related with the control could work in the levels of family safety, expenses control or car enthusiasts. After completing the different persona’s using different tools to retrieve contemporaneous information, students highlighted the most important references in the persona´s profile related with the different user perspectives.

Persona tracking 24h profile settings

Working with several references in the scope of social and cultural context is central when assembling a persona. Only then designers have a scope on pace´s and behaviors, the use of trend search engines helps to collect information up to date related with consumer preferences.

The goal is to grasp the visual context, creating a more pleasant experience, a better effort co contextualize within defined perspectives. Those perspectives come from the persona study, where in the example developed in the classroom students developed five different perspectives.

Retrieving information from persona profile´s

Only a systematization in the creative process can better output the results achieved during the creative process.

Wireframes, elements retrieved from construction

Based in this first approach students developed their options focusing on questions related with routes evaluation in the map dashboard, this should comprise several routes and cycles but display a certain level of accessibility for user assessment. Managing a high quantity of information in only one screen of information. Students aim their developed skill in accessing a direct and non-cluttered interface.

Low fidelity mockups developed by the Master student Vitor Gil

The larger quantities of information features a big challenge into the interface design, the design must work in limited frames and portray a broad level of solutions through the user intuitive assessment. Each several routes belongs to a group of different ranges. In a group of range designated by the user in the settings preference panel, the user can create different ranges for each group of journeys. A defined group of 400 km / 248 mi can have seven or eight journeys with different length, but all group sums the range defined in the group.

Map wire frames containing the several routes designated in a range group.

Although the nondisclosure agreement related of some of the details in the project, this project allowed a methodological implementation based in a diagnostic cycle relating emotional characterization and usability constraints, relating though the sequential model the constant retrieval of information gathered in the diagnostic cycle.

This project developed a number of scenarios and placed a huge value in the work of profile and information visualization. Through the several project phases, student and other agents involved in this project, understood the future impact of a sequential methodology based on a strong diagnostic allowing a solid framework for future developments in the project.