KTH - Fordonsdalen LXP
Project Specifications
Tools used:
Figma
Adobe XD
Photoshop
Illustrator
Role
I assumed the following roles in designing this app:
User Experience Designer
Interaction Designer
User Interface Designer
Visual Designer
Deliverables
The following deliverables were completed in the project:
User research and problem statement
Personas
Site map
Low-fidelity wireframes
Heuristic analysis
High-fidelity mockups and prototypes
Usability tests and findings
In this project, we were tasked with creating a learning experience platform that could be used to ease the transition for workers in the combustion engine industry, as we move more towards a more electrified future. The aim of the project was to create a LXP that would provide the possibility for workers to learn new skills in an effective way.
In order to secure funding for the project, a user base had been identified prior to the start of the development. As mentioned earlier, the intended user for the platform was workers in the automotive industry, who wanted to adapt to the way their industry is changing. A secondary user was also identified, as someone, not necessarily in the automotive industry, but someone who also wanted a way to learn new skills.
Based on the research findings, user personas were created representing different segments of the target audience. These personas helped the team empathize with the users and tailor the experience to their specific needs.
User personas
With a deep understanding of the target users and their goals, early wireframes, prototypes, and sitemaps were created. This involved creating low-fidelity wireframes to define the structure and layout of the platform, sitemaps were created with information architecture techniques and best practices, followed by high-fidelity prototypes to visualize the proposed final design that could be used for usability testing. The iterative design process involved multiple feedback loops, incorporating insights and collaboration with the rest of the development team and stakeholders.
Sitemap
Early wireframes
With the high-fidelity prototypes ready, usability testing was conducted in order to validate the proposed design solutions. Qualitative testing was done where the users were given tasks that would test the entire system and ensure that the experience was positive. The results from the usability testing were gathered to identify areas that needed further improvement.
Finished landing page prototype
Other screens from the finished prototype
When the time came to implement the finished prototypes, constant collaboration with the developers to ensure smooth implementation of the design was key. Regular design reviews were conducted and support was provided during the development process to ensure that the intended user experience could be translated into the live platform.
With a user-centered approach, the team managed to create a LXP that gives the user the ability to improve their knowledge in their field, on their own terms. Being a LXP, the interface also allows users to help contribute to the platform, by creating their own skills or answering questions other users might have in the discussion.