SlideShare a Scribd company logo
1 of 49
Zoeken




Interaction Design 102   Vragen of feedback?    @ferrydendopper
Interaction Design 102   Vragen of feedback?   @ferrydendopper
Grote zoekknop op je site?




Interaction Design 102              Vragen of feedback?   @ferrydendopper
Zoeken: het
    te-simpele model
    1. Gebruiker stelt vraag
    2. „Magic‟
    3. Gebruiker krijgt
       antwoord




Interaction Design 102         Vragen of feedback?   @ferrydendopper
En lukt het een beetje?



                         Hielp niet;                Succes;
                            33%                      34%




                                         Geen
                                       resultaten
                                         ; 33%


                                                                             Bron: UIE.com

Interaction Design 102                                 Vragen of feedback?   @ferrydendopper
Anatomie van de zoekfunctie




                              Index




Interaction Design 102           Vragen of feedback?   @ferrydendopper
Wat verwacht een (be)zoeker?


         Het is beter meerdere zoektermen te gebruiken,
          omdat 1 woord teveel resultaten oplevert;
         Een extra zoekterm levert minder resultaten op (het
          is een filter);
         De belangrijkste pagina staat bovenaan;
         Als de eerste 5 resultaten niets opleveren, hebben
          ze het waarschijnlijk niet.




                                           Bron: “Regular folks searching” (Donna
                                                               Maurer)
Interaction Design 102                        Vragen of feedback?   @ferrydendopper
Wat moet de zoekfunctie kunnen?

        • Search Interface
        • Search Engine
        • Results




Interaction Design 102         Vragen of feedback?   @ferrydendopper
Search Interface


        Query Language:

            Meerdere zoekwoorden;
            Letterlijke frasen, bv. “aangifte 2011”
            Woorddelen;
            operanden: OR, NOT, enz.

         zoekscope kiezen (bv. alles, publicaties, trainingen)




Interaction Design 102                            Vragen of feedback?   @ferrydendopper
Zoekscope




Interaction Design 102   Vragen of feedback?   @ferrydendopper
Search Interface


        Query Builders:

         Spellingcontrole,
          bv. “dagvaardiging” ipv “dagvaarding”;
         Vervoegingen (stemming),
          bv. “invoer” > “invoeren” & “invoerder”;
         Natuurlijke taal,
          bv. “Wat is een tsunami?” of “Wie is Prince?”
         Synoniemen en gerelateerde concepten (thesaurus),
          bv. “wegenbelasting” ipv “motorrijtuigenbelasting”;


Interaction Design 102                    Vragen of feedback?   @ferrydendopper
Search Engine


        Relevantiebepaling op basis van (o.a.)
         Semantisch gewicht, frequentie, positie, nabijheid
          van trefwoorden;
         Trefwoorden in metadata;
         „AND‟ resultaten hebben meer gewicht dan „OR‟
          resultaten;
         Populariteit van pagina‟s (bv. stemmen, aantal
          bezoeken)




Interaction Design 102                       Vragen of feedback?   @ferrydendopper
Resultaten presenteren


         Aantal resultaten;
         Best bets bovenaan;
         Geen percentages;
         Wel snippet /
          eigenschappen;
         URL;




Interaction Design 102          Vragen of feedback?   @ferrydendopper
Zoeken: het
    te-simpele model
    1. Gebruiker stelt vraag
    2. „Magic‟
    3. Gebruiker krijgt
       antwoord




     Jij bent verantwoordelijk
          voor de ‘magic’


Interaction Design 102           Vragen of feedback?   @ferrydendopper
15
       Zoekfuncties zijn ‘geurloos’


         Gebruiker zoekt bij onvoldoende vertrouwen
          in de links;
         Hij probeert zelf de geur te vinden;
         Hij typt de trefwoorden die hij had verwacht:
          triggerwords;
         Kwaliteit van resultaat is vaak te afhankelijk
          van de triggerwords van de gebruiker.




Interaction Design 102                   Vragen of feedback?   @ferrydendopper
You only get one shot


        Als zoeken faalt:
         47% geeft op na eerste
          poging;                       90%

         < 25% zoekt meer dan 2x;      80%
                                        70%

         Bezoekers nemen aan dat       60%
                                        50%                                   Relevante
          de content er niet is of ze   40%                                   resultaten
                                        30%
          vinden het teveel moeite      20%

          kosten;                       10%
                                         0%

         Bezoekers leren niet beter          1      2      3       4

          zoeken.


                                                                            Bron:
                                                                               UIE.co
Interaction Design 102                        Vragen of feedback?       @ferrydendopper
                                                                                 m,
Heeft mijn site een zoekfunctie nodig?


         Heeft je site wel genoeg content?
         Is de zoekfunctie een pleister voor het
          gebrekkige navigatiesysteem?
         Heb je de tijd en know-how om het
          zoeksysteem te blijven optimaliseren?
         Zijn er betere alternatieven?
         Willen je gebruikers wel zoeken?



Interaction Design 102                   Vragen of feedback?   @ferrydendopper
Heeft mijn site een zoekfunctie nodig?


         Zoek helpt als je teveel content hebt om
          doorheen te bladeren;
         Zoek helpt gefragmenteerde sites;
         Zoek is een leerinstrument;
         Zoek zou er moeten zijn omdat mensen het
          verwachten;
         Zoek kan dynamiek temmen.



