Kā izveidot vietnes prototipu vietnes izstrādei tā, lai izpildītāji nepielāgotos

Mēs turpinām rakstīt par UX / UI. Šoreiz raksts ir par to, kā izveidot prototipa lapu, lai padarītu dzīvi vieglāku sev un lietotājam.

Lappušu prototipēšana ir svarīgs lapu elementu saturs un izkārtojums. Piemēram:

  • navigācija;
  • kontaktinformācija;
  • CTA elementi;
  • saturu;
  • logotipi;
  • heder (vietnes galvene);
  • kājene (pagrabs) un tā tālāk;

Izveidojot lapas prototipu iepriekš, varat atvieglot ikviena, kas nodarbojas ar lapas izveidi un aizpildīšanu, uzdevumu. Tas ir, dizaineri, copywriters, coders, programmētāji, un tā tālāk.

Šis raksts ir paredzēts klientiem, kuri vēlas pareizi izstrādāt TOR vietnes izstrādei. Tehniskās nianses prototipa izstrādē, lasiet rokasgrāmatu "Kā izveidot prototipu Axure RP, ja jūs neko nesaprotat."

Kas ir prototipa izveide

Papildus lapu izveides vienkāršošanai prototipēšana palīdz padarīt lietotāju dzīvi labāku. Tas ir, lai pievienotu kaut ko noderīgu vai noņemtu kaut ko nevajadzīgu, lai atvieglotu navigāciju lapā, atrastu nepieciešamo informāciju un atrisinātu problēmu.

Pieņemsim, ka lietotājs vēlas atrast atbildi uz jautājumu. Viņš vada jautājumu meklētājprogrammā un seko saitei uz jūsu vietni. Tad viņš sagaida kaut ko līdzīgu:

Viņš cer redzēt kaut ko līdzīgu, jo viņš ir pieradis, ka tajās ir tīmekļa vietnes. Tas sakrīt ar viņa lietotāja pieredzi.

Lietotāju pieredze (UX - User eXperience) ir pieredze, kas ir uzkrāta pirms vai pēc tam, kad persona ir izmantojusi jūsu saskarni. Lietotājs meklēs nepieciešamos elementus, pamatojoties uz viņu pieredzi.

Tas ir, mēs, zinot, kāda veida pieredze lietotājam ir, var palīdzēt viņiem atrast risinājumu savai problēmai. Piemēram, mobilo tālruņu īpašnieki ir pieraduši, ka izvēlne tiek atvērta, noklikšķinot uz pogas "hamburgers" augšējā kreisajā stūrī. Ja šī poga nav pieejama, lietotājs var sajaukt.

Tajā pašā laikā persona, kas atrodas aiz datora monitora, sagaida iespēju redzēt izvēlni galvenē vai sānjoslā (sānjoslā). Viņš neparedz, ka izvēlne tiks atvērta, piespiežot vienu pogu. Gluži pretēji, tas viņam ir neērti, jo viņam būs jāsagatavo vēl viena prese.

Tas ir, ja pareizā pieeja lietotājiem ar atšķirīgu pieredzi, jūs varat palīdzēt viņiem atrisināt viņu problēmas.

Bet, lai gan dīvaini tas var izklausīties, lietotāja uzdevumu risinājums nav prioritāte prototipēšanas stadijā. Jā, ir svarīgi, lai vietnes apmeklētājs varētu ērti atrisināt savu problēmu, bet ir daudz svarīgāk, ka šīs vietnes īpašnieks atrisina savu uzdevumu.

Apskatīsim to, izmantojot TexTerra tīmekļa vietni kā piemēru (atkal). Vietnes mērķauditorija ir tirgotāji un uzņēmēji. Tas ir izdevīgāk, lai viņi iemācītos kaut ko darīt patstāvīgāk, un lai mēs pārliecinātu viņus pasūtīt mūsu pakalpojumus.

