Paieškos eilutę sudaro teksto lauko ir įvesties mygtuko derinys. Atrodytų, dizaino čia net nereikia – juk kalbame tik apie du paprastus elementus. Tačiau svetainėse, kuriose yra daug turinio, paieškos juosta dažnai yra dizaino elementas, kurį lankytojai naudoja dažniausiai. Atidarydami gana sudėtingos architektūros svetainę, vartotojai iš karto kreipiasi į paieškos juostą, kad greitai ir neskausmingai pasiektų savo tikslą. Ir staiga paaiškėja, kad linijos dizainas yra labai svarbus.

Šiame straipsnyje apžvelgsime, kaip jį galima patobulinti, kad vartotojas praleistų kuo mažiau laiko, kad pasiektų tai, ko ieško.

Geriausia praktika

1. Naudokite didinamojo stiklo piktogramą

Į paieškos juostą būtinai pridėkite vaizdinį žymeklį – piktogramą su padidinamuoju stiklu. Piktogramos pagal apibrėžimą yra vizualinis objekto, veiksmo ar koncepcijos vaizdas. Yra daugybė piktogramų, kurių reikšmes skaito didžioji dauguma vartotojų. Paveikslėlis su padidinamuoju stiklu priklauso būtent šiai kategorijai.

Vartotojai atpažįsta piktogramos perteikiamą informaciją net be antraštės

Patarimas: naudokite paprasčiausią, schematišką vaizdo versiją. Kuo mažiau grafinių detalių, tuo geriau simbolis bus atpažįstamas.

2. Paieškos juostą pastatykite matomoje vietoje

Kadangi paieškos funkcija labai svarbi svetainei ar programai, ji turėtų patraukti akį – juk ji gali nuvesti vartotoją į norimą puslapį per trumpiausią įmanomą kelią.

Kairėje esančiame paveikslėlyje paieškos funkcija paslėpta už piktogramos

Svarbu, kad būtų rodomas visas teksto įvesties laukas: jei jis paslėptas už piktogramos, paieškos funkcija taps mažiau pastebima ir sąveika pareikalaus papildomų vartotojo pastangų.

Nenaudokite nuoseklaus paieškos funkcijos išplėtimo – tai paslepia kontekstą

3. Suteikite paieškos juostai veiksmo mygtuką

Mygtukas padeda žmonėms suprasti, kad jiems liko tik vienas žingsnis iki veiksmo užbaigimo, net jei jie nusprendžia paspausti Enter, kad užbaigtų tą veiksmą.

Patarimas: nepadarykite paieškos mygtuko per mažo, kad naudotojams nereikėtų nukreipti į jį savo žymekliu. Kuo daugiau vietos jis užima, tuo lengviau jį pastebėti ir spustelėti.

Suteikite vartotojams galimybę pradėti paiešką paspausdami klavišą Enter arba spustelėdami mygtuką. Daugelis žmonių ir toliau turi įprotį paspausti mygtuką, kad pradėtų procesą.

4. Kiekviename puslapyje pridėkite paieškos juostą

Turėtumėte nuolat suteikti vartotojams prieigą prie paieškos juostos bet kuriame svetainės puslapyje. Juk jei vartotojas nemato to, ko jam reikia, jis bandys pasinaudoti paieška, kad ir kur būtų.

5. Paieškos juosta turi būti paprasta

Kurdami paieškos juostą įsitikinkite, kad ji panaši ir paprasta naudoti. Naudojamumo tyrimais nustatyta, kad naudotojo patirtis yra geresnė, kai išplėstinės paieškos nustatymai yra paslėpti pagal numatytuosius nustatymus. Rodydami juos (kaip toliau pateiktame Būlio paieškos pavyzdyje), rizikuojate suklaidinti žmones, kurie bando įvesti užklausą.

Būlio paieška

6. Įdėkite paieškos juostą ten, kur žmonės tikisi ją pamatyti

Blogai, kai vartotojai yra priversti ieškoti paieškos juostos – vadinasi, ji netraukia žvilgsnio ir pasiklysta puslapyje.

Toliau pateiktoje iliustracijoje, paimtoje iš A. Dawn Shaikh ir Keisi Lenz tyrimų, parodyta, kurioje ekrano vietoje vartotojai tikisi pamatyti paieškos juostą. Šie duomenys gauti apklausus 142 respondentus. Tyrimas parodė, kad geriausios sritys buvo viršutinis dešinysis ir viršutinis kairysis ekrano kampai, kur vartotojai greičiausiai ras paieškos juostą naudodami standartinį F šabloną.