Interaction Design 102               Vragen of feedback?   @ferrydendopper
Verschillende zoekmodi



         Known-item search

         Exploratory search

         Exhaustive search

         Don‟t know what you need to know

         Re-finding

         http://www.boxesandarrows.com/view/four_modes_of_seeking_information_and_how_to_design_for_them
         Donna Spencer, 2006


Interaction Design 102                                                      Vragen of feedback?     @ferrydendopper
Oefening: Herken het zoekgedrag

        • Ik zoek een leuke rondreis door China.
        • Ik herinner me dat Donna Maurer in haar artikel
          over card sorting een voorbeeld-uitwerksheet
          aanbood.
        • Ik wil “Don’t Make Me Think” kopen.
        • Ik wil op de hoogte blijven van recente
          ontwikkelingen in interaction design.
        • Ik wil alle ins en outs weten van de nieuwe Bond-
          film.
        • Kan ik beter een Samsung Galaxy S2 of een HTC
          Desire als nieuwe mobiel kiezen?

Interaction Design 102                      Vragen of feedback?   @ferrydendopper
Nog een voorbeeld



               "Ik moet voor zaken reizen naar London.
                Hoeveel vergoedt mijn werkgever voor
                      iedere dag van mijn reis?”


             Hoe zou je gaan zoeken op het intranet van
                             je bedrijf?




Interaction Design 102                    Vragen of feedback?   @ferrydendopper
Voorbeeld: informatie zoeken op een intranet




                                                  DOEL
                                      Zakenreis
                                                                      “vergoeding
                         Regelingen                                     zakenreis”

            Personeels-
            gids


Bladeren                                                                             Zoeken




Interaction Design 102                                   Vragen of feedback?    @ferrydendopper
Voorbeeld: informatie zoeken op een intranet

                                                 Bellen

                                    “vraag aan
                                       Ans”
                                                                     INTERN.
                                                                      REIZEN
                                                 Vergoedingen
                                                 internationaal
                         Bladeren                        reizen




                             ZAKEN-
                              REIS
                                                             “vergoeding
                                                               zakenreis”

                                                                                   Zoeken



Interaction Design 102                                                 Vragen of feedback?   @ferrydendopper
Berrypicking


         In the process of reading and learning from the information
          encountered throughout the search process, the searchers'
          information needs, and consequently their queries, continually
          shift. Information encountered at one point in a search may
          lead in a new, unanticipated direction. The original goal may
          become partly fulfilled, thus lowering the priority of one goal in
          favor of another.
         Searchers' information needs are not satisfied by a single, final
          retrieved set of documents, but rather by a series of selections
          and bits of information found along the way. This is in contrast
          to the assumption that the main goal of the search process is
          to hone down the set of retrieved documents into a perfect
          match of the original information need.

        The Design of Browsing and Berrypicking Techniques for the Online Search Interface
        Marcia Bates, 1989 - http://pages.gseis.ucla.edu/faculty/bates/berrypicking.html



Interaction Design 102                                                Vragen of feedback?    @ferrydendopper
Berrypicking




Interaction Design 102   Vragen of feedback?   @ferrydendopper
Berrypicking behavioral model




Interaction Design 102          Vragen of feedback?   @ferrydendopper
Wat wil je weten als informatiearchitect?

        Hoe goed kunnen mensen de informatie
        vinden?

        Wat kan ik doen om de vindbaarheid te
        verbeteren?




Interaction Design 102                Vragen of feedback?   @ferrydendopper
Wat kan er misgaan?


            Geen resultaten;
            Teveel resultaten;
            Dubbele resultaten;
            Onbegrijpelijke resultaten;
            Irrelevante resultaten;
            Geen context.

        Waardoor komt dit?



Interaction Design 102                     Vragen of feedback?   @ferrydendopper
Geen resultaten


         Geen content over dat onderwerp;
           Lotus Notes
         Typefout of spelling;
           Sharpoint,
           “Contentmanagement” of “Content Management”
         Synoniem;
           Content management of redactioneel beheer?
         Enkelvoud / meervoud;
           Portals, wireframe
         Afkortingen, delen van woorden
           CMS, cardsort(ing)

        Conclusie bezoeker:
         “Ze hebben het niet.”


Interaction Design 102                         Vragen of feedback?   @ferrydendopper
Teveel resultaten


         Heel veel informatie over te vinden;
           portal
         Of vaak wel een keer genoemd.
           opleiding

        Conclusie bezoeker:
         “Ik zie door de bomen het bos niet meer.”
         “Dit kost me teveel moeite.”




Interaction Design 102                                Vragen of feedback?   @ferrydendopper
Dubbele resultaten


            Verschillende paden wijzen naar één pagina;
            Meer pagina‟s hebben zelfde titel / metadata;
            Zelfde pagina heeft meerdere url‟s;
            Nemen veel ruimte in beslag;
            Zijn ze echt hetzelfde of toch verschillend?

        Conclusie bezoeker:
         “Zoekfunctie werkt niet goed.”
         “Dit kost me teveel moeite.”




Interaction Design 102                                 Vragen of feedback?   @ferrydendopper
Onbegrijpelijke resultaten


         Vreemde karakters gebruikt;
           HP6110%20       %20
         ID i.p.v. een titel + introductie.
           29482

        Conclusie bezoeker:
         “Ik kan hier niets mee.”




