UX is not enough if the solution lacks a good visual design or if the content and information doesn't create the desired emotions in the user.
Makeover Research showed that plan2learn administration layout was outdated. When the modules Survey and Skills were created, we based the design on Bootstrap 3.0. The reason why was to renew the design and come as close to the best practices for administration systems, forms etc. as possible.
Component overview As modules grow and new ones are developed inconsistency arrises. Frontend developers need to use the same markup for the layout to be consistent. We were missing even more strict rules for the markup code.
New components While creating the layout for these pages, we created a cdn project consisting of: All the rules for which components to use, how they should look and when to use them. This would unify the design across the different modules using Bootstrap. Styleguides were also made for language, colors and logo. Keywords: Requirements, CDN, Storybook (Azure), Telerik, Bootstrap, material UI, React.
UI QA The key to successful application design is not a good idea or a good feature – it all comes down to the user experience (UX) and the user interface (UI). It doesn’t matter how great your idea is if the app is looking horrible and impossible to use easily. We worked on one page at a time and were consistent with the QA of the UI.
Filter: Part of the makeover. The existing flow: All choices are pre-selected (This was actually the wrong way around)
The new and improved flow was to ensure that the select equals what you want to see and make the number of results explicit.
Further developement Further developement could be testing which information is redundant and if it can be removed on both desktop and mobile devices or if it should only show on desktop. In the first version we are displaying the same information the user is used to seing, e.g. tables are now scrollable and fit nicely on a screen.
UX analysis / Check product and where it should be fixed / Design system to guide everyone in the project / Inspire and motivate the team
According to research: Invest 10% of your budget in UX can improve sales results by over double
"My Education" A project developed for the Danish Defence. They wanted one place to look up all their education, competences, courses and a shortcut to links. They wanted the opportunity to change the widgets on this page and customize the experience.
Target group The target group consisted of busy people, on the go, not big readers and they were competitors.
Challenges (under construction)
Solutions (under construction)
Playing around with Figma...