XLPM Online website enhancement project
Cooperate with Semcon to improve the user usability of its XLPM online website which is an online project management methodology learning website, so as to consolidate experienced users and attract more new users
Understand brief
"Attract more users"
"Enhance usability"
User study I
Experienced users
Focus group
5 project managers from different company
Keep the current structure as much as possible
Questionnaire
Uploaded to XLPM Online website, includes10 UI/UX questions
1,500+ accounts,only 9 responses
"The possibility of experienced users repeatedly visiting XLPMonline is very low. Therefore, the usability of improving the experience of new users is more important."
New users
User test
Ask new users from different project management background to find one specific information in the system
Interview
Ask questions about their finding info experience
Visualization
Use Semantic Analysis and SAM assessment analysis to show the result
"The use experience and usability can be improved a lot"
User requirements
KANO Model was used to divide different levels of needs, to get the user needs that we need to pay attention to and solve, and finally get our design vision.
Persona
Pena Norma
Age: 32 years old
Education: Master of Göteborg University
Work & Title: NRG Energy Equipment Development Project Manager
Family: Married, no children
Busy
Organized
Positive
Hardworking
High uncertainty avoidence
Use background
Not long after Pena became the project manager, she always had small problems in the portfolio management of each project. XLPM became her reference and learning goal, and initially used XLPM Online to learn related materials.
Aims
-
Find the information she needs in less time
-
Quickly learn about portfolio management
-
Quickly review what has been learned repeatedly
Requirements
-
Clear introduction of XLPM Online
-
The semantics of navigation are clear
-
Clear navigation levels
-
The distinction between clickable & un-clickable pictures
-
Simple and repeatable novice tutorial
Wishes
-
Tips for the indicator in the picture
-
Filter search results
-
The main points in the text are obvious
-
Quickly back to content that is not finished studying
Design vision
-
The process of looking for information is more intuitive
-
Understand the location of where they are and going to
-
A clear understanding of any component- Affordance
Design
- Idea alternatives
Potato
Potato solution has minor changes compared with original website. On the basis of the original structure, we try to give users a clear navigating experience and find the useful information more efficiently.
1
2
3
4
5
1
Top navigation - Fix position when scrolling
2
Left navigation - Rolling respectively
3
Information - Rolling respectively
4
Information - Rolling respectively
5
Headers list for quick shift
Onion
Onion solution change the original structure and give XLPM Online a extremely clear navigation system
1
2
3
1
Icons for navigation full expansion or full fold
2
Navigation full expansion
3
Navigation full fold
User test II
- Kesselring matrix
Before clients reviewed the solutions, we conducted a simple user test and scored the two solutions in the matrix. The two solutions have their own advantages and the scores are almost the same.
After the test and communication with the client, Potato idea is selected for further processing as the ease of implementation and low learning cost
Design
- Low fidelity prototype
Define design range
Use flow
Low fidelity prototype
-
The logic of displaying image map
-
What is the meaning of the icon of image map
-
Different sizes of title are meaningless
User test III
Design
- High fidelity prototype
User study IV
After completing high-fidelity prototypes for eight typical types of pages, we conducted a final user test to verify the completion of the design. First, we conducted a new user test, using the same method as User study I. We obtained Sematic analysis and SAM assessment analysis of hi-fi prototypes.
Evaluation
The process of looking for information is more intuitive
Understand the location of where they are and going to
A clear understanding of any component- Affordance
The results of user testing indicate that the new website design has significantly improved user experience and efficiency, while maintaining the original logical structure, thus reducing the learning curve and implementation costs for existing users. This is a successful design improvement.