Interaction Design 102                         Vragen of feedback?   @ferrydendopper
Irrelevante resultaten


         Zoekterm wordt wel genoemd in tekst of metadata, maar tekst
          gaat totaal ergens anders over.

        Conclusie bezoeker:
         “Ik kan hier niets mee.”




Interaction Design 102                            Vragen of feedback?   @ferrydendopper
Geen context


         Alleen de paginatitel wordt teruggegeven, geen introtekst.
          Bezoeker kan dus heel moeilijk de relevantie bepalen.

        Conclusie bezoeker:
         “Ik kan hier niets mee.”




Interaction Design 102                               Vragen of feedback?   @ferrydendopper
Interaction Design 102   Vragen of feedback?   @ferrydendopper
Interaction Design 102   Vragen of feedback?   @ferrydendopper
Interaction Design 102   Vragen of feedback?   @ferrydendopper
Meten = weten


         Waar wordt veel naar gezocht?
         Hoeveel en welke zoekopdrachten geven geen
          resultaat?
         Hoeveel en welke zoekopdrachten geven geen
          relevant resultaat?




Interaction Design 102                   Vragen of feedback?   @ferrydendopper
Zoek verbeteren of site verbeteren?


         Waar wordt veel naar gezocht?
               • Is die content te moeilijk vindbaar via de navigatie?
         Hoeveel en welke zoekopdrachten geven geen
          resultaat?
               • Zoeken veel mensen content die we niet bieden? Gebruiken
                 ze andere woorden? Maken ze typefouten?
         Hoeveel en welke zoekopdrachten geven geen
          relevant resultaat?
               • Moet ik best bets inzetten? Moet ik de content aanpassen?
         Vanaf welke pagina starten veel mensen een
          zoekactie?
               • Loopt hier een geurspoor dood?


Interaction Design 102                                   Vragen of feedback?   @ferrydendopper
Zoek verbeteren of site verbeteren?


         Verbeter de site:
               • Onsuccesvolle labels aanpakken;
                          Triggerwords;
               • Onsuccesvolle pagina‟s aanpakken:
                            Page title;
                            Page description of 1e alinea content;
                            Consequent gebruik van termen;
                            Beter vindbaar maken via navigatie.


         Verbeter de zoek:
               • User Interface;
               • Controlled vocabulary / thesaurus;
               • Best bets;

Interaction Design 102                                       Vragen of feedback?   @ferrydendopper
Evalueer


        Meet dezelfde dingen als bij Understand, maar
        kijk vooral naar de trend:

            Neemt het aantal 0-queries af?
            Neemt de kwaliteit van de resultaten toe?
            Wordt er minder gezocht?
            Wordt target content meer bezocht?




Interaction Design 102                    Vragen of feedback?   @ferrydendopper
Controlled Vocabulary


        Beheerd woordenboek, bv.
         Synoniemenlijst
         Authority Files (bv. Postcodes, US states)
         Thesaurus
         …




Interaction Design 102                       Vragen of feedback?   @ferrydendopper
Thesaurus


         Woordenboek met equivalente, hierarchische en
          associatieve relaties




Interaction Design 102                    Vragen of feedback?   @ferrydendopper
Thesaurus

                               Broader Term
                                Usability




             Variant Term     Preferred Term               Spelling Errors
           Gebruikstest     Usability Testing           Userbility Testing
           User Testing                                  Usabilitytesting


            Related Term                                    Related Term
          Expert Review       Narrower Term             User Experience

                            Paper Prototyping
                             5 Seconds Test




Interaction Design 102                          Vragen of feedback?    @ferrydendopper
Thesaurus van IMDB
                            Broader Term




             Variant Term   Preferred Term              Spelling Errors
                              Thriller




            Related Term                                 Related Term

                            Narrower Term




Interaction Design 102                       Vragen of feedback?    @ferrydendopper
Thesaurus
       inzetten                 Zoek gebruiktest        0 resultaten
                                                       gevonden voor
                                                         gebruiktest




        Gebruik:
          • In beheer:
                                Content page          Koppel pagina aan           Koppel
                                                       ‘usability testing’   ‘gebruiktest’ aan
                                                                             ‘usability testing’




             • In algoritme:

                               Zoek gebruiktest        gebruiktest >          5 resultaten
                                                      usability testing      gevonden voor
                                                                             usability testing


             • In resultaat:


                                50 resultaten voor      15 resultaten
                                 usability testing,    gevonden voor
                               15 voor paper prot.       paper prot.
                               20 voor comp. prot.




Interaction Design 102                                  Vragen of feedback?                        @ferrydendopper
Best bets


        Als desondanks toch nog:
               • Teveel resultaten;
               • Meest relevante niet bovenaan.


         Handmatig content pages aan preferred
          terms koppelen;
         Bovenaan apart presenteren als best bets.




Interaction Design 102                            Vragen of feedback?   @ferrydendopper
Meer lezen over zoeken


         http://www.boxesandarrows.com/view/four_modes_of_seeking
          _information_and_how_to_design_for_them
         Search Patterns by Peter Morville
          http://flickr.com/photos/morville/collections/7215760378583588
          2/
         http://www.den-dopper.com/2010/07/15/6-redenen-om-je-
          navigatie-niet-overboord-te-gooien-voor-een-grote-zoekknop/