Iliustracija rodo, kuriose ekrano srityse žmonės linkę pirmiausia ieškoti paieškos juostos. Viršutinis dešinysis kampas vis dar pirmauja

Taigi, paieškos juostą patalpinkite viršutiniame dešiniajame kampe arba viršutiniame ekrano centre – taip būsite tikri, kad jos išdėstymas pateisins vartotojų lūkesčius.

Turinio turtingoje Youtube svetainėje paieškos juosta yra viršutiniame ekrano centre

Patarimas:

• Idealiu atveju paieškos juosta turėtų tilpti į bendrą viso puslapio dizainą, bet tuo pačiu šiek tiek išsiskirti, jei vartotojui jos prireiktų.
• Kuo daugiau turinio jūsų svetainėje, tuo ryškesnė turėtų būti paieškos juosta. Jei paieška yra pagrindinė jūsų svetainės funkcija, negailėkite kontrastų – įvesties laukas ir piktograma turi išsiskirti tiek fone, tiek tarp juos supančių elementų.

7. Pakankamas linijos ilgis

Per trumpas įvesties laukas yra dažna dizainerių klaida. Žinoma, tai netrukdys vartotojui įvesti ilgos užklausos, tačiau bus matoma tik jos dalis, o tai yra blogai naudojimosi požiūriu, nes apsunkina įvesto teksto tikrinimo ir redagavimo procesą. Tiesą sakant, kai paieškos juostoje pasirodo per mažai simbolių, vartotojai yra priversti naudoti trumpas, netikslias užklausas vien todėl, kad ilgas bus sunku ir nepatogu iš naujo perskaityti. Jei lauko dydis atitinka numatytą užklausų ilgį, darbas su jomis tampa daug lengvesnis.

Bendra taisyklė yra ta, kad įvesties eilutė turi būti 27 simbolių ilgio (užteks 90 % užklausų).

„Amazon“ turi tinkamo ilgio paieškos eilutę

Patarimas: apsvarstykite galimybę įdiegti eilutę, kuri išsiplečia spustelėjus. Tokiu būdu galite sutaupyti ekrano nekilnojamąjį turtą, kartu suteikdami pakankamai vaizdinių užuominų, kad vartotojas galėtų greitai rasti lauką ir atlikti paiešką.

8. Naudokite automatinio užbaigimo mechanizmą

Automatinio užbaigimo mechanizmas padeda vartotojui pasirinkti norimą užklausą, bandydamas ją numatyti pagal jau įvestą teksto dalį. Jis reikalingas ne norint pagreitinti procesą, o nukreipti vartotoją ir padėti jam teisingai suformuluoti prašymą. Paprastas vartotojas turi didelių problemų dėl to; jei pirmą kartą neranda to, ko ieško, vėlesni bandymai būna nesėkmingi. Dažnai žmonės tiesiog pasiduoda. Automatinis užbaigimas – žinoma, jei gerai sukonfigūruotas – skatina vartotojus naudoti tinkamesnes užklausas.

„Google“ paieškos sistema puikiai įsisavino šį modelį, pirmą kartą jį įdiegusi 2008 m. Vartotojai linkę naudoti tas pačias užklausas kelis kartus, todėl išsaugodama paieškos istoriją „Google“ taupo laiką ir pagerina vartotojo patirtį.

Patarimas:

• Įsitikinkite, kad automatinio pildymo funkcija tikrai naudinga. Jei bus padaryta blogai, tai tik atitrauks ir suklaidins vartotojus. Todėl naudokite automatinį taisymą, šaknies atpažinimą ir nuspėjamą teksto įvestį, kad pagerintumėte įrankio kokybę.
• Siūlykite automatinio užbaigimo parinktis kuo greičiau (kažkur po trečiojo simbolio), kad iš karto pasiūlytumėte jiems reikalingą informaciją ir apsaugotumėte vartotoją nuo nereikalingų duomenų įvedimo.
• Rodyti ne daugiau kaip 10 parinkčių (ir nenaudokite slinkties juostos), kad neapkrautumėte vartotojo informacija.
• Nustatykite klaviatūros naršymą naudodami parinkčių sąrašą. Pasiekęs paskutinį tašką, vartotojas turi turėti galimybę pereiti į pradžią. Paspaudus klavišą Esc, sąrašas turėtų susitraukti.
• Parodykite skirtumą tarp įvesto teksto ir siūlomų duomenų. Pavyzdžiui, įvestas tekstas turi standartinį šriftą, tačiau automatiškai užpildyta parinkties dalis turi paryškintą šriftą.