Parasti lietotājs emuāru ievada no meklēšanas rezultātiem vai no meklēšanas tīkliem. Viņš noklikšķina uz saites un iet tieši uz lapu ar rakstu par viņu interesējošo tēmu. Kad viņš saņem pareizo informāciju par šo tēmu, viņš, visticamāk, aiziet.

Tas mums nav izdevīgi, jo autoru honorāri ir jāatmaksā. Tā vietā mēs vēlamies, lai lietotājs paliktu uz vietas pēc iespējas ilgāk. Galu galā, jo ilgāk viņš būs uz vietas, jo vairāk viņš būs pārliecināts par savu profesionalitāti, un jo labprātāk viņš pasūtīs kādu pakalpojumu no mums. Piemēram, tā pasūtīs dizainu, ņemot vērā tās auditorijas lietotāju pieredzi.

Lai aizkavētu to vietnē, mēs pievienojam saiti, “Lasīt arī” vai “Starp citu” sānjoslas, iespēju komentēt, tiešsaistes konsultantu, „Lasīt” bloku pēc paša raksta, kas atlasa materiālus par lietotāju interesēm un citiem elementiem.

Tas viss palīdz aizkavēt lasītājus, pat ja viņi jau ir atraduši atbildi uz viņu jautājumu.

Bet šeit ir nepieciešams nekavējoties atzīmēt ļoti svarīgu jautājumu - mēs nevienam neiespējam:

  • Neviens zvans netiek veikts ik pēc 2 punktiem.
  • Nav skriptu, kas neļauj atstāt lapu.
  • Nekas, kas liegtu lietotājam atrisināt problēmu vai pats atrast atbildi uz šo jautājumu.

Ja jūs darīsiet visu, lai atrisinātu savas problēmas, lietojot lietotāja uzdevumus, jūs saņemsiet negatīvu reakciju.

Kā izveidot prototipu

Vispirms jums var būt jautājums par to, ko izmantot, lai izveidotu prototipu. Atbilde ir ļoti vienkārša - viss. Jebkura programma, kas ļauj jums izdarīt. Tas var būt Adobe Photoshop, MS Paint, Adobe Illustrator, Gimp un citi. Jūs varat izmantot MS Word vai Google.Docs.

Profesionāļi izmanto tādas programmas kā Axure, bet to var apstrādāt ar papīra notepad. Atšķirība ir tāda, ko jūs izveidojat. Piemēram, dizaineris var izveidot prototips uz papīra. Ja viņš to darīs pareizi, būs iespējams izveidot lapu uz izkārtojuma.

Bet copywriter, kas izveido nolaišanās prototipu, to dara programmā, no kuras būs iespējams kopēt tekstu sastādītajos elementos. Jo copywriter izmanto reālo tekstu, un dizaineris, visticamāk, ievietos lorem ipsum.

Tad jūs varat doties tieši uz izkārtojuma izveidi. Jūs varat sākt no titullapas, bet tas nav svarīgi. Pirmkārt, tiek izstrādāti svarīgi elementi, pēc tam mazāk svarīgi. Mazas lietas var izlaist.

Vispirms jums ir jāizveido vietnes galvene. Tas var būt:

  • logotips;
  • kontaktinformācija;
  • CTA poga;
  • meklēšanas forma;
  • atgriezeniskās saites poga un tā tālāk.

Tālāk nāk satura daļa un sānjosla (ja tāda ir). Sānjoslā var būt:

  • atļaujas veidlapa;
  • saites uz noderīgiem materiāliem vai sociālajiem tīkliem;
  • skaitītāji;
  • tērzēšana utt.

Nesen, veidojot tīmekļa vietnes, reti tiek izmantotas sānjoslas. Bet tas nenozīmē, ka tie vairs nav vajadzīgi - tas ir atkarīgs no konkrētās vietas un tās mērķa. Sociālajiem tīkliem, piemēram, VKontakte un Facebook, joprojām ir sānjoslas.