Interaction Design 102                              Vragen of feedback?   @ferrydendopper
Vragen? Feedback?
        f.den.dopper@hr.nl

        @ferrydendopper




Interaction Design 102       Vragen of feedback?   @ferrydendopper

More Related Content

Similar to IAD 2 - les 7 - Zoeken

Interaction Design 1.4: Wireframes
Interaction Design 1.4: WireframesInteraction Design 1.4: Wireframes
Interaction Design 1.4: WireframesFerry den Dopper
 
Interaction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered DesignInteraction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered DesignFerry den Dopper
 
De weg naar online succes: creëer je eigen pad
De weg naar online succes: creëer je eigen padDe weg naar online succes: creëer je eigen pad
De weg naar online succes: creëer je eigen padE-difference
 
CMD Interaction Design - Y1 Q2 les 4 - Search & Metadata
CMD Interaction Design - Y1 Q2 les 4 - Search & MetadataCMD Interaction Design - Y1 Q2 les 4 - Search & Metadata
CMD Interaction Design - Y1 Q2 les 4 - Search & MetadataFerry den Dopper
 
Lectric opleiding Intranet Manager dag 5
Lectric opleiding Intranet Manager dag 5Lectric opleiding Intranet Manager dag 5
Lectric opleiding Intranet Manager dag 5Vanessa Bos-Steijn
 
CMD Interaction Design - Y1 Q3 les 2 - Form Elements
CMD Interaction Design - Y1 Q3 les 2 - Form ElementsCMD Interaction Design - Y1 Q3 les 2 - Form Elements
CMD Interaction Design - Y1 Q3 les 2 - Form ElementsFerry den Dopper
 
Klant behoefte onderzoek
Klant behoefte onderzoekKlant behoefte onderzoek
Klant behoefte onderzoekOnline Dialogue
 
Toegang en toegankelijkheid
Toegang en toegankelijkheidToegang en toegankelijkheid
Toegang en toegankelijkheidMarijn Tijhuis
 
Design rationale&amp;productbiografieprojectinteractionmitchkappenv1.0.8
Design rationale&amp;productbiografieprojectinteractionmitchkappenv1.0.8Design rationale&amp;productbiografieprojectinteractionmitchkappenv1.0.8
Design rationale&amp;productbiografieprojectinteractionmitchkappenv1.0.8MitchKappen
 
Interaction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart DefaultsInteraction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart DefaultsFerry den Dopper
 
Slimmere Website Metaalunie
Slimmere Website MetaalunieSlimmere Website Metaalunie
Slimmere Website MetaalunieMichiel Verheij
 
Webinar 'Usability en sturen op verleiden' (28-05-2013)
Webinar 'Usability en sturen op verleiden' (28-05-2013)Webinar 'Usability en sturen op verleiden' (28-05-2013)
Webinar 'Usability en sturen op verleiden' (28-05-2013)bolcompp
 
Webinar bol.com usability 28 mei 2013
Webinar bol.com usability 28 mei 2013Webinar bol.com usability 28 mei 2013
Webinar bol.com usability 28 mei 2013Eduvision Opleidingen
 
Webinar partnerprogramma bol.com seo 8 december
Webinar partnerprogramma bol.com seo   8 decemberWebinar partnerprogramma bol.com seo   8 december
Webinar partnerprogramma bol.com seo 8 decemberEduvision Opleidingen
 
Webinar SEO bol.com Partnerprogramma - 8 december
Webinar SEO bol.com Partnerprogramma - 8 decemberWebinar SEO bol.com Partnerprogramma - 8 december
Webinar SEO bol.com Partnerprogramma - 8 decemberbolcompp
 
Ideale ontwikkelaanpak - Seminar Web, apps, email
Ideale ontwikkelaanpak - Seminar Web, apps, emailIdeale ontwikkelaanpak - Seminar Web, apps, email
Ideale ontwikkelaanpak - Seminar Web, apps, emailColours B.V.
 
Snelcursus Webmarketing Een Overzicht In 45 Minuten
Snelcursus Webmarketing   Een Overzicht In 45 MinutenSnelcursus Webmarketing   Een Overzicht In 45 Minuten
Snelcursus Webmarketing Een Overzicht In 45 MinutenMichel Willems
 
Slimmer en beter werven
Slimmer en beter wervenSlimmer en beter werven
Slimmer en beter wervenConnexys
 

Similar to IAD 2 - les 7 - Zoeken (20)

Interaction Design 1.4: Wireframes
Interaction Design 1.4: WireframesInteraction Design 1.4: Wireframes
Interaction Design 1.4: Wireframes
 
IAD 2 - les 5 - Metadata
IAD 2 - les 5 - MetadataIAD 2 - les 5 - Metadata
IAD 2 - les 5 - Metadata
 
Interaction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered DesignInteraction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered Design
 
De weg naar online succes: creëer je eigen pad
De weg naar online succes: creëer je eigen padDe weg naar online succes: creëer je eigen pad
De weg naar online succes: creëer je eigen pad
 
CMD Interaction Design - Y1 Q2 les 4 - Search & Metadata
CMD Interaction Design - Y1 Q2 les 4 - Search & MetadataCMD Interaction Design - Y1 Q2 les 4 - Search & Metadata
CMD Interaction Design - Y1 Q2 les 4 - Search & Metadata
 
