I en webbapp med en sökruta i rubriken – vart ska sökningen gå, på vänster eller höger sida av rubriken? Vilka överväganden bör beaktas när detta beslut fattas?
När det gäller vad de andra gör, här är en kort översikt över några av de mer populära webbapparna:
Sökruta till höger
- Dropbox
- Alto mail
- Vimeo
- Dribble
- Behance
- Last.fm
- Flickr
Sökruta till vänster
- Gmail
- Grooveshark
- Outlook.com
- Yahoo Mail
- Ohmytracks
- Youtube
- Outlook Web Access
- Salesforce
- Tumblr
- Evernote
- Läcker
Sökruta i mitten
- Box.net
Kommentarer
- Detta är inte längre korrekt. Jag har granskat alla dessa och bara 4 var fortfarande desamma. DE FLESTA är mitten nu.
- @ user140421 Tack för att du håller koll! 🙂
Svar
Jag rekommenderar att du tittar på den här artikeln hej Jared spool på UIE där han utvärderar placeringen av innehållet och hur det påverkar användarnas användning baserat på ett papper Var är sökningen? Ompröva användarförväntningarna igen av webbobjekt .
För att citera artikeln
Vår upplevelse är en väldesignad sida som tränger användarnas förväntningar varje gång.
17% av deltagarna sa att de förväntade sig det övre högra hörnet för sökrutan.
Hans sista analys på basis av papperet ges nedan
Bara för att användarna förväntar sig att sökrutan ska vara uppe till höger (minst 27% av tiden) , betyder inte att de inte kan anpassa sig till att hitta det på andra ställen. När allt kommer omkring, vi människor är exceptionellt anpassningsbara till vår omgivning.
Denna artikel av smashing magazine har detta att säga om placeringen av searc
Var placerar du sökrutan?
Det finns många möjligheter, men bara ett par rätt. Den mest bekväma platsen för användare skulle vara längst upp till vänster eller uppe till höger på varje sida på din webbplats, där användare enkelt kunde hitta den med det vanliga F-formade skanningsmönstret. Vissa bloggar tenderar dock att placera sökrutan längst ner i sidofältet (vänster eller höger). Det är förmodligen ingen bra idé men görs sannolikt på grund av reklamhänsyn.
Om du tittar på de exempel du gav på webbplatserna som använder sökning till vänster eller delvis vänsterjusterad, ett par vanliga teman visas:
-
Sökningen är tekniskt inte helt till vänster utan placeras bara efter logotypen och fortsätter med logotypen för att leda användaren till att använda sökningen
-
De flesta av dessa webbplatser är starkt beroende av att de söker för att fungera
Sökning är avgörande i Googles e-post eftersom den knyter i flera tjänster tillsammans
Sökningen här är viktig för musiksökning är ofta den första utgångspunkten för användare
Sök är avgörande för Youtube eftersom det fungerar som den primära posten poäng för åtkomst till Youtube: s stora databas.
Men när man tar ett exempel på webbplatser som har webbplats till höger, är ett vanligt tema att även om dessa webbplatser behöver använda sökning är det inte kritiskt del eller en huvudsaklig drivpunkt för deras webbplats och därmed är den inte framträdande placerad utan placerad på en plats där användarna förväntar sig den som visas nedan
Kommentarer
- Tittar på dessa exempel får mig nästan att tro att för en mer framträdande sökruta bör vara, ju längre till vänster den blir. Dvs. Om ” söker ” är en primär åtgärd, så är det ’ mer mot mitten eller vänster, medan det ’ är en sekundär åtgärd, så driver den mot höger.
Svar
År 2010 flyttade Wikipedia sin sökruta från vänster på sidan (direkt under navigeringsrutan ), uppe till höger på sidan. De publicerade en detaljerad förklaring för att göra detta, inklusive hänvisningar till ett antal forskningsartiklar och resultat från egen forskning.
I ”ll citera några utdrag, men rekommendera att du läser hela artikeln:
En annan faktor som kan ha påverkat användarnas förväntningar är den vanliga placeringen av sökmotorfunktioner i uppe till höger i webbläsarfönstret. Det finns praktiska fördelar med att placera sökningen längst upp till höger …
… flera användbarhetsstudier har pekat på en viktig fördel med att navigationselement placeras på höger: det ger omedelbar åtkomst till webbläsarens fält. Detta är särskilt värdefullt när a) rullar upp och ner i en lista med sökresultat, b) rullar upp och ner i en artikel som du just har kallat för information.
Dessutom var de särskilt intresserade av hur storleken på sökrutan påverkade var den kunde b placeras på sidan.
Den gamla sökrutan är cirka 20 tecken bred, den nya sökrutan rymmer 24 tecken. Ännu viktigare, på grund av placeringen av den gamla sökrutan i sidofältet i layouten, var det omöjligt att utvidga sökningen utan att antingen flytta den eller bredda sidofältet.
Sökrutans placering längst upp till höger tillåter oss att upprätthålla en fast standardbredd från en sida till nästa, samtidigt som vi ger maximal flexibilitet vad gäller den bredden.
Vad gäller icke-engelska språk:
… vi testade inte den engelska Wikipedia mot andra språk som hade placerat sökrutan direkt under logotypen, och vi känner igen att denna alternativa placering är redan en förbättring för att matcha användarnas förväntningar. Baserat på den ovan nämnda forskningen, liksom designskälen för att flytta sökrutan uppe till höger, tror vi fortfarande att det övergripande fallet för att flytta sökningen är tvingande även för dessa språk, om något mindre.
Slutligen en sammanfattning:
Sammanfattningsvis flyttade vi sökrutan till a) matcha webbpraxis och användarnas förväntningar, b) göra det möjligt att bredda det i enlighet med vanliga rekommendationer om användbarhet, c) som svar på faktiska observerade problem hos försökspersoner när de använder den gamla sökningen.
Vi känner också igen att miljontals Wikipedia-användare hade anpassat sig till den gamla placeringen och nu måste de anpassa sig till den nya placeringen. Wikipedias globala publik växer emellertid med tiotals miljoner användare varje år (det är för närvarande 375 miljoner unika besökare / månad över hela världen), och vi hoppas kunna växa med hundratals miljoner under detta decennium. Det kommer att kräva att vi anpassar oss till vanliga användarnas förväntningar, snarare än att förvänta oss att varje ny användare ska anpassa sig till oss. Detta kommer tyvärr att besvära de som har anpassat sig till den gamla placeringen. Vet vi absolut att det är rätt beslut? Nej, men det faktum att befintliga användare tillfälligt besväras av det är inte alls ett tecken på att det inte är det.
Svar
Enligt mig betyder sökruta till vänster att du söker efter en viss enhet som att söka efter en viss film på boxofficemojo.com, och sökruta till höger betyder att du söker efter en viss funktion eller avsnitt på en portal. Sökrutan ska vara i mitten om ”Sök” är den centrala funktionen (som sökmotorer) i appen.
Om du inte hade lagt upp dessa namn för ”Sökruta till vänster” skulle min standardreaktion har varit att sökrutan borde vara på höger sida eftersom jag är ganska van att se sökrutan längst upp till höger på en webbplats. De flesta av dessa sökrutor är en del av rubriken och oberoende av innehållssektionen, till exempel denna webbplats .
Jag skulle inte säga att Youtube, Facebook och Gmail är till vänster, de är mer i mitten. Ett exempel på sökrutan till vänster är BoxOfficeMojo
Svar
En röst upp för denna fråga på grund av vikten av standardplatser för vanliga delar av användargränssnittet!
Denna studie publicerades om ögonspårning av vanliga webbobjekt – inklusive sökning – hittade färre fixeringar och kortare sökning gånger när sökningen var på en typisk plats. För sökfältet var den starkaste effekten av förflyttning från den typiska platsen på e-handelssajter jämfört med nyheter eller företagswebbplatser.
Deras platser baserades på forskningen i Mentala modeller för webbobjekt .
De undersökte 136 personer angående placeringen av vanliga webbobjekt, inklusive en sökruta, på e-handelssajter, nyhetssajter och företagswebbplatser. Den förväntade sökplatsen berodde på typen av webbplats.
I den andra delen av studien konstruerade 516 deltagare ett webbapplikationsgränssnitt genom att placera webbobjekten på skärmen.
Du kan se resultaten genom att gå till länken ovan. ”Trender mot övre högra hörnet” är min beskrivning av resultaten för sökrutans plats.
Wichita State ”s SURL publicerade en liknande typ av studie 2002 för en” typisk e-handelswebbplats ”. Figur 5 visar den förväntade sökplatsen. I denna studie var platsen den övre mitten av sidan. [De följde upp detta 2006 med en annan] studie ( http://psychology.wichita.edu/surl/usabilitynews/81/webobjects.asp ). Förväntningarna på vissa webbobjekt förändrades mellan 2002 och 2006. Sökplatsen flyttade bort från centrum och uppe till höger.