[Webinar ierakstīšana] Kā prototipēt tīmekļa vietnes: UX pamati

Satura daļas saturs, atšķirībā no galvenes, kājenes un sānjoslas, dažādās lapās var ievērojami atšķirties. Var būt:

  • preču kategorijas;
  • preču kartes;
  • materiālu saraksts;
  • portfelis;
  • izstrādājumi;
  • karte;
  • atsauksmes;
  • fotoattēli un vairāk.

Dažreiz satura daļā var būt visi uzreiz. Piemēram, produkta lapā var būt fotogrāfijas, atsauksmes, piegādes karte un saistīti produkti - tas viss pārliecinās personu veikt paša produkta un tā piederumu iegādi.

Pēc tam tiek veidota mērķa vienība. Tajā var būt cita CTA poga vai forma.

Pēdējais, lai izveidotu kājenes prototipu (pagraba vietni). Tā parasti satur papildu navigāciju, informāciju, autortiesības, logo un tā tālāk.

Ērtības labad visus blokus un elementus var iedalīt 3 veidos: informatīvā, funkcionālā un navigācijas.

Informatīvie elementi sniedz lietotājam atbildi uz šo jautājumu. Nav svarīgi, vai viņš to jautāja vai nē. Piemēram, lietotājs reti uzdod jautājumu par vietnes konfidencialitātes politiku. Bet, ja tā ir, uzticības līmenis palielināsies.

Funkcionālie elementi palīdz veikt kādu uzdevumu. Piemēram, reģistrējieties, abonējiet biļetenu, iesniedziet pasūtījumu, sazinieties ar konsultantu utt.

Navigācijas elementi ir nepieciešami, lai lietotājs varētu pārvietoties no lapas uz lapu, kā arī saprast, kur viņš ir. Tas var būt tik vienkārši izvēlnes elementi un citi elementi.

Ieteicams vienmēr izmantot dažus navigācijas elementus. Piemēram, ne tikai izvēlnes elementi, bet arī lappušu numuri vai poga "uz augšu":

Ja vietne sastāv no vienas lapas (nolaišanās), tad lietotājam vēl ir jāpārvietojas. Piemēram, varat vadīt lietotājus ar norādes elementiem - bultiņām, rādītājpirkstiem, acīm utt.

Ja izkraušana ir liela, tad būtu jauki parādīt lietotājam tieši to, kur viņš atrodas. Īpaši bieži šo metodi izmanto izkraušanai, kur ritināšana notiek uzreiz pa ekrāniem:

Nosūtiet lietotājam to, kur viņš var veikt mērķa darbību: uz veidlapu, pogu, kontaktinformāciju utt. Bet tajā pašā laikā viņam ir jābūt pilnīgai brīvībai. Kā minēts iepriekš, jums nevajadzētu apturēt viņu no tā, ko viņš vēlas. Pat ja jūs vēlaties citu no viņa.

Vispārējais stils

Tagad jūs varat runāt par stilu. Tam jābūt kopīgam visiem elementiem - krāsām, formām utt. Nelietojiet pārāk abstraktu dizainu ar daudziem trijstūriem, elipsēm, cilindriem utt. Ir pietiekami, lai ierobežotu pāris formas un krāsas.

Vēlams, lai izkārtojums būtu kārtībā, un elementi bija simetriski izmērā un vietā. Tiem arī jābūt slēgtiem. Tas nozīmē, ka, ja jums ir bloks, tam jābūt nožogotam no visām pusēm.

Atvērtais elements izskatās nepilnīgs, tāpēc personai var būt nepilnības sajūta. Ja viņš meklēs informāciju par jūsu vietni, un tas tika ierakstīts šādā blokā, ir ļoti iespējams, ka lietotājs turpinās meklēt citās vietnēs.

Turklāt saskarnei jābūt vienādai visur. Ja persona dodas uz citu vietnes lapu un būs modificēta saskarne, tad viņš var domāt, ka viņš ir nokļuvis citā vietnē.

