Sökrutor
Not
Den här designguiden skapades för Windows 7 och har inte uppdaterats för nyare versioner av Windows. Mycket av vägledningen gäller fortfarande i princip, men presentationen och exemplen återspeglar inte vår nuvarande designvägledning.
Med en sökruta kan användarna snabbt hitta specifika objekt eller text i en stor uppsättning data genom att filtrera eller markera matchningar. Det finns ingen standardsökkontroll, men du bör sträva efter att göra programmets sökfunktioner konsekventa med Windows-sökfunktionerna.
Det finns två typer av sökningar:
Snabbsökning, där resultatet visas omedelbart som användartyper. Ingen knapp behöver klickas, så förstoringsglasets söksymbol visas som en bild, inte som en knapp.
En typisk sökruta med omedelbar sökning. Sökningen körs automatiskt på varje tangenttryckning.
Regelbunden sökning, där en sökning utförs när användaren klickar på sökknappen. Symbolen för förstoringsglassökning visas på en knapp.
En vanlig sökruta med vanlig sökning. Användarna klickar på en knapp för att utföra sökningen.
Du kan ange någon av eller båda typerna av sökalternativ för dina användare.
Är det här rätt kontroll?
Du kan ta ställning till följande frågor:
- Är specifika objekt svåra att hitta? Detta kan inträffa när:
- Det finns många objekt.
- Objekten finns inte på en enda plats. Sökning är särskilt användbart för att hitta objekt i träd.
- Det är svårt att hitta sökdata (till exempel metadata).
- Behöver användarna hitta specifik text i dokument?
- Returnerar din funktion relevanta sökresultat inom fem sekunder? Om inte kan du ange en sökfunktion, men använda en alternativ design som ger synlig feedback för att hantera långvariga sökningar, till exempel en sökdialogruta.
Designbegrepp
Sökning är ett viktigt första steg i många scenarier: Användare måste hitta objekt innan de kan använda dem. Användare sparar fler och fler objekt på allt större hårddiskar, men det går inte att bläddra efter objekt. Sökningen måste vara en enkel, konsekvent och tillförlitlig del av användarupplevelsen.
Sökrutor i Windows:
- Är en del av alla Explorer-fönster, så de är lätta att hitta och känna igen.
- Ha konsekvent utseende och beteende.
- Är effektiva och snabba, vilket ger omedelbara resultat i omedelbart sökläge.
En sökruta används i Windows på följande platser:
- Upptäcktsresande
- Upplevelser (Microsoft Windows Media Player, Windows Photo Gallery, Windows Internet Explorer)
- Start-menyn (för att hitta program och de senaste filerna)
- Startsidan för Kontrollpanelen (för att hitta objekt och uppgifter på kontrollpanelen)
- Hjälp (för att hitta relevanta hjälpavsnitt)
Utseende och känsla
Känslan av att söka i Windows förbättras avsevärt genom att stöda snabbsökning. Att ha omedelbara resultat gör att Windows känns mer kraftfullt och direkt.
I Utforskaren och programfönstren finns Search i det övre högra hörnet om det är en kompletterande startpunkt. I det här fallet letar användarna efter en sökmekanism när de inte hittar det de letar efter i fönstret. Men om Search är den primära startpunkten centreras den överst i fönstret.
Knappen Sök är visuellt ansluten till en sökruta. För att minimera utrymmet används en valfri fråga i en sökruta i stället för en etikett. Uppmaningen kan vara en instruktion (till exempel Skriv för att söka) eller ange sökomfånget (till exempel Sök efter bilder).
Utan etiketter och separata knappar har snabbsökning i Windows ett enkelt utseende.
Om du utför en lyckad sökning skapas en virtuell sida med sökresultaten och läggs till i fältet Bakåtstack och Adress. Användarna har flera sätt att återställa den ursprungliga sidan och rensa en sökruta, bland annat genom att klicka på Tillbaka, klicka på den ursprungliga sidan i adressfältet, trycka på Esc eller rensa sökrutan.
Användare kan också helt enkelt rensa sökrutan utan att återställa en föregående sida med resultat. I läget Snabbsökning visas en tydlig knapp när användaren börjar skriva. "x" ersätter förstoringsglasets söksymbol. Vid hovring får "x" en knappsökning och kan klickas.
Användaren kan rensa sökrutan genom att klicka på "x" i den högra änden av kontrollen.
I vanligt sökläge är knappen Rensa valfri. Användare kan till exempel ha nytta av det om en sökning tar lång tid att slutföra. Användare kan klicka på "x" för att stoppa sökningen som pågår. Om en sökning redan har slutförts kan användarna klicka på "x" för att rensa sökrutan.
Riktlinjer
Plats
- Leta upp Sök i det övre högra hörnet för programfönster.
- För popup-fönster letar du upp Sök där det är mest förnuftigt och bekvämt.
- Undantag: Om sökning vanligtvis är det första användarna gör i ett fönster (den primära startpunkten), centrera det överst i fönstret.
Titta
- Använd standardgrafiken för sökknappen. Det finns tre versioner:
- Endast förstoringsglassökningssymbol (ingen knapp vid hovring). Använd för snabbsökning.
- Förstoringsglas söksymbol med knapp. Använd när knappen måste klickas för att starta sökningen.
- Förstoringsglas söksymbol med knapp och listrutepil. Lägg till en listrutepil när användare kan ändra omfånget eller när andra inställningar är tillgängliga.
- För Snabbsökning använder du endast en listrutepil och visar en knapp vid hovring.
- För regelbunden sökning visar du listrutepilen på en knapp.
Visuella specifikationer för omedelbar sökning.
Visuella specifikationer för regelbunden sökning.
Använd inte en etikett. använd en valfri prompt i stället. Om användarna tenderar att anta att sökningen är en allmän filsökning använder du kommandotolken för att ge omfånget. Annars kan du använda Typ för att söka eller en liknande, koncis fras.
I de här exemplen hjälper korta textfrågor användarna att arbeta med Sök.
Interaktion
När du fokuserar på indata väljer du automatiskt valfri text som angetts tidigare. På så sätt kan användarna ange en ny sökning genom att skriva eller ändra den tidigare sökningen genom att placera caret med hjälp av piltangenterna.
I det här exemplet väljs tidigare angiven text i indatafokus.
Tilldela kortkommandot för sökrutan till Ctrl+E.
Funktionalitet
- Stöd för omedelbar sökning när det är möjligt. Ange både regelbundna sökningar och snabbsökningar om det finns scenarier där regelbunden sökning är värt den extra väntetiden.
- Regelbundna sökningar måste returnera relevanta resultat inom fem sekunder och Omedelbar sökning måste returnera resultat inom två sekunder. Efter den här punkten kan sökningen fortsätta att fylla i mindre relevanta resultat över tid så länge programmet är responsivt och användarna kan utföra andra uppgifter. Du kan behöva indexera dina sökdata för att säkerställa den här svarstiden.
- Om du anger både vanliga söklägen och snabbsökningslägen måste sökresultaten omedelbart vara en delmängd av de vanliga sökresultaten.
- All sökning är prefixbaserad (ingen substring eller suffixsökning). Det är valfritt att använda avslutande jokertecken och påverkar inte resultatet. Om flera ord anges använder du ELLER söker.
- En lyckad sökning lägger till en virtuell sida med sökresultaten i backstacken och adressfältet. Flera sökningar resulterar i en enda virtuell sida, så om du klickar på Tillbaka returneras alltid den ursprungliga sidan.
- Om det behövs för skalning rangordnar du sökresultaten efter relevans.
- En tom sökning returnerar den ursprungliga sidan.
Rekommenderad storlek och avstånd
Rekommenderad storlek och avstånd för omedelbar sökning.
Rekommenderad storlek och avstånd för regelbunden sökning.
SMS
- För formuleringen av prompten i sökrutan gör du det antingen till en instruktion (till exempel Skriv för att söka) eller anger sökomfånget (till exempel Sök efter bilder).
- Prompttexten ska vara kort. Ett ord eller en kort fras bör räcka.
- Använd versalisering i meningsformat.
- Använd inte avslutande skiljetecken eller ellipser.
Dokumentation
- Referera till den här kontrollen som sökrutan. Versalisera den första bokstaven i det första ordet; skriv inte in den inledande bokstaven i rutan med versaler.
- Se de två typerna av sökning som Snabbsökning och regelbunden sökning. Versalisera den inledande bokstaven i Snabbsökning; ändra inte versal till den inledande bokstaven i den vanliga sökningen.
Relaterade ämnen