Automatinis užbaigimas taupo vartotojo laiką ir netgi gali pasiūlyti geresnes formuluotes

9. Paaiškinkite, ko galite ieškoti

Paieškos užklausos pavyzdžio rodymas įvesties lauke yra gera idėja, norint vartotojams tiksliai nurodyti, kam jie gali naudoti šią funkciją. Jei vartotojas gali ieškoti naudodamas skirtingus kriterijus, nurodykite jam apie tai naudodami specialų šabloną (pvz., toliau pateiktas pavyzdys iš IMDB). HTML5 leidžia lengvai pridėti tekstą, kuris pagal numatytuosius nustatymus bus rodomas neaktyvioje paieškos juostoje.

Patarimas: Apsiribokite keliais žodžiais, kitaip, užuot sumažinę pažintinį krūvį, jį tik padidinsite.

Išvada

Paieška yra pagrindinė veiklos rūšis ir pagrindinis komponentas kuriant daug informacijos turinčią programą ar svetainę. Netgi nedideli pakeitimai, tokie kaip lauko dydis arba nurodant, ką jame reikia įvesti, gali žymiai pagerinti paieškos naudojimą ir bendrą UX.

Kiekvienas vartotojas, ieškantis informacijos internete, naudojasi naršyklės adreso juosta. Atrodytų, kad tai banali ir pažįstama priemonė, kurios nereikia svarstyti atskirai. Bet tai netiesa. Jūs turite žinoti, kaip dirbti su šiuo įrankiu. Dabar mes išmoksime tai padaryti.

Taip pat galite atsisiųsti modernią naršyklę UC Browser, kad galėtumėte peržiūrėti interneto puslapius iš savo kompiuterio ir telefono. Jame taip pat yra adreso juosta ir keletas įdomių funkcijų. Jis palaipsniui tobulėja ir dabar gali konkuruoti su įprastais „Firefox“, „Chrome“ ir „Opera“. Atsisiųskite ir pabandykite.

Terminija

Interneto puslapiams peržiūrėti naudojamos specialios programos – naršyklės. Kiekviename iš jų lango viršuje yra teksto laukas, kuriame klaviatūra įvedamas norimos svetainės adresas (url). Atidarius svetainę, adreso juostoje rodomas visas jos adresas.

URL yra unikalus ištekliaus adresas internete.

Adreso juostos „Mozilla Firefox“ naršyklėje pavyzdys

Esminiai elementai

Šie adreso juostos elementai yra visose populiariose naršyklėse.

1. Atnaujinimo mygtukas – atnaujina dabartinį puslapį
2. Ankstesnio/Kito puslapio mygtukai- naršymo elementai, leidžiantys grįžti į anksčiau atidarytą puslapį arba eiti į tą, kurį palikote (dabartiniame skirtuke)
3. Lankomiausių puslapių sąrašas – leidžia greitai pereiti į dažnai peržiūrėtą svetainės puslapį

Kur yra adreso juosta

Pažvelkime į tai naudodami trijų populiariausių naršyklių pavyzdį – „Firefox“, „Opera“, „Chrome“ ir „Internet Explorer“.

Mozilla Firefox

Adreso juosta naršyklėje Mizila Firefox.

Google Chrome

Taip atrodo „Google“ naršyklėje.

Opera

Išvaizda pateikiama taip.

Internet Explorer

Ir galiausiai paskutinė naršyklė.

Paieškos paslaugų nustatymas

Jau seniai kūrėjai pradėjo diegti paieškos paslaugas naršyklėje. Tai supaprastino informacijos paiešką – paieškos juosta yra šalia adreso juostos ir leidžia įvesti užklausas nesikreipiant į paieškos sistemą.

pastaba . Paieškos užklausas galite įvesti tiesiai į adreso juostą. Tokiu atveju paieška bus vykdoma naudojant numatytąjį paieškos variklį. Jei naršyklėje įvesite užklausą papildomoje paieškos juostoje, jūsų bus paprašyta pasirinkti, per kurią paieškos programą ar paslaugą norite rasti informacijos.