Bet tas attiecas arī uz saskarni tajā pašā lapā - visas saites, lauki, komentāri un citi elementi ir jāizstrādā vienādi. Tas radīs integritātes un pilnīguma sajūtu.

Izmantot īsus tekstus un mazus attēlus, lai neizmantotu lietotāju ar informāciju. Un, ja jums ir daudz viena un tā paša veida elementu, tad tie ir sagrupēti vairākos gabalos (no 3 līdz 7) un jāatrodas dažādās lapas daļās.

Informācija no sistēmas un lietotāja pieredzes

Vissvarīgākais ir palicis pēdējais. Galvenais lietotāja interfeisu izveides noteikums ir tas, ka lietotājs nejūtas kā idiots. Viņam ir jāsaprot, kur viņš ir, ko viņš dara un kā darīt kaut ko citu.

Un viņš to saprot intuitīvi. Dodamies atpakaļ uz hamburgeru pogas piemēru. Visi mobilās ierīces lietotāji ir pieraduši pie šīs pogas un zina, ko tas dara. Tāpēc, redzot kaut ko līdzīgu, lietotājs nekavējoties sapratīs, kas tas ir.

Tas pats attiecas uz citiem lapas elementiem. Ja izmantojat parasto displeju, apmeklētājs būs vieglāk orientēties:

  • Kad redzējāt lupas ikonu, persona sapratīs, ka, nospiežot, tiks atvērts meklēšanas vaicājuma ievadīšanas lauks.
  • Ja parādās palielināms stikls, kad novietojat virs attēla, to var palielināt.
  • Zils uzraksts tiek uztverts kā saite. Tādēļ, starp citu, nav ieteicams izmantot pasvītrotu tekstu.
  • Ja elements mainās, kad lidojat, varat to noklikšķināt. Kursoram arī jāmaina - no "bultiņas" tas jākļūst par "rādītājpirkstu".
  • Noklikšķinot uz mazās karoga ikonas, varat mainīt valodu.
  • Poga "Pirkt" nozīmē, ka produkts var pasūtīt.

Tie ir tikai daži no punktiem, kas atrodami gandrīz katrā interfeisā. Lietotājs tos atceras, un, redzot tos citās vietās, jūtas ērti, jo zina, ko darīt.

Mums ir jāatspoguļo tas, ko Vidusāzijas pārstāvim ir nepieciešams darīt un kā viņš centīsies atrisināt viņa problēmu. Pamatojoties uz to, jūs varat izveidot interfeisu, kas būs ērts vispār, bet arī pēc iespējas ērtāk mūsu auditorijai.

Tomēr nevajadzētu domāt, ka persona pats uzminēs visu - viņam ir jābūt informētam. Visiem svarīgiem elementiem jābūt redzamiem, nevis atmiņā. Un tas attiecas ne tikai uz pozīciju lapā, bet arī uz lietotāja statusu, viņa pasūtījumu utt.

Ir ļoti svarīgi, piemēram, parādīt, kurā posmā klienta aizpildīšanas forma ir. Viņam vajadzētu būt iespējai atgriezties pie jebkura soļa, lai pārbaudītu vai mainītu datus. Un, kad viņš pabeidz pildīšanu, jums ir jāiesniedz viņam informācija pārbaudei vēlreiz un tikai tad jāmaksā. Ja lietojat visu to, viņš būs mierīgāks, aizpildot veidlapu, un varbūtība, ka viņš mainīs savu prātu, samazināsies.

Ar informācijas palīdzību jūs varat aizvērt daudzus iebildumus. Iedomājieties, ka pasūtāt jaka tiešsaistes veikalā. Kādu lielumu izvēlēties? Ko darīt, ja jūs nezināt savu svaru, augstumu vai citus ķermeņa izmērus? Ja neesat informēts, kā izvēlēties pareizo izmēru, visticamāk, jūs apmeklēsiet regulāru veikalu, lai mierīgi izmēģinātu dažas jakas un nopirktu piemērota izmēra apģērbu.

