Role: UX Designer
Time frame: Winter 2019
Foliotek is an education technology company specializing in building web-based applications to showcase work from both students and experienced professionals.
Evaluate the functionality and usability of an interactive system
Optimizing the main section for users
Determining pain points for user input of projects.
Helping users quickly input basic information when they first encounter the system
Users found overall navigation confusing and indicated that it needs simplification.
Methodology: Comparative Evaluation, Card Sorting, Usability Test
Navigation categories should be condensed (e.g. Advanced Styling, Themes, & Background) and prioritized to improve interaction flow as well as match user expectations. Combining and simplifying the edit functionality will improve end-user comprehension.
Users must carry out multiple interactions for editing content.
Methodology: Card Sorting, Usability Test,
To improve user flow, focus editing within modular content blocks by displaying edit icons statically without the hover effect. Expand the width of the modular sections to bring awareness of this edit feature as well as prominence to ID page content. Remove redundancies (e.g. pencil icon) from the left rail menu.
Foliotek’s fixed design elements may frustrate users who want a higher degree of customization, especially in higher levels of education
Methodology: Interviews & Comparative Evaluation
Within the space of the ID page, allow users to add, remove, and label blocks to give them greater control. This also reduces the visibility of unused sections when editing.
User found some icons hard to decipher and not all icons are backed up with text.
Methodology: Comparative Evaluation, Heuristic Evaluation, Card Sorting, Usability test
Test icons with users and modify with results to ensure feature recognition. Provide icon labels so that users are able to gain information through use of imagery and text. Research and use icons that will be commonly understood.