Lectric opleiding Intranet Manager dag 5
Lectric opleiding Intranet Manager dag 5Lectric opleiding Intranet Manager dag 5
Lectric opleiding Intranet Manager dag 5
 
CMD Interaction Design - Y1 Q3 les 2 - Form Elements
CMD Interaction Design - Y1 Q3 les 2 - Form ElementsCMD Interaction Design - Y1 Q3 les 2 - Form Elements
CMD Interaction Design - Y1 Q3 les 2 - Form Elements
 
Klant behoefte onderzoek
Klant behoefte onderzoekKlant behoefte onderzoek
Klant behoefte onderzoek
 
Een Goede Website
Een Goede WebsiteEen Goede Website
Een Goede Website
 
Toegang en toegankelijkheid
Toegang en toegankelijkheidToegang en toegankelijkheid
Toegang en toegankelijkheid
 
Design rationale&amp;productbiografieprojectinteractionmitchkappenv1.0.8
Design rationale&amp;productbiografieprojectinteractionmitchkappenv1.0.8Design rationale&amp;productbiografieprojectinteractionmitchkappenv1.0.8
Design rationale&amp;productbiografieprojectinteractionmitchkappenv1.0.8
 
Interaction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart DefaultsInteraction Design 3.5: Inline Validation & Smart Defaults
Interaction Design 3.5: Inline Validation & Smart Defaults
 
Slimmere Website Metaalunie
Slimmere Website MetaalunieSlimmere Website Metaalunie
Slimmere Website Metaalunie
 
Webinar 'Usability en sturen op verleiden' (28-05-2013)
Webinar 'Usability en sturen op verleiden' (28-05-2013)Webinar 'Usability en sturen op verleiden' (28-05-2013)
Webinar 'Usability en sturen op verleiden' (28-05-2013)
 
Webinar bol.com usability 28 mei 2013
Webinar bol.com usability 28 mei 2013Webinar bol.com usability 28 mei 2013
Webinar bol.com usability 28 mei 2013
 
Webinar partnerprogramma bol.com seo 8 december
Webinar partnerprogramma bol.com seo   8 decemberWebinar partnerprogramma bol.com seo   8 december
Webinar partnerprogramma bol.com seo 8 december
 
Webinar SEO bol.com Partnerprogramma - 8 december
Webinar SEO bol.com Partnerprogramma - 8 decemberWebinar SEO bol.com Partnerprogramma - 8 december
Webinar SEO bol.com Partnerprogramma - 8 december
 
Ideale ontwikkelaanpak - Seminar Web, apps, email
Ideale ontwikkelaanpak - Seminar Web, apps, emailIdeale ontwikkelaanpak - Seminar Web, apps, email
Ideale ontwikkelaanpak - Seminar Web, apps, email
 
Snelcursus Webmarketing Een Overzicht In 45 Minuten
Snelcursus Webmarketing   Een Overzicht In 45 MinutenSnelcursus Webmarketing   Een Overzicht In 45 Minuten
Snelcursus Webmarketing Een Overzicht In 45 Minuten
 
Slimmer en beter werven
Slimmer en beter wervenSlimmer en beter werven
Slimmer en beter werven
 

More from Ferry den Dopper

IAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchIAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchFerry den Dopper
 
IAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignIAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignFerry den Dopper
 
Interaction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationInteraction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationFerry den Dopper
 
Interaction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsInteraction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsFerry den Dopper
 
Interaction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form DesignInteraction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form DesignFerry den Dopper
 
CMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offCMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offFerry den Dopper
 
Webtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenWebtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenFerry den Dopper
 
IAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieIAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieFerry den Dopper
 
IAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patternsIAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patternsFerry den Dopper
 
Interaction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoerenInteraction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoerenFerry den Dopper
 
Interaction Design 1.7: Usability test taken opstellen
Interaction Design 1.7: Usability test taken opstellenInteraction Design 1.7: Usability test taken opstellen
Interaction Design 1.7: Usability test taken opstellenFerry den Dopper
 
IAD 4 - les 7 - Social design patterns 1
IAD 4 - les 7 - Social design patterns 1IAD 4 - les 7 - Social design patterns 1
IAD 4 - les 7 - Social design patterns 1Ferry den Dopper
 
Interaction Design 1.6: Usability test voorbereiden
Interaction Design 1.6: Usability test voorbereidenInteraction Design 1.6: Usability test voorbereiden
Interaction Design 1.6: Usability test voorbereidenFerry den Dopper
 
Interaction Design 1.5: Wireframes masterclass
Interaction Design 1.5: Wireframes masterclassInteraction Design 1.5: Wireframes masterclass
Interaction Design 1.5: Wireframes masterclassFerry den Dopper
 
Interaction Design 1.3: Scenarios & Requirements
Interaction Design 1.3: Scenarios & RequirementsInteraction Design 1.3: Scenarios & Requirements
Interaction Design 1.3: Scenarios & RequirementsFerry den Dopper
 
IAD 4 - les 4+5 - Documenting Rich Interaction
IAD 4 - les 4+5 - Documenting Rich InteractionIAD 4 - les 4+5 - Documenting Rich Interaction
IAD 4 - les 4+5 - Documenting Rich InteractionFerry den Dopper
 
IAD 4 - les 2+3 - Rich Interaction
IAD 4 - les 2+3 - Rich InteractionIAD 4 - les 2+3 - Rich Interaction
IAD 4 - les 2+3 - Rich InteractionFerry den Dopper
 