Tagad iedomājieties, ka vietnei ir norādījumi par to, kā noteikt jūsu lielumu, kā arī par jakas fotoattēliem cilvēkiem ar dažādu formu. Turklāt šī norāde ir skaidri redzama. Lēmums par pirkšanu būs vieglāks, taču paliks šaubas par to, vai esat izdarījis pareizo izvēli.

Šeit jūs varat piedāvāt atgriezties bez maksas, lai atgrieztu drēbes, ja izmērs nav piemērots, vai pievienojiet vietnei tiešsaistes telpu. Ja uzskatāt, ka AstraFit, tad viņu logrīks palīdz samazināt atdeves skaitu par 48%.

Tas nozīmē, ka prototipu veidošana ne tikai palīdz uzlabot lietotāju mijiedarbību ar lapu, bet arī palielina pārdošanas apjomu. Tā kā daži elementi var sniegt tieši to informāciju, kas nepieciešama dažu iebildumu izbeigšanai.

Tajā pašā laikā dažas vietnes daļas var sabojāt lietotāja pieredzi un nogalināt reklāmguvumu:

  • adaptīvā izkārtojuma trūkums;
  • ilga iekraušana;
  • maza druka;
  • horizontāla ritināšana utt.

Detalizētāku noderīgu un kaitīgu elementu sarakstu lapā var atrast Lily Golikova rakstā “Lietojamības pārbaudes saraksts: 200 + punkti, lai pārbaudītu.”

Secinājums

Ir svarīgi atcerēties to, ko jūs izveidojat - lai atrisinātu lietotāja un saskarnes īpašnieka problēmu. Šī pieeja palīdzēs jums palielināt reklāmguvumu. Bet tam jums ir jāsaprot, ka bieži vien lēmums ir pilnīgi nepārprotams.

Ir tik ļoti mazas detaļas, kas var uzrādīt diezgan nenozīmīgu, bet ir ļoti svarīgi, lai cilvēki ērti izmantotu interfeisu. Es iesaku izlasīt Dmitrija Dementijas rakstu “Kas ir UX un UI, un kāpēc UX dizaineri nepastāv”, lai saprastu, kas ir UX un UI, kā uzlabot lietotāja pieredzi izkārtojuma posmā un daudz ko citu.

Es arī ieteiktu jums vienmēr domāt par to, kā jums būtu vieglāk kaut ko darīt, kādus jautājumus jūs parasti uzdodat, apmeklējot tīmekļa vietni. Bet, pirmkārt, jums vajadzētu būt ieinteresētam, kā mērķa auditorija izturas un ko tā vēlas.

Un justies brīvi būt novatori! Nāc klajā ar unikāliem elementiem, kas palīdzēs uzlabot lietotāja pieredzi. Pievienojiet jaunus logrīkus, bet neaizmirstiet informēt apmeklētājus par to, kā tos izmantot. Tas varētu būt kaut kas:

  • dizaineru pasūtījuma ģitāras;
  • picas dizainers;
  • loģistikas tetris;
  • instrukcijas mēbeļu montāžai ar papildinātu realitāti;
  • ceļvedis blusu ķemmēšanai VR;
  • ģenealoģiskais tiešsaistes kalkulators;
  • Simulators "100+ veidi, kā lidot grāvī" apdrošināšanas sabiedrības tīmekļa vietnē.

Un tas no pirmā acu uzmetiena izskatās tikai stulba, bet pat no šādām idejām jūs varat iegūt pozitīvu rezultātu.

Skatiet videoklipu: МАША И МЕДВЕДЬ ИСТОРИЯ УСПЕХА. КАК СОЗДАЛИ САМЫЙ ПОПУЛЯРНЫЙ РУССКИЙ МУЛЬТФИЛЬМ Masha and The Bear (Aprīlis 2020).

Loading...

Atstājiet Savu Komentāru