Study Case : Stockholm Transportation English Desktop Website
Brief: The task was to improve the user experience of the Stockholm Transportation website (www.sl.se/en). This involved identifying areas for improvement and providing solutions to address the identified problems.
Process: To understand how site users navigated the website, I conducted user testing with a representative age group of 15 to 82 years old. Participants were given specific tasks and asked to "think aloud" as they navigated the site.
Challenges: User testing revealed several usability issues:
Cluttered Landing Page: The landing page was overwhelmed with icons and lacked clear separation of functions and information.
Dominant Map: The map dominated the homepage and provided too much information, making it overwhelming for users.
Design Inconsistency: The design of different pages was inconsistent, creating a disjointed user experience.
Lack of Modernity: The website, despite offering advanced features, lacked a modern aesthetic.
Accessibility Issues: Older users struggled to navigate the site and read the information provided.
My UX Process: I implemented a user-centered design process, guided by user feedback and observation. This approach ensured that the redesign focused on improving the user experience and addressing the identified usability issues.
Solution: I proposed a redesign that addressed the key usability concerns:
Simplified Landing Page: The landing page was redesigned to be less cluttered, with a clearer hierarchy of information and a more unified visual design.
Streamlined Navigation: The navigation was simplified and made more intuitive, allowing users to easily find the information they needed.
Enhanced Map Experience: The map was redesigned to provide users with more control over the information displayed. Users could choose to view specific information layers, enhancing the overall map experience.
Modernized Design Elements: Standard popups, such as the calendar, were updated with a modern aesthetic, creating a more consistent visual experience across the site.
Results:
The redesigned website significantly improved user satisfaction, with users praising the clear navigation, simplified layout, and improved accessibility.
The new design effectively addressed the needs of users across different age groups, making the site more inclusive and user-friendly.
The updated map experience empowered users to customize their view and access the specific information they needed, enhancing their overall experience.
Key Takeaways:
User testing is an invaluable tool for understanding user needs and identifying areas for improvement.
By focusing on user-centered design and addressing key usability issues, I was able to create a more engaging and effective website experience.
A modern aesthetic, clear navigation, and a consistent visual design are essential for creating a positive user experience and enhancing website usability.
My Role / UI / UX design / Research / Prototype
Understanding the pain points in
SL English desktop version
Empathize and Define
Based on the interviews, a group of people were between 15 and 82 years old about their website usage. From the user's experience, I set up a user journey to understand their needs and the pain points to analyze the problem. The landing page is cluttered with icons.
It offers advanced features, but it is structured, making it challenging to find information.
The design of the different pages is not consistent.
Improvement proposal
The traveler can customize what kind of transportation is shown on the map. That makes the landing page gets less confusing.
The map uses the user's location only to present the nearby transportation facilities. The users can configure this by themselves.
It also helps orient yourself on the map and finds the places.
The calendar on the original page is very unconventional and unexpected.
It is better to show a standard calendar to see if there is an announcement or info on a date.
Please click on the next page to see the new solution and an example of a planned route.
Unified experience with the website
I want to provide the user with a unified experience when visiting the website.
Therefore the rest of the pages follow the design of the landing page.
It is easier for the user to find her/his way and the whole web page gets more consistent.