Interaction Design 1.2: Persona's
Interaction Design 1.2: Persona'sInteraction Design 1.2: Persona's
Interaction Design 1.2: Persona'sFerry den Dopper
 

More from Ferry den Dopper (19)

IAD 5 - les 2 - Apps
IAD 5 - les 2 - AppsIAD 5 - les 2 - Apps
IAD 5 - les 2 - Apps
 
IAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for TouchIAD 5 - les 4 - Design for Touch
IAD 5 - les 4 - Design for Touch
 
IAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignIAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive Design
 
Interaction Design 3.3: Form Organization
Interaction Design 3.3: Form OrganizationInteraction Design 3.3: Form Organization
Interaction Design 3.3: Form Organization
 
Interaction Design 3.2: Form Elements
Interaction Design 3.2: Form ElementsInteraction Design 3.2: Form Elements
Interaction Design 3.2: Form Elements
 
Interaction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form DesignInteraction Design 3.1: Why Form Design
Interaction Design 3.1: Why Form Design
 
CMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-offCMD/INF multidisc project 2013 - Kick-off
CMD/INF multidisc project 2013 - Kick-off
 
Webtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minutenWebtoegankelijkheid in 5 minuten
Webtoegankelijkheid in 5 minuten
 
IAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatieIAD 2 - les 3 - Geur van informatie
IAD 2 - les 3 - Geur van informatie
 
IAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patternsIAD 4 - les 8 - Social design patterns
IAD 4 - les 8 - Social design patterns
 
Interaction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoerenInteraction Design 1.8: Usability test uitvoeren
Interaction Design 1.8: Usability test uitvoeren
 
Interaction Design 1.7: Usability test taken opstellen
Interaction Design 1.7: Usability test taken opstellenInteraction Design 1.7: Usability test taken opstellen
Interaction Design 1.7: Usability test taken opstellen
 
IAD 4 - les 7 - Social design patterns 1
IAD 4 - les 7 - Social design patterns 1IAD 4 - les 7 - Social design patterns 1
IAD 4 - les 7 - Social design patterns 1
 
Interaction Design 1.6: Usability test voorbereiden
Interaction Design 1.6: Usability test voorbereidenInteraction Design 1.6: Usability test voorbereiden
Interaction Design 1.6: Usability test voorbereiden
 
Interaction Design 1.5: Wireframes masterclass
Interaction Design 1.5: Wireframes masterclassInteraction Design 1.5: Wireframes masterclass
Interaction Design 1.5: Wireframes masterclass
 
Interaction Design 1.3: Scenarios & Requirements
Interaction Design 1.3: Scenarios & RequirementsInteraction Design 1.3: Scenarios & Requirements
Interaction Design 1.3: Scenarios & Requirements
 
IAD 4 - les 4+5 - Documenting Rich Interaction
IAD 4 - les 4+5 - Documenting Rich InteractionIAD 4 - les 4+5 - Documenting Rich Interaction
IAD 4 - les 4+5 - Documenting Rich Interaction
 
IAD 4 - les 2+3 - Rich Interaction
IAD 4 - les 2+3 - Rich InteractionIAD 4 - les 2+3 - Rich Interaction
IAD 4 - les 2+3 - Rich Interaction
 
Interaction Design 1.2: Persona's
Interaction Design 1.2: Persona'sInteraction Design 1.2: Persona's
Interaction Design 1.2: Persona's
 

