Slide 1

Slide 1 text

architecta Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione Dealing with information overload in everyday life Monique Dubbelman @boemedia

Slide 2

Slide 2 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 2

Slide 3

Slide 3 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 3

Slide 4

Slide 4 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 4/ Monique Dubbelman @boemedia (and crazy cat lady)

Slide 5

Slide 5 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 5 “Information overload occurs when the amount of input to a system exceeds its processing capacity. Decision makers have fairly limited cognitive processing capacity. Consequently, when information overload occurs, it is likely that a reduction in decision quality will occur.” - Bertram Gross https://en.wikipedia.org/wiki/Information_overload

Slide 6

Slide 6 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 6

Slide 7

Slide 7 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 7

Slide 8

Slide 8 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 8

Slide 9

Slide 9 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 9 But we’re not there yet….

Slide 10

Slide 10 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 10 Time to decide Information Year 0 20th century Now GAP

Slide 11

Slide 11 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 11 A little bit of history

Slide 12

Slide 12 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione Close it Read it Visit a website 12 2008

Slide 13

Slide 13 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione close cookie consent close location tracking popup close GDPR popup Visit a website 13 2018 to find out… start reading content disable Ad blocker close newsletter popup

Slide 14

Slide 14 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 14 … you need to subscribe first to read the rest https://twitter.com/hellocolor/status/1002125181672968198

Slide 15

Slide 15 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 15 And what we can should do to avoid that Things that irritate web users

Slide 16

Slide 16 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 16 1. Long loading times Image: http://94pm.com/2830.html

Slide 17

Slide 17 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 17 • Use a content delivery network • Reduce image sizes • Don’t embed video’s or gifs • Get good hosting • Reduce no. of http requests • Minify and combine JS and CSS (unless you use http2) • Enable caching • Enable compression of files Improve loading times

Slide 18

Slide 18 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 18 2. Not optimized for mobile

Slide 19

Slide 19 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 19 Improve mobile version of site • Make sure text is readable • Make links and buttons large enough to click on • Use responsive web design • Make it easy to navigate on small screens • Don’t let items overlap or fall off the screen

Slide 20

Slide 20 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 20 3. Poor navigation http://www.arngren.net/

Slide 21

Slide 21 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 21 Improve navigation • Use descriptive labels • Avoid format based navigation (eg. videos, whitepapers) • Avoid dropdown menus • Use contextual links • Group menu’s in tasks, human centered and topical nav

Slide 22

Slide 22 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 22 4. Excessive pop up use Image: https://miro.medium.com/max/566/1*QvYR0vIzRtbNHOECi1b2ZQ.png

Slide 23

Slide 23 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 23 If you want to use pop-ups: • Use them in moderation • Make them ‘smart’ • Track them for effectiveness • Use delightful copy • Alternative: slide in CtA’s

Slide 24

Slide 24 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 24 5. Wrong use of headings and titles

Slide 25

Slide 25 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 25

Slide 26

Slide 26 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 26 Improve headlines by making them • Useful: Why is the blog post worth my time? • Ultra-specific: What can I expect to get out of this blog post? • Unique: Why is this blog post compelling and unique? • Urgent: Why should I stop what I’m doing to read this article?

Slide 27

Slide 27 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 27 6. Internal linking is not user friendly

Slide 28

Slide 28 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 28 Improve Always use contextual links! Read more about contextual links If you’re interested traveling to Italy, visit the website of the tourist office (link opens in new tab) Look at our members list (PDF, 50Mb)

Slide 29

Slide 29 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 29 7. Inconsistent DESIGN

Slide 30

Slide 30 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 30 Create consistent design by • Limiting the number of templates used on the site • Creating a style guide / library as guidance • Have a colour schema / font guide • Use consistent wording

Slide 31

Slide 31 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 31 8. Out of date or irrelevant content

Slide 32

Slide 32 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 32 Improve • Always display time and date on content • Update content with new information • When content is updated: mention this!

Slide 33

Slide 33 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 33 9. Hidden search, wrong results

Slide 34

Slide 34 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 34 Improve • Make the searchbox on your website easy to find • Don’t do clickbait • Don’t lock your websites’s content • Use synonyms in text • Have relevant keywords, headings and metatext • Improve overall SEO

Slide 35

Slide 35 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 35 Let’s KISS (keep it simple, stupid)

Slide 36

Slide 36 text

Genova 26–27 Ottobre 2018 Magazzini del Cotone XII Summit Italiano di Architettura dell’Informazione 36 THANKS