Pažvelkime į šį mechanizmą naudodami Mozilla Firefox kaip pavyzdį.

Toliau pateiktame paveikslėlyje parodytas paieškos užklausų įvedimo į adreso juostos langą ir į paieškos langą procesas.

Kaip matote, „paieškos terminas“ įvedėme tiesiai į adreso juostą. Jei paspausime mygtuką „Enter“, gausime rezultatą. Mūsų užklausa bus apdorota per „Yandex“ paieškos variklį ir būsime nukreipti į paieškos rezultatų puslapį. Taip atsitiks, nes pagal numatytuosius nustatymus mūsų naršyklėje pasirinkta „Yandex“ paieškos paslauga. Galite redaguoti šį nustatymą. Tai daroma taip.

Paieškos juostos lange spustelėkite rodyklę, esančią šalia didinamojo stiklo piktogramos (pasirodo, kai užvedate pelės žymeklio piktogramą), ir atsidariusiame meniu pasirinkite " Pakeiskite paieškos nustatymus ".

Čia pasirinkite paieškos variklį arba paslaugą, kuri bus naudojama kaip numatytoji.

Jei paieškos užklausą įvesite ne adreso juostoje, o paieškos bloke, jūsų bus paprašyta pasirinkti norimą naudoti paieškos variklį ar paslaugą – tereikia iš sąrašo pasirinkti tą, kurios jums reikia. Tai daro viską.

„Yandex“ savo gerbėjams pristatė naują paieškos programą, skirtą darbui su savo paslauga mobiliuosiuose įrenginiuose. Programos pavadinimas yra tikrai originalus - Yandex.Search. Tačiau, atmetę nereikalingą ironiją, galime pasakyti - Atsisiųskite nemokamą „Yandex.Search“. yra labai geras pasirinkimas tiems, kurie mėgsta greitai gauti atsakymus į bet kurį pateiktą klausimą. Taigi, štai pirmasis užduotas klausimas ir labai greitas atsakymas į jį: tai kelių naršyklių programa. Tai yra, naršyklė, turinti išplėstines galimybes dirbti su informacija, gauta iš tinklo, ir įvairias jos įgyvendinimo funkcijas.

„Yandex“ paieškos valdiklio specifika:

Norint gauti reikiamus duomenis, į paieškos sistemą įvedama užklausa, kuri siūlo atitinkamą skirtuką su svetainių sąrašu.

Kai ieškosite žodžio Android, gausite nuorodas į informacijos šaltinius, kuriuose apie tai kalbama. Jei tai taikoma restoranui, parduotuvei, kavinei, tuomet gausite skirtuką su žemėlapiu, kuriame pažymėtos artimiausios jums reikalingos įstaigos. Čia taip pat galite nubrėžti maršrutą į juos naudodami „Yandex Maps“ paslaugą ir kitus dalykus. Kiekvienai užklausai papildomai galite gauti skirtukus: paveikslėlius, naujienas, žemėlapius, rinką, žodynus, programas, plakatus ir automobilius. Naudodami žodį su miesto pavadinimu, pateksite į orų puslapį, ten yra savaitės diagrama ir įprastas vaizdas. Iš anksto įdiegta programa vaizdams peržiūrėti. Viskas gana apgalvota, lakoniška ir minimalistiška.

Stilius geltonas, kaip ir tikėtasi. Yra 3 tipų valdikliai (1x2, 1x4, 4x4). Maži turi tik paieškos juostą, o didesni yra informatyvūs. Jame rodomos svarbiausios naujienos (5 naujienos), paieškos juosta, data ir miesto pavadinimas, valiutos kursas, šiandienos ir rytojaus orai ir 4 etiketės jūsų nuožiūra. Daugelį gali sudominti labai įdomus „Yandex“ pasiūlymas, kuris supaprastina paiešką.

Programa pateikia paruoštus atsakymus į užklausas, susijusias su populiariomis temomis mobiliajame telefone – tai adresai, naujienos, nuotraukos ir orų prognozės. Įprasti rezultatai visada yra šalia – tiesiog spustelėkite atitinkamą skirtuką arba apverskite ekraną.