IAD 2 - les 7 - Zoeken

  • 1. Zoeken Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 2. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 3. Grote zoekknop op je site? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 4. Zoeken: het te-simpele model 1. Gebruiker stelt vraag 2. „Magic‟ 3. Gebruiker krijgt antwoord Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 5. En lukt het een beetje? Hielp niet; Succes; 33% 34% Geen resultaten ; 33% Bron: UIE.com Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 6. Anatomie van de zoekfunctie Index Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 7. Wat verwacht een (be)zoeker?  Het is beter meerdere zoektermen te gebruiken, omdat 1 woord teveel resultaten oplevert;  Een extra zoekterm levert minder resultaten op (het is een filter);  De belangrijkste pagina staat bovenaan;  Als de eerste 5 resultaten niets opleveren, hebben ze het waarschijnlijk niet. Bron: “Regular folks searching” (Donna Maurer) Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 8. Wat moet de zoekfunctie kunnen? • Search Interface • Search Engine • Results Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 9. Search Interface Query Language:  Meerdere zoekwoorden;  Letterlijke frasen, bv. “aangifte 2011”  Woorddelen;  operanden: OR, NOT, enz.  zoekscope kiezen (bv. alles, publicaties, trainingen) Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 10. Zoekscope Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 11. Search Interface Query Builders:  Spellingcontrole, bv. “dagvaardiging” ipv “dagvaarding”;  Vervoegingen (stemming), bv. “invoer” > “invoeren” & “invoerder”;  Natuurlijke taal, bv. “Wat is een tsunami?” of “Wie is Prince?”  Synoniemen en gerelateerde concepten (thesaurus), bv. “wegenbelasting” ipv “motorrijtuigenbelasting”; Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 12. Search Engine Relevantiebepaling op basis van (o.a.)  Semantisch gewicht, frequentie, positie, nabijheid van trefwoorden;  Trefwoorden in metadata;  „AND‟ resultaten hebben meer gewicht dan „OR‟ resultaten;  Populariteit van pagina‟s (bv. stemmen, aantal bezoeken) Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 13. Resultaten presenteren  Aantal resultaten;  Best bets bovenaan;  Geen percentages;  Wel snippet / eigenschappen;  URL; Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 14. Zoeken: het te-simpele model 1. Gebruiker stelt vraag 2. „Magic‟ 3. Gebruiker krijgt antwoord Jij bent verantwoordelijk voor de ‘magic’ Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 15. 15 Zoekfuncties zijn ‘geurloos’  Gebruiker zoekt bij onvoldoende vertrouwen in de links;  Hij probeert zelf de geur te vinden;  Hij typt de trefwoorden die hij had verwacht: triggerwords;  Kwaliteit van resultaat is vaak te afhankelijk van de triggerwords van de gebruiker. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 16. You only get one shot Als zoeken faalt:  47% geeft op na eerste poging; 90%  < 25% zoekt meer dan 2x; 80% 70%  Bezoekers nemen aan dat 60% 50% Relevante de content er niet is of ze 40% resultaten 30% vinden het teveel moeite 20% kosten; 10% 0%  Bezoekers leren niet beter 1 2 3 4 zoeken. Bron: UIE.co Interaction Design 102 Vragen of feedback? @ferrydendopper m,
  • 17. Heeft mijn site een zoekfunctie nodig?  Heeft je site wel genoeg content?  Is de zoekfunctie een pleister voor het gebrekkige navigatiesysteem?  Heb je de tijd en know-how om het zoeksysteem te blijven optimaliseren?  Zijn er betere alternatieven?  Willen je gebruikers wel zoeken? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 18. Heeft mijn site een zoekfunctie nodig?  Zoek helpt als je teveel content hebt om doorheen te bladeren;  Zoek helpt gefragmenteerde sites;  Zoek is een leerinstrument;  Zoek zou er moeten zijn omdat mensen het verwachten;  Zoek kan dynamiek temmen. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 19. Verschillende zoekmodi  Known-item search  Exploratory search  Exhaustive search  Don‟t know what you need to know  Re-finding http://www.boxesandarrows.com/view/four_modes_of_seeking_information_and_how_to_design_for_them Donna Spencer, 2006 Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 20. Oefening: Herken het zoekgedrag • Ik zoek een leuke rondreis door China. • Ik herinner me dat Donna Maurer in haar artikel over card sorting een voorbeeld-uitwerksheet aanbood. • Ik wil “Don’t Make Me Think” kopen. • Ik wil op de hoogte blijven van recente ontwikkelingen in interaction design. • Ik wil alle ins en outs weten van de nieuwe Bond- film. • Kan ik beter een Samsung Galaxy S2 of een HTC Desire als nieuwe mobiel kiezen? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 21. Nog een voorbeeld "Ik moet voor zaken reizen naar London. Hoeveel vergoedt mijn werkgever voor iedere dag van mijn reis?” Hoe zou je gaan zoeken op het intranet van je bedrijf? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 22. Voorbeeld: informatie zoeken op een intranet DOEL Zakenreis “vergoeding Regelingen zakenreis” Personeels- gids Bladeren Zoeken Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 23. Voorbeeld: informatie zoeken op een intranet Bellen “vraag aan Ans” INTERN. REIZEN Vergoedingen internationaal Bladeren reizen ZAKEN- REIS “vergoeding zakenreis” Zoeken Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 24. Berrypicking  In the process of reading and learning from the information encountered throughout the search process, the searchers' information needs, and consequently their queries, continually shift. Information encountered at one point in a search may lead in a new, unanticipated direction. The original goal may become partly fulfilled, thus lowering the priority of one goal in favor of another.  Searchers' information needs are not satisfied by a single, final retrieved set of documents, but rather by a series of selections and bits of information found along the way. This is in contrast to the assumption that the main goal of the search process is to hone down the set of retrieved documents into a perfect match of the original information need. The Design of Browsing and Berrypicking Techniques for the Online Search Interface Marcia Bates, 1989 - http://pages.gseis.ucla.edu/faculty/bates/berrypicking.html Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 25. Berrypicking Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 26. Berrypicking behavioral model Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 27. Wat wil je weten als informatiearchitect? Hoe goed kunnen mensen de informatie vinden? Wat kan ik doen om de vindbaarheid te verbeteren? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 28. Wat kan er misgaan?  Geen resultaten;  Teveel resultaten;  Dubbele resultaten;  Onbegrijpelijke resultaten;  Irrelevante resultaten;  Geen context. Waardoor komt dit? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 29. Geen resultaten  Geen content over dat onderwerp; Lotus Notes  Typefout of spelling; Sharpoint, “Contentmanagement” of “Content Management”  Synoniem; Content management of redactioneel beheer?  Enkelvoud / meervoud; Portals, wireframe  Afkortingen, delen van woorden CMS, cardsort(ing) Conclusie bezoeker:  “Ze hebben het niet.” Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 30. Teveel resultaten  Heel veel informatie over te vinden; portal  Of vaak wel een keer genoemd. opleiding Conclusie bezoeker:  “Ik zie door de bomen het bos niet meer.”  “Dit kost me teveel moeite.” Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 31. Dubbele resultaten  Verschillende paden wijzen naar één pagina;  Meer pagina‟s hebben zelfde titel / metadata;  Zelfde pagina heeft meerdere url‟s;  Nemen veel ruimte in beslag;  Zijn ze echt hetzelfde of toch verschillend? Conclusie bezoeker:  “Zoekfunctie werkt niet goed.”  “Dit kost me teveel moeite.” Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 32. Onbegrijpelijke resultaten  Vreemde karakters gebruikt; HP6110%20 %20  ID i.p.v. een titel + introductie. 29482 Conclusie bezoeker:  “Ik kan hier niets mee.” Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 33. Irrelevante resultaten  Zoekterm wordt wel genoemd in tekst of metadata, maar tekst gaat totaal ergens anders over. Conclusie bezoeker:  “Ik kan hier niets mee.” Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 34. Geen context  Alleen de paginatitel wordt teruggegeven, geen introtekst. Bezoeker kan dus heel moeilijk de relevantie bepalen. Conclusie bezoeker:  “Ik kan hier niets mee.” Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 35. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 36. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 37. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 38. Meten = weten  Waar wordt veel naar gezocht?  Hoeveel en welke zoekopdrachten geven geen resultaat?  Hoeveel en welke zoekopdrachten geven geen relevant resultaat? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 39. Zoek verbeteren of site verbeteren?  Waar wordt veel naar gezocht? • Is die content te moeilijk vindbaar via de navigatie?  Hoeveel en welke zoekopdrachten geven geen resultaat? • Zoeken veel mensen content die we niet bieden? Gebruiken ze andere woorden? Maken ze typefouten?  Hoeveel en welke zoekopdrachten geven geen relevant resultaat? • Moet ik best bets inzetten? Moet ik de content aanpassen?  Vanaf welke pagina starten veel mensen een zoekactie? • Loopt hier een geurspoor dood? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 40. Zoek verbeteren of site verbeteren?  Verbeter de site: • Onsuccesvolle labels aanpakken;  Triggerwords; • Onsuccesvolle pagina‟s aanpakken:  Page title;  Page description of 1e alinea content;  Consequent gebruik van termen;  Beter vindbaar maken via navigatie.  Verbeter de zoek: • User Interface; • Controlled vocabulary / thesaurus; • Best bets; Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 41. Evalueer Meet dezelfde dingen als bij Understand, maar kijk vooral naar de trend:  Neemt het aantal 0-queries af?  Neemt de kwaliteit van de resultaten toe?  Wordt er minder gezocht?  Wordt target content meer bezocht? Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 42. Controlled Vocabulary Beheerd woordenboek, bv.  Synoniemenlijst  Authority Files (bv. Postcodes, US states)  Thesaurus  … Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 43. Thesaurus  Woordenboek met equivalente, hierarchische en associatieve relaties Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 44. Thesaurus Broader Term Usability Variant Term Preferred Term Spelling Errors Gebruikstest Usability Testing Userbility Testing User Testing Usabilitytesting Related Term Related Term Expert Review Narrower Term User Experience Paper Prototyping 5 Seconds Test Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 45. Thesaurus van IMDB Broader Term Variant Term Preferred Term Spelling Errors Thriller Related Term Related Term Narrower Term Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 46. Thesaurus inzetten Zoek gebruiktest 0 resultaten gevonden voor gebruiktest  Gebruik: • In beheer: Content page Koppel pagina aan Koppel ‘usability testing’ ‘gebruiktest’ aan ‘usability testing’ • In algoritme: Zoek gebruiktest gebruiktest > 5 resultaten usability testing gevonden voor usability testing • In resultaat: 50 resultaten voor 15 resultaten usability testing, gevonden voor 15 voor paper prot. paper prot. 20 voor comp. prot. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 47. Best bets Als desondanks toch nog: • Teveel resultaten; • Meest relevante niet bovenaan.  Handmatig content pages aan preferred terms koppelen;  Bovenaan apart presenteren als best bets. Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 48. Meer lezen over zoeken  http://www.boxesandarrows.com/view/four_modes_of_seeking _information_and_how_to_design_for_them  Search Patterns by Peter Morville http://flickr.com/photos/morville/collections/7215760378583588 2/  http://www.den-dopper.com/2010/07/15/6-redenen-om-je- navigatie-niet-overboord-te-gooien-voor-een-grote-zoekknop/ Interaction Design 102 Vragen of feedback? @ferrydendopper
  • 49. Vragen? Feedback? f.den.dopper@hr.nl @ferrydendopper Interaction Design 102 Vragen of feedback? @ferrydendopper

Editor's Notes

  1. Important questions are: How do they recognize things? Which terms are most universal and most easily learnable? How are they USED to looking for information? How hard will it be for them to change?Is the amount of information still browsable, or is a search function the only way to find it?
  2. Bates, 1989 proposed the berry-picking model of information seeking, which has two main points. The first is that, in the process of reading and learning from the information encountered throughout the search process, the searchers&apos; information needs, and consequently their queries, continually shift (see Figure 3.3). Information encountered at one point in a search may lead in a new, unanticipated direction. The original goal may become partly fulfilled, thus lowering the priority of one goal in favor of another. The second point is that searchers&apos; information needs are not satisfied by a single, final retrieved set of documents, but rather by a series of selections and bits of information found along the way. This is in contrast to the assumption that the main goal of the search process is to hone down the set of retrieved documents into a perfect match of the original information need.