From Cultuurweb To UiTinVlaanderen


Published on

The transition from to Case presented on the Sigchi Belgium fall conference about 'New Communities'.

Published in: Design
1 Comment
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

From Cultuurweb To UiTinVlaanderen

  1. 1. From Cultuurweb to UiTinVlaanderen Karl Gilis – AGConsult Web usability & Information architecture Twitter: @AGConsult (Dutch) (English) (French)
  2. 2. 1. The facts
  3. 3. <ul><li>Launched in 2004 </li></ul><ul><li>A ccess to all cultural events in Flanders and Brussels </li></ul>
  4. 4. Relaunched as UiTinVlaanderen in March 2009
  5. 5. Any significant changes in the visitor numbers? <ul><li>300% rise in number of visitors </li></ul>
  6. 6. 2. Which changes made the difference? <ul><li>Less editorial content </li></ul><ul><li>Enhanced category focus </li></ul><ul><li>Easier to search </li></ul><ul><li>More (inter)action on the end pages </li></ul>
  7. 7. Less editorial content <ul><li>Cultuurweb </li></ul><ul><li>90% of homepage was editorial content. </li></ul><ul><li>The same story on the category pages. </li></ul>
  8. 8. UiTinVlaanderen Editorial content is still there, but less prominent.
  9. 9. UiTinVlaanderen No editorial content on category pages.
  10. 10. Enhanced category focus <ul><li>Cultuurweb </li></ul><ul><li>The focus of this page isn't on the categories. </li></ul><ul><li>Strange for a website that wants to answer the question &quot;What do you want to do?&quot;. </li></ul>
  11. 11. UiTinVlaanderen This is an answer to &quot;What do you want to do?&quot;.
  12. 12. More main categories, broader content <ul><li>Cultuurweb (left) </li></ul><ul><ul><li>10 categories </li></ul></ul><ul><ul><li>Focus on 'high brow' culture </li></ul></ul><ul><li>UiTinVlaanderen (below) </li></ul><ul><ul><li>28 categories </li></ul></ul><ul><ul><li>Culture in the broadest sense </li></ul></ul>
  13. 13. Only 1 level of subcategories <ul><li>'Music' </li></ul>On Cultuurweb, subcategories were divided into other subcategories. Some of those even had other subcategories. Too many choices, too many clicks.
  14. 14. Easier to search <ul><li>Cultuurweb </li></ul><ul><li>Simple search feature on every page. </li></ul><ul><li>'What – When – Where' search only on homepage. 'What' was not a type-in field but a huge dropdown . </li></ul>
  15. 15. UiTinVlaanderen A 'What – When – Where' (with type-in field for ‘What’) is available on every page.
  16. 16. More (inter)action on the end pages <ul><li>Interaction with the user </li></ul><ul><li>Content from and links to other websites </li></ul><ul><li>Links to related content within the website </li></ul>
  17. 17. Interaction with the user
  18. 18. Content from and links to other websites
  19. 19. Links to related content within the website
  20. 20. 3. Did the new community features contribute to the success?
  21. 21. <ul><li>To be honest: I don't know. </li></ul><ul><li>All we know is: they obviously don't hurt… </li></ul>
  22. 22. On the first prototype of UiTinVlaanderen community features were in the right hand bar. That's not the most looked at area of a web page… So we moved them…
  23. 23. Most test users didn't fully understand the 'community features'.
  24. 24. The solution: a short fly-out explanation. Now those users do understand it, and maybe some day, they will start using it too… Also: it doesn't disturb visitors who don't need the explanation.
  25. 26. 4. How did usability testing enhance the user experience?
  26. 27. Search <ul><li>Prototype of UiTinVlaanderen: </li></ul><ul><li>Free text search with 2 buttons </li></ul><ul><li>Button 'Search on What Where When' opened a overlay with advanced search. </li></ul><ul><li>What user testing revealed: </li></ul><ul><li>Most users typed in a keyword and clicked on the button 'Search on What Where When'. </li></ul><ul><li>They were suprised to see the overlay. </li></ul><ul><li>The overlay offered too many and conflicting choices </li></ul>
  27. 28. Search <ul><li>Final version UiTinVlaanderen: </li></ul><ul><li>Buttons and links with clear terminology. </li></ul><ul><li>A more flexible search that takes away the need for more advanced features. </li></ul>
  28. 29. Search results <ul><li>Prototype of UiTinVlaanderen: </li></ul><ul><li>Big 'Hints & Links' section on top of the search result page. </li></ul><ul><li>With some luck the user just saw a glimpse of the first search result. </li></ul><ul><li>What user testing revealed: </li></ul><ul><li>Users want to see search results. </li></ul><ul><li>‘ Hints’ from the website were not appreciated. Users don't like to be guided. </li></ul>
  29. 30. Search results <ul><li>Final version UiTinVlaanderen: </li></ul><ul><li>No 'Hints & links' anymore. </li></ul><ul><li>Just search results. </li></ul>
  30. 31. Enhancing the faceted search <ul><li>Simplified </li></ul><ul><li>Moved from the right to the left </li></ul>
  31. 32. <ul><li>Prototype of UiTinVlaanderen: </li></ul><ul><li>Facets were on the right hand side. </li></ul><ul><li>Long lists. </li></ul><ul><li>And even 'more filters'. </li></ul><ul><li>What user testing revealed: </li></ul><ul><li>Not all users noticed the facets. </li></ul><ul><li>Some filters caused confusion. </li></ul><ul><li>Choosing a date was overlooked. </li></ul>
  32. 33. <ul><li>Final version UiTinVlaanderen: </li></ul><ul><li>Moved the facets to the left hand site. </li></ul><ul><li>Simplified the choices. </li></ul><ul><li>Date picker immediately available. </li></ul>
  33. 34. How can AGConsult improve your web site? <ul><li>Usability & information architecture </li></ul><ul><ul><li>Expert review & user testing </li></ul></ul><ul><ul><li>User research </li></ul></ul><ul><ul><li>Information architecture & wireframing </li></ul></ul><ul><ul><li>Writing the specs / functional analysis </li></ul></ul><ul><li>Contact AGConsult </li></ul><ul><ul><li>Tel: +32 (0)3 293 39 96 </li></ul></ul><ul><ul><li>E-mail: karl.gilis @ </li></ul></ul><ul><li>More info </li></ul><ul><ul><li>Website: </li></ul></ul><ul><ul><li>Blogs: </li></ul></ul><ul><ul><ul><li>Dutch: </li></ul></ul></ul><ul><ul><ul><li>English: </li></ul></ul></ul><ul><ul><ul><li>French: </li></ul></ul></ul>