Tout tan tout tan mande poukisa kèk interfaces ou branche depi premye klike a, pandan ke lòt moun voye ou chache kle chape? Apre 8 ane nan konsepsyon UX - k ap travay sou sistèm konplèks tankou ERP, CRM, ak lojisyèl EAM - mwen te aprann ke si ou reyèlman vle sedui itilizatè ou yo, ou dwe premye dekouvri sa yo plis valè. Ak pou pifò moun, tan se lajan an ultim. Respekte li, epi yo pral anbrase pwodwi ou; gaspiye li, epi yo pral abandone li san yon dezyèm reflechi. Imajine pwodwi ou kòm yon moun ap eseye genyen kè yon moun. Seduction nan UX se yon fòm manipilasyon - men yon sèl byenveyan. Li pa sou vizyèl flachi oswa pwomès vid; li se sou fè lavi pi fasil. Lè w kreye interfaces konsa entwisyon ke chak segonn santi w byen pase, ou pral genyen kè yo. Lè itilizatè yo santi yo valè tan yo, yo pral retounen volontèman, anvi pou plis. Men, ki jan ou kreye eksperyans mayifik sa yo? Li kòmanse ak konpreyansyon ki jan moun panse ak sa ki kondwi desizyon yo. Se kote prensip sikolojik fondamantal yo antre nan jwèt. Nan atik sa a, mwen pral revele ki jan prensip kle UX yo anrasinen nan insights sikolojik debaz, epi mwen pral ofri egzanp senp ou ka eseye touswit. Bay yo yon ale, epi gade itilizatè ou yo vin vrèman sezi ;) Remak: Mwen pa gen yon diplòm nan sikoloji. Tout sa mwen pataje baze sou konesans mwen te rasanble nan konsepsyon entèfas ak eksplore konpòtman moun nan kiryozite. 1. Fè li senp Moun ka trete sèlman yon kantite limite enfòmasyon an menm tan akòz . Sèvo nou yo tankou òdinatè ak RAM limite; twòp enfòmasyon ralanti tout bagay. Senplifye koòdone ede itilizatè yo akonpli travay san yo pa santi yo akable, olye pou yo fè yo pè ak anpil enfòmasyon. chaj kognitif Panse a li tankou date - ou pa pataje tout istwa lavi ou nan premye dat la. Menm jan an tou, kite itilizatè yo dekouvri karakteristik jan yo bezwen yo. Konsèy: Divize gwo travay an pi piti, etap jere. Pwosesis etap-pa-etap: Pa egzanp. 1: Sèlman mande enfòmasyon esansyèl pandan enskripsyon an epi pèmèt itilizatè yo ranpli pwofil yo pita. Pa egzanp. 2: Dekonpoze kesye a an etap tankou enfòmasyon anbake, detay bòdwo, ak revizyon lòd pou evite itilizatè akablan. Pa egzanp. 3: Gid itilizatè yo atravè etap konfigirasyon nan pwodwi ou youn nan yon moman. Montre enfòmasyon ki enpòtan ki baze sou kontèks aktyèl itilizatè a epi pèmèt yo jwenn aksè nan plis enfòmasyon lè yo chwazi. Detay sou demann: Pa egzanp. 1: Sèvi ak seksyon dilatabl pou kache anviwònman avanse jiskaske itilizatè a chwazi wè yo. Pa egzanp. 2: Bay lyen "Aprann Plis" ki revele eksplikasyon kontèks lè w klike sou. Egzanp 3: Sèvi ak konsèy sou zouti ak eta hover pou bay eksplikasyon sou karakteristik konplèks. 2. Sèvi ak modèl konsepsyon abitye Moun yo konte sou eksperyans pase yo pou yo konprann nouvo yo — yon konsèp ke yo rele . Abitye diminye efò mantal ki nesesè pou aprann yon nouvo sistèm, sa ki fè li pi fasil pou navige ak itilize pwodwi a. Lè yo itilize modèl konsepsyon itilizatè yo deja konnen ak fè konfyans, yo ka entwitif konprann koòdone ou ki baze sou eksperyans sot pase yo. modèl mantal Se tankou kondwi yon machin — kèlkeswa mak la, fren an ak akseleratè yo toujou nan menm kote. Imajine dezòd la si yo pa t '! Konsèy: Sèvi ak senbòl ak langaj yo rekonèt souvan pou aksyon ak spesifikasyon komen. Ikon estanda ak tèminoloji: Pa egzanp. 1: Sèvi ak yon ikòn fatra pou "efase". Pa egzanp. 2: Si w ap kite itilizatè yo sove oswa kenbe yon bagay pou pita, sèvi ak tèm abitye tankou "Sove" oswa "Ajoute nan Favorites". Pa egzanp. 3: Sèvi ak yon ikòn kè pou "Favoris" oswa "Like". Rete sou fòm estanda ki pèmèt itilizatè yo navige koòdone entwitif lè yo aliman ak atant yo. Layout yo rekonèt: Pa egzanp. 1: Mete meni prensipal la sou bò gòch, jan sa se komen nan aplikasyon pou antrepriz. Pa egzanp. 2: Sèvi ak onglè pou navige ant seksyon nan menm paj la. Pa egzanp. 3: Sèvi ak ti pen nan tèt paj yo pou montre chemen navigasyon yo. Asire ke eleman koòdone yo konpòte yo jan itilizatè yo espere. Lè yon bouton sanble klike sou ak aji klike sou, itilizatè yo santi yo nan kontwòl. Entèaksyon previzib: Pa egzanp. 1: Klike sou yon ranje nan yon tablo ouvè enfòmasyon detaye sou atik sa a. Pa egzanp. 2: Sèvi ak jès estanda sou aparèy mobil itilizatè yo abitye avèk yo, tankou glise pou navige. Pa egzanp. 3: Dwa-klike ouvri meni kontèks espesifik jan yo espere. 3. Bay fidbak imedya Moun bezwen konnen rezilta aksyon yo pou yo santi yo gen konfyans epi yo gen kontwòl - sa a rasin nan prensip sikolojik tankou ak . Feedback imedyat ranfòse aprantisaj epi ede korije erè lè yo montre itilizatè yo rezilta aksyon yo touswit. Sa a diminye enkyetid ak bati konfyans nan sistèm nan. kondisyone opere bouk fidbak Menm jan voye yon mesaj - lè ou frape "voye", ou espere wè li deplase soti nan bouyon ou nan konvèsasyon an ak yon "voye" oswa "livre" notifikasyon. Si pa gen anyen k ap pase, ou ta mande si li te voye oswa si ou bezwen voye l ankò. Konsèy: Konfime lè aksyon yo fini avèk siksè ak mesaj. Mesaj siksè: Pa egzanp. 1: Sèvi ak yon notifikasyon pen griye tankou "Anviwònman mete ajou avèk siksè". Pa egzanp. 2: Montre yon konfimasyon tankou "Ti non sa a disponib pou itilize". Pa egzanp. 3: Notifye itilizatè yo ak "Nouvo kontak ajoute nan lis kontak ou a". Alèt itilizatè yo sou pwoblèm san pèdi tan epi gide yo pou korije erè yo. Notifikasyon erè: Pa egzanp. 1: Mete aksan sou fòm ki pa kòrèk ak mesaj tankou "Modpas dwe genyen omwen 8 karaktè". Pa egzanp. 2: Montre yon alèt si yon jaden obligatwa manke "Champ sa a pa ka kite vid". Pa egzanp. 3: Sèvi ak yon notifikasyon banyè pou erè kritik tankou "Peman echwe, tanpri eseye ankò". Sèvi ak animasyon oswa chanjman koulè pou endike aktivite. Siyal vizyèl: Pa egzanp. 1: Montre yon spinner loading pandan y ap trete done yo. Pa egzanp. 2: Sèvi ak mak oswa ikon pou endike etap ki konplete avèk siksè nan yon pwosesis. Pa egzanp. 3: Chanje koulè bouton sou hover oswa klike sou pou endike entèaktif. 4. Gid itilizatè yo ak yerachi vizyèl Yerachi vizyèl enfliyanse pèsepsyon ak konpòtman atravè prensip tankou ak . Moun yo enstenktif konsantre sou eleman vizyèlman enpòtan an premye, ki pèmèt pi vit pran desizyon ak diminye fristrasyon. Lè w itilize gwosè, koulè, ak plasman, ou ka atire je itilizatè a sou eleman kle yo epi bay enfòmasyon priyorite efektivman. sikoloji Gestalt atansyon selektif Se tankou yon meni restoran - konsepsyon li yo gide chwa ou yo. Asyèt ki pi pwofitab oswa chef-rekòmande yo souvan mete nan kwen an tèt-dwa oswa make ak yon bwat oswa yon background diferan. Tit deskriptif, imaj atiran, ak diferan gwosè font atire atansyon ou sou atik espesifik. San yerachi sa a, ou ta ka santi w akable pa twòp opsyon. Konsèy: Fè aksyon prensipal yo pi enpòtan. Anfaz sou aksyon prensipal yo: Pa egzanp. 1: Sèvi ak yon koulè fonse, kontras pou bouton "Save" la pou fè li kanpe deyò. Pa egzanp. 2: Mete bouton aksyon ki pi enpòtan yo nan kwen anba-dwat sou koòdone mobil, kote gwo pous la poze natirèlman. Pa egzanp. 3: Mete aksan sou alèt kritik ak koulè klere oswa ikon pou atire atansyon imedya. Sèvi ak gwosè font ak espas blan pou òganize enfòmasyon. Tipografi ak espas: Pa egzanp. 1: Pi gwo tit pou tit seksyon, ak pi piti tèks pou detay. Pa egzanp. 2: Ogmante espas ant seksyon yo separe zòn kontni vizyèlman. Pa egzanp. 3: Ajoute lis nimewote oswa bal pou kraze kontni dans ak amelyore eskanè. Bay koulè pou kategorize enfòmasyon yo. Kodaj koulè: Pa egzanp. 1: Sèvi ak wouj pou mesaj erè oswa travay anreta, siyal ijans. Pa egzanp. 2: Vèt pou konfimasyon oswa travay fini, ki endike siksè. Pa egzanp. 3: Aplike plan koulè ki konsistan pou modil diferan (egzanp, ble pou lavant, vèt pou finans). 5. kenbe en cohérente Moun yo pi byen rekonèt modèl abitye pase sonje enfòmasyon ki soti nan grafouyen - sa a se rasin nan konsèp la sikolojik nan . Lè w kenbe layout yo konsistan, ou ede itilizatè yo sonje kouman yo sèvi ak koòdone ou a, amelyore rapèl ak efikasite. memwa rekonesans Imajine w ap antre nan kafe pi renmen ou a - ou konnen egzakteman ki kote kontwa a ye, ki kote pou w pran lòd ou a, ak ki kote pake sik yo kenbe. Si yo rearanje Layout la chak semèn, ou ta pase plis tan pou chèche konnen ki kote tout bagay ye pase jwi kafe ou. Konsèy: Kenbe eleman koòdone ki konsistan atravè aplikasyon an. Konpozan estanda: Pa egzanp. 1: Kenbe ikonografi ki konsistan pou fonksyon menm jan an. Pa egzanp. 2: Mete meni navigasyon yo nan menm kote sou chak paj. Pa egzanp. 3: Asire fòm fòm yo swiv yon estrikti previzib, tankou etikèt ki toujou parèt anwo jaden yo. Bay modèl pou travay komen pou asire yon eksperyans inifòm. Itilizasyon modèl: Pa egzanp. 1: Ofri modèl predefini pou kreye imèl oswa rapò. Pa egzanp. 2: Sèvi ak layout paj ki konsistan pou kalite kontni menm jan an (egzanp, tablodbò, pwofil, oswa anviwònman). Pa egzanp. 3: Bay yon mask pou antre nimewo telefòn, tankou "(123) 456-7890". Sèvi ak menm tèm pou karakteristik ak aksyon nan tout koòdone a. Tèminoloji ki konsistan: Pa egzanp. 1: Si ou itilize "Kliyan" olye de "Kliyan," fè sa inivèsèl. Pa egzanp. 2: Al gade nan aksyon yo toujou, tankou toujou itilize "Edit" olye pou yo pafwa itilize "Modifye". Pa egzanp. 3: Mete etikèt sou kategori ak seksyon yo toujou nan meni ak sou-menu. 6. anbrase automatisation Moun yo pito chemen pi piti rezistans - yon konsèp ke yo rekonèt kòm . Lè w automatize aksyon repetitif yo, ou diminye efò itilizatè yo epi rasyonalize eksperyans lan. Otomatik minimize kantite travay itilizatè yo nan jere travay woutin nan dèyè, ekonomize tan ak diminye chans pou erè. Prensip Pi piti Efò Reflechi sou konfigirasyon peman bòdwo otomatik yo - olye pou w peye chak bòdwo manyèlman chak mwa, ou mete kanpe otopeman epi libere tèt ou nan travay repetitif la. Konsèy: Peple jaden yo ak enfòmasyon li te ye. Oto-ranpli fòm: Pa egzanp. 1: Antre otomatikman detay kontak itilizatè a nan tikè sipò yo. Pa egzanp. 2: Sijere adrès ki baze sou jeolokalizasyon. Pa egzanp. 3: Pre-peple jaden dat ak dat aktyèl la. Antisipe bezwen itilizatè yo ki baze sou konpòtman. Aksyon prediksyon: Pa egzanp. 1: Sijere pwochen etap la apre w fin ranpli yon travay. Pa egzanp. 2: Oto-ranpli rechèch rechèch ki baze sou istwa sezisman. Pa egzanp. 3: Rekòmande aksyon yo itilize souvan nan yon meni kontèks. Mete kanpe deklanche pou sekans komen. Workflow automatisation: Pa egzanp. 1: Otomatikman voye yon imèl swivi apre yo fin pwograme yon reyinyon. Pa egzanp. 2: Deklanche notifikasyon lè yo asiyen yon travay nan yon manm ekip. Pa egzanp. 3: Oto-jenere rapò nan fen chak semèn. 7. Senplifye chwa yo Twòp opsyon ka akable itilizatè yo - yon fenomèn ke yo rekonèt kòm . Ak dapre , tan li pran pou pran yon desizyon ogmante ak kantite ak konpleksite nan chwa yo. Senplifye chwa yo ede anpeche analiz paralizi, sa ki pèmèt itilizatè yo pran desizyon pi vit ak konfyans. Bay sèlman opsyon yo bezwen yo epi konsidere pre-seleksyon pi bon an - swa pou benefis yo oswa pou ou ;) Paradox nan Chwa Lwa Hick a Foto browse yon sèvis difizyon ak dè milye de sinema - ou ta ka pase plis tan defile pase aktyèlman ap gade yon bagay. Yon lis rekòmandasyon senplifye chwa w yo epi ede w kòmanse jwi kontni pi vit. Konsèy: Mete pi bon paramèt default yo. Opsyon ki te chwazi davans: Pa egzanp. 1: Pre-ranpli jaden fòm yo ak seleksyon posib, tankou peyi itilizatè a oswa lang ki baze sou kote. Pa egzanp. 2: Pèmèt notifikasyon imel pa default pou evènman kritik, tankou chanjman kont oswa peman. Pa egzanp. 3: Oto-aplike filtè komen (egzanp, "Disponib Kounye a") lè w ap chaje yon paj rechèch pwodwi. Mete aksan sou aksyon oswa paramèt yo sijere. Rekòmandasyon ki make: Pa egzanp. 1: Make sèten jaden kòm "Rekòmande" pandan konfigirasyon. Pa egzanp. 2: Mete aksan sou "Plan Estanda" nan tablo pri kòm chwa ki pi popilè. Pa egzanp. 3: Mete aksan sou anviwònman oswa opsyon yo itilize souvan lè w mete yo nan tèt meni yo. Diminye kantite chwa yo prezante an menm tan. Limit opsyon: Pa egzanp. 1: Montre sèlman senk premye opsyon filtre yo, ak yon bouton pou elaji pou plis. Pa egzanp. 2: Bay yon panèl anviwònman rasyonalize, ak opsyon avanse kache anba yon "Anviwònman Avanse". Pa egzanp. 3: Ofri yon lis kout modèl yo itilize souvan, ak yon opsyon pou browse tout bibliyotèk la si sa nesesè. 8. Design interfaces ki padonnen Moun yo fè erè, epi pè erè ka lakòz ezitasyon - ki baze sou fenomèn sikolojik ke yo rekonèt kòm , , ak . Lè w desine koòdone ki padone, ou ede itilizatè yo santi yo plis konfyans nan aksyon yo, diminye enkyetid ak ankouraje eksplorasyon. Bay fason pou anpeche erè epi refè yo lè yo rive amelyore eksperyans itilizatè a an jeneral. kondisyone opere chaj kognitif enpuisans aprann Se tankou jwe yon jwèt videyo ak lavi san limit - lè ou fè yon erè, ou ka byen vit reaparisyon epi eseye ankò san yo pa kòmanse depi nan kòmansman an. Sa a ankouraje w eksplore ak pran risk, konnen ke erè yo pa katastwofik. Konsèy: Envite itilizatè yo konfime aksyon kritik oswa destriktif. Dyalòg konfimasyon: Pa egzanp. 1: Mande konfimasyon anvan efase tout kontak "Èske ou sèten? Aksyon sa a pa ka defèt”. Pa egzanp. 2: Konfime aksyon an gwo, tankou voye yon imèl bay dè santèn de moun k ap resevwa yo. Kontinye?”. Pa egzanp. 3: Avèti itilizatè yo lè w ap soti nan yon paj ki gen chanjman ki pa sove "Ou gen chanjman ki pa sove. Kite san sove?”. Pèmèt itilizatè yo fasilman ranvèse aksyon yo. Opsyon defèt: Pa egzanp. 1: Ofri yon bouton "Anfèt" apre yo fin efase yon atik. Pa egzanp. 2: Bay istwa vèsyon nan dokiman pou itilizatè yo ka retounen nan vèsyon anvan yo. Pa egzanp. 3: Bay itilizatè yo kapasite pou anile lòd nan yon peryòd gras kout. Konsepsyon pou anpeche erè epi ede itilizatè yo refè lè yo rive. Prevansyon ak rekiperasyon erè: Pa egzanp. 1: Enfim bouton "Soumèt" jiskaske tout jaden obligatwa yo ranpli kòrèkteman. Pa egzanp. 2: Mete aksan sou erè fòm ak mesaj klè ki endike kijan pou ranje yo. Pa egzanp. 3: Sèvi ak dropdowns oswa chwazi dat pou anpeche antre envalid. 9. Gamify eksperyans nan Moun yo natirèlman motive pa rekonpans, reyalizasyon, ak yon sans de pwogrè - prensip sikolojik ki anrasinen nan ak . Lè w enkòpore eleman ki sanble ak jwèt nan koòdone ou a, ou ankouraje lage dopamine, amelyore motivasyon ak ankouraje entèraksyon kontinye. konpòtman chemen rekonpans dopamine Panse a li tankou yon aplikasyon Fitness ki rekonpanse ou ak badj pou atenn objektif etap - chak badj santi tankou yon ti viktwa, motive ou kontinye deplase. Konsèy: Montre itilizatè yo pwogrè yo nan direksyon objektif pou ankouraje yo fini. Suivi pwogrè: Pa egzanp. 1: Montre pousantaj fini nan travay long (egzanp, "80% fè" pandan onboarding). Pa egzanp. 2: Sèvi ak endikatè vizyèl tankou mak oswa tach pou reprezante fini travay chak jou. Pa egzanp. 3: Ofri nivo oswa badj pou rive nan etap enpòtan, tankou ranpli yon sèten kantite travay. Ofri benefis byen mèb oswa entanjib pou angajman. Rekonpans ak ankourajman: Pa egzanp. 1: Debloke karakteristik avanse oswa kontni prim apre w fin ranpli etap abònman. Pa egzanp. 2: Ofri rabè, koupon, oswa avantaj pou itilizasyon souvan nan aplikasyon an. Pa egzanp. 3: Prim pwen ki ka achte pou benefis aplikasyon an, tankou karakteristik eksklizif oswa machandiz vityèl. Prezante konpetisyon amikal pou motive itilizatè yo. Defi ak konpetisyon: Pa egzanp. 1: Sèvi ak klasman pou montre pi gwo pèfòmè yo, ankouraje konpetisyon an sante nan mitan itilizatè yo. Pa egzanp. 2: Ajoute defi ki limite nan tan ki ankouraje itilizatè yo ranpli travay pi vit oswa pi efikas. Pa egzanp. 3: Entwodwi nivo siksè, kote itilizatè yo ka fè konpetisyon pou yo rive jwenn pi wo ran. 10. Otorize ak fleksibilite Moun yo gen yon bezwen natirèl pou otonomi - yon eleman kle nan . Otonomi refere a santiman nan kontwòl aksyon ak desizyon yon moun, ki amelyore motivasyon ak angajman. Lè w pèmèt itilizatè yo adapte koòdone a selon preferans yo, ou pa sèlman satisfè bezwen sa a, men tou ou ogmante angajman ak kontantman an jeneral nan pwodwi ou a. Teyori Oto-Detèminasyon Imajine fè aranjman pou espas travay ou a jan ou renmen li - ajiste chèz ou a, òganize biwo ou a, epi mete zouti ou yo fasil pou jwenn. Konfigirasyon pèsonèl sa a fè ou pi konfòtab ak pwodiktif. Konsèy: Kite itilizatè yo chwazi ki widgets oswa panno enfòmasyon yo montre. Dashboard personnalisable: Pa egzanp. 1: Pèmèt itilizatè yo kache oswa efondre widgets yo pa itilize souvan. Pa egzanp. 2: Sove opinyon koutim oswa layouts pou aksè rapid nan pwochen sesyon yo. Pa egzanp. 3: Pèmèt plizyè konfigirasyon tablodbò pou diferan kontèks, tankou travay ak pwojè pèsonèl. Bay opsyon pou ajiste fason karakteristik yo travay pou adapte preferans endividyèl yo. Anviwònman fleksib: Pa egzanp. 1: Pèmèt itilizatè yo chanje ant diferan opinyon, tankou gade lis oswa gade kadriyaj, pou kontni. Pa egzanp. 2: Pèmèt personnalisation tèm, ofri opsyon tankou mòd nwa, mòd limyè, oswa plan koulè koutim. Pa egzanp. 3: Pèmèt notifikasyon yo pèsonalize, sa ki pèmèt itilizatè yo chwazi kalite ak frekans alèt yo resevwa. Mete karakteristik tankou rakoursi klavye ak jès manyen. Akseleratè travay: Pa egzanp. 1: Pèmèt itilizatè yo Customize rakoursi klavye pou aksyon yo itilize souvan. Pa egzanp. 2: Sipòte jès glise pou navigasyon rapid oswa aksyon sou aparèy manyen. Pa egzanp. 3: Pèmèt kòmandman vwa pou entèraksyon men-gratis ak aksè. Konklizyon Kòm nou te wè, kreye entèfas entwisyon ak angaje se pa sèlman sou layout pwòp oswa fwa chaj rapid-li nan konpreyansyon nati imen. W ap pwofite sou sa moun yo plis valè (tan yo) epi w ap itilize konesans sikolojik pou gide desizyon yo. Nan lòt mo, w ap sedui yo lè w fè chak dezyèm konte. Men, sonje, ak enfliyans sa a vini responsablite. Sèvi ak prensip sa yo pou senplifye, pran plezi, ak enspire - pa fristre. Lè itilizatè yo kite pwodwi ou an souri, ou te fè travay ou byen. Yo pral retounen pa paske yo kwense, men paske yo vrèman jwi eksperyans nan. Sa a atizay la nan sediksyon nan konsepsyon UX. Plis lekti: "Pa fè m 'panse: yon apwòch sans komen nan itilizasyon entènèt" pa Steve Krug Don Norman "Desen an nan bagay sa yo chak jou".