Žmogus yra toks padaras, jis nuolat kažko ieško. Galvoje, draugo telefone, spintoje ir galiausiai internete. Jei į jūsų svetainę ateina naujas skaitytojas, būkite tikri, kad jis tikrai norės ten ko nors paieškoti.

Taip atsitinka, kad integruotą „WordPress“ paiešką vargu ar galima pavadinti idealia ar net tiesiog gera. Todėl, jei jūsų svetainė jau gerai indeksuota paieškos sistemų, laikas joje įdiegti „Yandex“ paiešką.

Eikite į „Yandex. Ieškokite svetainės“ nuorodoje http://site.yandex.ru ir spustelėkite ten esantį didelį žalią mygtuką „Įdiegti paiešką“. Jei dar neturite „Yandex“ pašto paskyros, sistema paragins ją sukurti. Sutikite, be šito toli nenuesite.

Atsidarius naujam langui, užpildykite visus reikiamus laukus ir spustelėkite toliau:

Pasirinkus paieškos juostos spalvą ir dydį, atsidarys kitas langas pavadinimu „Step 3“, kuriame turėsite pritaikyti paieškos rezultatų dizainą. Ar matote elementą „Rodyti rezultatus“?

Nustatykite paieškos rezultatų spalvą ir stilių ir spustelėkite Pirmyn:

Kitame lange pamatysite kodą, skirtą paieškos juostai įdėti į savo svetainę. Neuždarykite lango – tai labai svarbu! Arba nukopijuokite šį html kodą į naują Notepad++ dokumentą.

Kitas žingsnis yra labai svarbus! Jei padarysite ką nors ne taip, niekas neveiks. Jūs ir aš savo „WordPress“ svetainėje turėsime sukurti naują puslapį, kuriame bus rodomi visi paieškos rezultatai. Eikime į „WordPress“ administravimo sritį / Puslapiai / Sukurti naują. Pavadinkite naują puslapį „Paieška“ ir įsitikinkite, kad nuoroda į šį puslapį atrodo kaip tinklaraščio_pavadinimas/poisk.

Šiame puslapyje turėsite pridėti kodą, kurį jums suteikė „Yandex“. Tai atrodo taip:

Norime priminti, kad kodą turite įterpti html režimu.

„Windows“ operacinė sistema siūlo kelis būdus ieškoti failų ir aplankų. Norėdami kompiuteryje ieškoti failų, aplankų, programų ir el. laiškų, galite naudoti paieškos laukelį meniu Pradėti. Bet kai bandau ko nors ieškoti meniu Pradėti, trūksta paieškos lauko.

Yra keletas variantų, kaip viską grąžinti į savo vietas.

Pirmas variantas

Paprasčiausias būdas yra pabandyti grąžinti paieškos lauką naudojant „Windows“. Atidarykite Valdymo skydą - Programos ir funkcijos. Pasirinkite skirtuką „Įjunkite arba išjunkite Windows funkcijas“. Komponento radimas „Windows“ paieška. Jei komponentas nepasirinktas, pažymėkite langelį.

Spustelėkite Gerai. Dabar patikriname, ar paslauga įjungta, ar ne „Windows“ paieška. Norėdami tai padaryti, atidarykite Valdymo skydą - Administravimas - Paslaugos. Aptarnavimo režimo tikrinimas „Windows“ paieška. Turi stovėti Automatiškai.

Antras variantas

Taikyti. Norėdami tai padaryti, meniu Pradėti - Vykdyti įveskite komandą gpedit.msc ir Gerai. Dabar mes ieškome Vartotojo konfigūracija - Administravimo šablonai - Meniu Pradėti ir Užduočių juosta. Dešinėje lango pusėje ieškokite elemento Pašalinti nuorodą „Ieškoti“ iš meniu „Pradėti“. Patikrinkime šio parametro reikšmę. Privalo būti Nenurodyta.

Trečias variantas

Ši parinktis bus naudinga tiems vartotojams, kurie turi kitą Windows versiją nei Pro, Enterprise ir Ultimate. Palaikomos tik šios versijos Vietos grupės strategijos redaktorius.

Atidarykite registro rengyklę: paspauskite klavišą Win + R ir įveskite komandą regedit Ir Gerai. Skyriaus radimas

HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Policies\Explorer

jei šiame skyriuje yra parametras Nerasti- jis turi būti pašalintas.