Presentation is loading. Please wait.

Presentation is loading. Please wait.

New Responsive Webdesign

Similar presentations


Presentation on theme: "New Responsive Webdesign"— Presentation transcript:

1 New Responsive Webdesign
Nordic web meeting Oslo 24-25 April 2017 Stine Grundtvig Jungersen

2 Agenda Reason for new responsive website Reaction from users
The proces from now

3 Reason for new responsive webdesign
28% of all sessions come from mobile devices - and very high dropout rate from these users. Outdated and incoherent design

4 dst.dk – redesign oktober 2016

5 Old frontpage New focus - from sender oriented to user oriented!
Navigation ”Why are there so  many news. I came to find statistics!” ”I did not visit the website to get  explanations. I use Statistics  Denmark because I  need numbers.” “The search box is very small and hard to find.” Search Field Actual Content Campaign spot Entrances/shortcut Footer

6

7 General challenges Large tables and detailed figures on small screens
Large website with deep structure A lot of special content  requires individual customization

8 Unique Pageviews (one year back)

9 New frontpage Existing elements Navigation Search field Campaign spot
Current content Campaign spot Entrances/shortcuts Footer New elements Subject entry

10 The new frontpage Focus on subjects Large search field
An area with different relevant content Clear grid and breakdown of content Current content in center Fokus på emner Stort søgefelt Bånd med forskelligt relevant indhold Overskueligt grid og opdeling af indhold Aktuelt indhold i centrum

11 Subjects

12 News

13 Shortcuts

14 Clicks and Scroll Scroll Click 28% Search 36% Subjects 8% News
20% Shortcuts

15 Test methods Usability testing  ‘Think out loud’ customer sessions both on desktop and smartphone on citizens (general audience) aged Digital survey at dst.dk Internal involvement from all statistical offices at DST Heatmaps

16 Reactions from users - Users call for
Better overview / Information architecture Optimization of subject structure Clarification of the menu Optimizing the search results page

17 Before

18 New menu – open on large devices

19 New menu

20 Where do we go from here? Ongoing user involvement (with both internal and external users) Greater focus on creating subject sites that gather all relevant content on the rewarding subject Personalization Create more visualization and possibility for interaction at the website


Download ppt "New Responsive Webdesign"

Similar presentations


Ads by Google