Мазмұны
UX және өзара әрекеттесу дизайны салаларындағы ең ықпалды психологиялық теориялардың бірі Гештальт теориясы болып табылады. Теорияның негізін неміс психологтары салды және «Гестальт» сөзі неміс тілінде форма немесе пішін дегенді білдіреді. Атауынан көрініп тұрғандай, гештальт принциптерінің астарында адамдардың жеке нысандар емес, нысандар топтарын үлгі ретінде қабылдауы жатыр.
Гештальт принциптері туралы көптеген мақалалар бар, бірақ олардың көпшілігі сізге қалай түсінуге көмектесетінін түсінуге көмектеспейді. оларды UX/UI дизайнері ретінде жұмысыңызда қолданыңыз. Бұл мақала адамдарға аз күш жұмсап, мақсаттарына жетуге көмектесетін жақсы UX және UI дизайндарын жасау үшін гештальт принциптерін пайдалану туралы кейбір идеяларды береді.
Ұқсастық заңы
Ұқсастық принципі объектілер физикалық жағынан ұқсас болғанда, біз оларды бірге топтауға және оларда бар деп есептейміз. бірдей функционалдылық . Мысалы, төмендегі суретте қызыл қызыл шеңберлер бар сызықты басқа түске байланысты кескіннің қалған бөлігінен ажырату өте оңай.
Ұқсастық принципінің мысалы. Автордың фотосы.
UX және UI дизайнында ұқсастықты пайдалану
Сіздің компанияңыздың АҚШ пен Канададағы итальяндық тағам әуесқойлары пайдаланатын «Il Mio Chef» қолданбасы (біз оныосы мақаланың қалған бөлігі). Сіздің UX зерттеушіңіздің сізге берген соңғы есебінде итальяндық тағамға тапсырыс беру туралы сөз болғанда, пайдаланушылар ең жақын мейрамханалардың қайсысы екеніне мән беретінін айтады. Біз бәріміз лазаньяны немесе пиццаны әлі де балғын және жылы күйінде жеткізгіміз келеді, солай емес пе?
Қолданба пайдаланушыларына қай мейрамханалар өздеріне ең жақын екенін көруге көмектесу үшін біз UI-де осы мейрамханаларды бөлектеу арқылы ұқсастық принципін қолдана алады. Төмендегі суретте осы опцияларды сары түспен бөлектеу (оң жақта) ең жақын мейрамханалар мен алыстағы мейрамханалар арасындағы айырмашылықты көрнекі түрде көрсету арқылы үлкен айырмашылықты тудыратынын көре аласыз. Пайдаланушыларға іздеген нәрсені тез табуға көмектесу үшін ұқсастық принципін осылай пайдалануға болады.
Ұқсастықтың гештальт принципін пайдалану. Автордың суреті.
Жақындық заңы
Жақындық принципі бір-біріне жақын орналасқан объектілердің көп болып көрінетінін айтады. бір-бірінен алшақ орналасқан объектілерге қарағанда байланысты. Мысалы, бірінші сурет пен екінші суретте бірдей шеңберлер бар. Дегенмен, екінші суретте кейбір бағандар бір-біріне жақынырақ және бір үлкен топтың орнына үш бөлек топ бар сияқты әсер қалдырады.
Жақындық - 1-мысал - үлкен топ. Автордың суреті.
Жақындық – 2-мысал – үш ерекше топ. Автордың суреті.
Сондай-ақ_қараңыз: Біздің сүйікті M1 үйлесімді қолданбаларымызUX және UI дизайнында жақындықты пайдалану
Өрістен мысал алайық ақпаратты визуализациялау.
Бұл жолы сіз «Il Mio Chef» қолданбасының жұмысын көргіңіз келетін басшы екеніңізді елестетейік. Қаржылық өнімділікті, пайдаланушының қатысуын және қанағаттануды өлшейтін KPI көрсеткіштерін қарағыңыз келеді. Алдымен ақпаратты визуализациялау маманы төмендегі бақылау тақтасын жасайды, ол сізді және барлық басқа басшыларды сандар арасында адасып, одан да көп сұрақтар қоюға мәжбүр етеді. Бір айдан кейін көпшілігіңіз бұл бақылау тақтасын пайдалануды мүлдем тоқтатасыз.
KPI бақылау тақтасы - Il Mio Chef. Автордың суреті.
Осы кезде сіз ақпаратты визуализациялау жөніндегі маманға ораласыз және одан бақылау тақтасын қайта жасау арқылы адамдарға үлкен суретті түсінуді жеңілдетуін сұрайсыз. Жақындық принципі бұл жағдайда ыңғайлы болады және сіз төменде жаңа дизайнды көре аласыз. Ол KPI түріне бөлінген үш топты қамтиды және ол барлығына қолданбаның қаржылық өнімділік, қатысу және қанағаттану тұрғысынан қалай жұмыс істейтінін түсінуге көмектеседі. Нысандарды бірге топтау және топтар арасында көбірек бос орынды пайдалану пайдаланушыларға ақпаратты тезірек қорытуға көмектеседі.
Бақылау тақтасының дизайнында жақындықтың гештальт принципін пайдалану. Автордың суреті.
ЗаңҮздіксіздік
Үздіксіздік принципі көздің бір объектіге ілесе бастағаннан кейін, ол басқа нысанға кездескенше сол бағыттағы «қозғалыспен» жүретінін айтады. Бұл қозғалыс объектіні ақпаратты табу үшін өтуіміз керек жолдың бір бөлігі ретінде қабылдауға көмектеседі. Төмендегі суретте көзді белгілі бір бағытқа бағыттайтын осындай көрнекі үлгілерді жасау үшін үздіксіздік принципін қалай қолдануға болатыны көрсетілген.
Үздіксіздік принципінің мысалы. Автордың суреті.
UX және UI дизайнындағы үздіксіздікті пайдалану
Сіздің UX зерттеушіңіз жаңа есепті ұсынды. пайдаланушылардың «Il Mio Chef» қолданбасын пайдалануының негізгі мотивациясы тағамды зерттеу болып табылады, өйткені бұл оларға апта сайын жаңа итальяндық тағам мейрамханаларына кіруге мүмкіндік береді. Төмендегі суреттегі (сол жақта) ағымдағы UI дизайнымен адамдардың опцияларды қанша рет жанап өткенін көрсететін метрикаға қарайсыз және олар үшін қолжетімді опцияларды көру үшін олар ешқашан орта есеппен екі реттен артық сырғымайтынын көресіз.
Үздіксіздік принципін қолдану (төмендегі суреттің оң жағы) сіздің UX дизайнеріңіз бұл санды орташа есеппен 10 сырғытуға дейін арттыруға көмектесті. Бұл қалай болды? Кескіннің бір бөлігін жасыру және солға немесе оңға сырғыту қажет фактіні бөлектеу арқылы онда не бар екенін көру үшін пайдаланушыларыңыздың көздері тікелей «сипау» қозғалысын жасауға бағытталды және одан да көп болды.көбірек мейрамханалар мен олар ұсынатын нәрселерді зерттеуге ынталандырды. Бұл бұрынғы дизайн сізді мүлдем жасауға итермелеген нәрсе, тіпті егер сізде бұған ынтаңыз болса да.
UX/UI дизайнында үздіксіздіктің гештальт принципін пайдалану. Автордың суреті.
Қорытындылау , UX және UI дизайнында осы мақалада берілген гештальт принциптерін пайдалану пайдаланушыларыңызға ақпаратты тезірек және жақсы қорытуға көмектеседі. ол. Сонымен қатар, бұл олардың ең жақсы көретін әрекеттерін жасауға ынталандыру арқылы өнімге деген қанағаттануын арттыруы мүмкін.
Сондай-ақ_қараңыз: Ақ кеңістік дегеніміз не?Мұқабада Vectornator бағдарламасында өңделген Миклос Philips өнер туындысы бар.
