Mid Sweden University

Usability and a new responsive design was in focus when Mid Sweden University upgraded their web platform.

Next section

Background

When Mid Sweden University was transitioning into an upgraded version of their web platform Osynlig was selected as design partner. Our responsibilities included digital strategy, user experience design, usability testing and front-end development.

Implementation

The first phase of the project we focused on user journey mapping and a content strategy that would align with the overall brand strategy. We helped creating a new information structure and new page templates based on user/editor needs and wants. These templates were then user tested, implemented and adapted with the help of several reference groups. The design became a natural extension of the brand guidelines and our team worked closely together to create fast iterative clickable prototypes for user testing and client approval. The finished front-end was then delivered to our technology partner KnowIT who implemented the new front-end in the web platform.

The result

In surveys conducted after releasing the new website, users experience a much easier navigation and overall more positive attitude towards the University. As a long term digital partner Osynlig is currently involved in several projects for Mid Sweden University including interactive touch tables for their service centers and campaign sites for their upcoming 10 year anniversary.

What is your interest?

Mid Sweden University has a broad range of courses and a diverse range of Programmes. To help future students in their search for the right study path we designed a new user centered search engine.

Made for students, teachers and scientists

By creating dynamic design templates based on target group needs instead of web platform functionality we created a better user experience.

Resolution before device

By making a true responsive front-end solution a broader range of users will have a better user experience rather then creating specific device breakpoint adjustments.

Lots of options for editors

Every page is dynamic and is generated by different content blocks selected by the many editors on Mid Sweden University's website. With this approach the solution has a flexibility and scale that will last for years.

From the process

  • <p>For the larger and more complex pages we created interaction design prototypes and tested for different resolutions. This is a prototype of the new search engine.</p>

    For the larger and more complex pages we created interaction design prototypes and tested for different resolutions. This is a prototype of the new search engine.

  • <p>The new course finder guides the user with a visual approach to browse the wide range of education offered by Mid Sweden University.</p>

    The new course finder guides the user with a visual approach to browse the wide range of education offered by Mid Sweden University.

  • <p>A new advanced filtering option makes it easy to find e.g. all summer courses in no time.</p>

    A new advanced filtering option makes it easy to find e.g. all summer courses in no time.

  • <p>The university's branding was extended into the digital space with a handmade icon library.</p>

    The university's branding was extended into the digital space with a handmade icon library.

Services we provided

  • Discovery

    • Business analysis
    • User research
    • Creative concepts
    • User testing
  • Innovation

    • Content strategy
    • Information Architecture
    • Site map
    • Wireframes
    • Usability testing
    • Interaction design
    • UX Design
    • Digital identity
  • Implementation

    • Front-end development
    • Quality control and testing
    • Development roadmap

Want to work together?

Great, let us start now!

Get in touch