In een web-app met een zoekvak in de koptekst – waar moet de zoekopdracht naartoe, aan de links of rechts van de koptekst? Met welke overwegingen moet rekening worden gehouden bij het nemen van deze beslissing?
In termen van wat de anderen doen, volgt hier een kort overzicht van enkele van de meer populaire webapps:
Zoekvak aan de rechterkant
- Dropbox
- Alto mail
- Vimeo
- Dribbelen
- Behance
- Last.fm
- Flickr
Zoekvak aan de linkerkant
- Gmail
- Grooveshark
- Outlook.com
- Yahoo Mail
- Ohmytracks
- Youtube
- Outlook Web Access
- Salesforce
- Tumblr
- Evernote
- Delicious
Zoekvak in het midden
- Box.net
Reacties
- Dit is niet langer juist. Ik heb deze allemaal bekeken en alleen 4 waren nog steeds hetzelfde. DE MEESTEN zijn nu midden.
- @ user140421 Bedankt voor het bijhouden! 🙂
Antwoord
Ik raad aan dit artikel te bekijken doei Jared spool op UIE waar hij de positionering van inhoud evalueert en hoe dat het gebruik van de gebruiker beïnvloedt, op basis van een paper Where “s the Search? De verwachtingen van gebruikers opnieuw onderzoeken van webobjecten .
Om het artikel te citeren
Onze ervaring is dat een goed ontworpen pagina elke keer de verwachtingen van de gebruiker overtreft.
17% van de deelnemers zei dat ze de rechterbovenhoek voor het zoekvak verwachtten.
Zijn finale analyse op basis van de paper wordt hieronder gegeven
Gewoon omdat gebruikers verwachten dat het zoekvak in de rechterbovenhoek staat (tenminste 27% van de tijd) , betekent niet dat ze zich niet kunnen aanpassen om het op andere plaatsen te vinden mensen zijn uitzonderlijk goed aan te passen aan onze omgeving.
Dit artikel van smashing magazine heeft dit te zeggen over de positionering van de zoeker
Waar moet het zoekvak worden geplaatst?
Er zijn veel mogelijkheden, maar slechts een paar goede. De handigste plek voor gebruikers is linksboven of rechtsboven op elke pagina op uw website, waar gebruikers deze gemakkelijk kunnen vinden met behulp van het gebruikelijke F-vormige scanpatroon. Sommige blogs hebben echter de neiging om het zoekvak onder aan de zijbalk (links of rechts) te plaatsen. Dat is waarschijnlijk geen goed idee, maar wordt waarschijnlijk gedaan vanwege advertentie-overwegingen.
Kijkend naar de voorbeelden die u heeft gegeven van de sites die zoeken aan de linkerkant of gedeeltelijk links uitgelijnd, komen een aantal veelvoorkomende themas naar voren:
-
De zoekopdracht is technisch niet helemaal links maar alleen achter het logo geplaatst en is een voortzetting van het logo om de gebruiker te leiden op het gebruik van de zoekopdracht
-
De meeste van deze sites zijn voor hun werking sterk afhankelijk van zoeken
Zoeken is van cruciaal belang in de e-mail van Google omdat het meerdere services samenbrengt
Het zoeken hier is belangrijk voor het zoeken naar muziek is vaak het eerste startpunt voor gebruikers
Zoeken is van cruciaal belang voor YouTube omdat het dient als het primaire item punt voor toegang tot de enorme database van YouTube.
Als we echter een voorbeeld nemen van sites met een site aan hun rechterkant, is een gemeenschappelijk thema dat, hoewel deze sites wel een zoekfunctie moeten gebruiken, het niet essentieel is een deel of een van de belangrijkste drijfveren voor hun site en daarom is het niet prominent geplaatst, maar wel geplaatst op een locatie waar gebruikers het zouden verwachten, zoals hieronder weergegeven
Reacties
- Bekijk deze voorbeelden laten me bijna geloven dat een zoekvak prominenter zou moeten zijn, hoe verder het naar links het wordt. D.w.z. Als ” zoeken naar ” een primaire actie is, dan ‘ s meer naar het midden toe of naar links, terwijl als het ‘ een secundaire actie is, het naar rechts afdrijft.
Answer
In 2010 verplaatste Wikipedia hun zoekvak vanaf de linkerkant van de pagina (direct onder hun navigatievak ), rechtsboven op de pagina. Ze plaatsten hiervoor een gedetailleerde uitleg , inclusief verwijzingen naar een aantal onderzoeksartikelen en resultaten van hun eigen onderzoek.
Ik “ll citeer enkele uittreksels, maar raad u aan het hele artikel te lezen:
Een andere factor die mogelijk de verwachtingen van gebruikers heeft beïnvloed, is de algemene plaatsing van zoekmachinefuncties in de rechterbovenhoek van het browservenster. Er zijn praktische voordelen aan het plaatsen van de zoekopdracht in de rechterbovenhoek …
… verschillende bruikbaarheidsstudies hebben een belangrijk voordeel aangetoond van het plaatsen van navigatie-elementen op de rechts: het geeft directe toegang tot de browser-scrollbar. Dit is vooral waardevol wanneer a) omhoog en omlaag scrolt in een lijst met zoekresultaten, b) omhoog en omlaag scrolt in een artikel dat u zojuist ter informatie heeft opgeroepen.
Bovendien waren ze specifiek geïnteresseerd in hoe de grootte van het zoekvak van invloed was op waar e op de pagina geplaatst.
Het oude zoekvak is ongeveer 20 tekens breed, het nieuwe zoekvak biedt plaats aan 24 tekens. Wat nog belangrijker is, is dat vanwege de plaatsing van het oude zoekvak in de zijbalk van de lay-out, het verbreden van de zoekopdracht onmogelijk was zonder deze te verplaatsen of de zijbalk te verbreden.
Door de plaatsing van het zoekvak in de rechterbovenhoek kunnen we om een vaste standaardbreedte van de ene pagina naar de volgende te behouden, terwijl we ons maximale flexibiliteit geven over wat die breedte zou moeten zijn.
Wat betreft niet-Engelse talen:
… we hebben de Engelse Wikipedia niet getest met andere talen die het zoekvak direct onder het logo hadden geplaatst, en we herkennen dat deze alternatieve plaatsing is al een verbetering om aan de verwachtingen van de gebruiker te voldoen. Op basis van het hierboven geciteerde onderzoek en de ontwerpredenen om het zoekvak rechtsboven te plaatsen, zijn we echter nog steeds van mening dat het algemene argument voor het verplaatsen van de zoekopdracht zelfs voor die talen overtuigend is, zij het iets minder.
Ten slotte een samenvatting:
Kortom, we hebben het zoekvak verplaatst naar a) overeenkomen met webpraktijken en gebruikersverwachtingen, b) het mogelijk maken om het te verbreden in overeenstemming met algemene aanbevelingen voor bruikbaarheid, c) als reactie op daadwerkelijk waargenomen problemen van proefpersonen bij het gebruik van de oude zoekopdracht.
We erkennen ook dat miljoenen Wikipedia-gebruikers zich hadden aangepast aan de oude plaatsing, en zich nu opnieuw zullen moeten aanpassen aan de nieuwe plaatsing. Het wereldwijde publiek van Wikipedia groeit echter elk jaar met tientallen miljoenen gebruikers (het is momenteel 375 miljoen unieke bezoekers / maand wereldwijd), en we hopen het in dit decennium met honderden miljoenen te laten groeien. Dat vereist dat we ons aanpassen aan de algemene verwachtingen van gebruikers, in plaats van te verwachten dat elke nieuwe gebruiker zich aan ons aanpast. Dit zal degenen die zich hebben aangepast aan de oude plaatsing helaas ongemak bezorgen. Weten we absoluut dat dit de juiste beslissing is? Nee, maar het feit dat bestaande gebruikers er tijdelijk hinder van ondervinden, is helemaal niet indicatief dat dit niet zo is.
Antwoord
Volgens mij betekent het zoekvak aan de linkerkant zoeken naar een specifieke entiteit, zoals zoeken naar een specifieke film op boxofficemojo.com, en het zoekvak aan de rechterkant betekent zoeken naar een specifieke functie of sectie op een portaal. Het zoekvak zou in het midden moeten staan als “Zoeken” de centrale functie is (zoals zoekmachines) van de app.
Als je deze namen niet had gepost voor “Zoekvak aan de linkerkant”, zou mijn standaardreactie zijn dat het zoekvak aan de rechterkant zou moeten staan, aangezien ik er nogal aan gewend ben om het zoekvak rechtsboven op een site te zien. De meeste van deze zoekvakjes maken deel uit van de koptekst en zijn onafhankelijk van het inhoudsgedeelte, bijvoorbeeld deze website .
Ik zou niet zeggen dat YouTube, Facebook en Gmail aan de linkerkant staan, ze zitten meer in het midden. Een voorbeeld van het zoekvak aan de linkerkant is BoxOfficeMojo
Answer
Eén stem voor deze vraag vanwege het belang van standaardlocaties voor gemeenschappelijke delen van de gebruikersinterface!
Deze studie publiceerde over eye-tracking van gewone webobjecten – inclusief zoeken – vond minder fixaties en kortere zoekopdrachten tijden waarop de zoekopdracht op een typische locatie plaatsvond. Voor het zoekveld was het grootste effect van verplaatsing van de typische locatie op e-commercesites in vergelijking met nieuws- of bedrijfssites.
Hun locaties waren gebaseerd op het onderzoek in Mentale modellen voor webobjecten .
Ze onderzochten 136 mensen over de locatie van veelgebruikte webobjecten, inclusief een zoekvak, op e-commercesites, nieuwssites en bedrijfssites. De verwachte zoeklocatie was afhankelijk van het type site.
In het tweede deel van het onderzoek bouwden 516 deelnemers een webapplicatie-UI door de webobjecten op het scherm te plaatsen.
U kunt de resultaten zien door naar de bovenstaande link te gaan. “Trending naar de rechterbovenhoek” is mijn beschrijving van de resultaten voor de zoekvaklocatie.
De SURL van de staat Wichita publiceerde in 2002 een soortgelijk onderzoek voor een “typische e-commerce-webpagina”. Figuur 5 laat zien de verwachte zoeklocatie. In dit onderzoek was de locatie het midden bovenaan de pagina. [Ze volgden dit in 2006 op met een ander] onderzoek ( http://psychology.wichita.edu/surl/usabilitynews/81/webobjects.asp ). De verwachtingen van sommige webobjecten zijn tussen 2002 en 2006 gewijzigd. De zoeklocatie is verplaatst van het midden naar rechtsboven.