Բովանդակություն
UX-ի և փոխազդեցության նախագծման ոլորտներում ամենաազդեցիկ հոգեբանական տեսություններից մեկը Գեշտալտի տեսությունն է: Տեսությունը հիմնվել է գերմանացի հոգեբանների կողմից և «Gestalt» բառը գերմաներեն նշանակում է ձև կամ ձև : Ինչպես անունն է ենթադրում, Գեշտալտի սկզբունքների հիմքում ընկած գաղափարն այն է, որ մարդիկ օբյեկտների խմբերն ընկալում են որպես նախշեր, այլ ոչ թե առանձին առարկաներ: կիրառեք դրանք ձեր աշխատանքում՝ որպես UX/UI դիզայներ: Այս հոդվածը ձեզ կտա որոշ գաղափարներ այն մասին, թե ինչպես օգտագործել Գեշտալտի սկզբունքները՝ ստեղծելու ավելի լավ UX և UI դիզայներ, որոնք կօգնեն մարդկանց ավելի քիչ ջանքերով հասնել իրենց նպատակներին:
Նմանության օրենքը
Նմանության սկզբունքը սահմանում է, որ երբ առարկաները ֆիզիկապես նման են, մենք հակված ենք խմբավորել դրանք միասին և ենթադրել, որ դրանք ունեն նույն ֆունկցիոնալությունը : Օրինակ՝ ստորև նկարում բավականին հեշտ է տարբերել այն գիծը, որը պարունակում է բորդո կարմիր շրջանակներ մնացած պատկերից՝ իր տարբեր գույնի պատճառով:
Նմանության սկզբունքի օրինակ: Լուսանկարը՝ հեղինակի։
Նմանության օգտագործումը UX և UI դիզայնում
Եկեք պատկերացնենք, որ ձեր ընկերությունը մշակել է «Il Mio Chef» կոչվող հավելվածը, որն օգտագործվում է իտալական սննդի սիրահարների կողմից ԱՄՆ-ում և Կանադայում (մենք կօգտագործենք այնայս հոդվածի մնացած մասը): Ձեր UX հետազոտողի կողմից ձեզ հանձնված վերջին զեկույցում ասվում է, որ երբ խոսքը վերաբերում է իտալական սնունդ պատվիրելուն, օգտատերերին հիմնականում հետաքրքրում է, թե որ ռեստորաններն են իրենց ամենամոտ: Ի վերջո, մենք բոլորս կցանկանայինք, որ մեր լազանան կամ պիցցան առաքվեն, քանի դեռ թարմ և տաք է, այնպես չէ՞:
Որպեսզի հեշտացնենք մեր հավելվածի օգտատերերին օգնել տեսնել, թե որ ռեստորաններն են իրենց ամենամոտ: կարող է օգտագործել նմանության սկզբունքը՝ UI-ում ընդգծելով այս ռեստորանները: Ստորև նկարում կարող եք տեսնել, թե ինչպես է այս տարբերակները դեղինով ընդգծելը (աջ կողմում) մեծ տարբերություն՝ տեսողականորեն ընդգծելով ամենամոտ ռեստորանների և ավելի հեռու գտնվողների միջև եղած տարբերությունը: Ահա թե ինչպես կարող եք օգտագործել նմանության սկզբունքը, որպեսզի օգնեք ձեր օգտատերերին արագ գտնել այն, ինչ փնտրում են:
Օգտագործելով նմանության Գեշտալտ սկզբունքը: Պատկերը հեղինակի կողմից:
Տես նաեւ: Ինչու յուրաքանչյուր լոգո պետք է արվի վեկտորային գրաֆիկայումՄոտության օրենքը
Մոտության սկզբունքն ասում է, որ իրար մոտ գտնվող առարկաները թվում է, թե ավելի շատ են կապված քան առարկաները, որոնք միմյանցից ավելի հեռու են գտնվում: Օրինակ, առաջին պատկերը և երկրորդ պատկերն ունեն նույն քանակությամբ շրջանակներ: Այնուամենայնիվ, երկրորդ պատկերում որոշ սյունակներ ավելի մոտ են միմյանց և տպավորություն են ստեղծում, որ ունեն երեք տարբեր խմբեր մեկ մեծ խմբի փոխարեն:
Տես նաեւ: The Team Behind 4.4's Supercharged BrushesՄոտիկություն - օրինակ 1 - մեծ խումբ: Պատկերը հեղինակի կողմից:
Մոտություն - օրինակ 2 - երեք տարբեր խմբեր: Պատկերը հեղինակի կողմից:
Օգտագործելով Proximity in UX And UI Design
Եկեք օրինակ վերցնենք ոլորտից տեղեկատվության վիզուալիզացիայի մասին:
Այս անգամ, եկեք պատկերացնենք, որ դուք գործադիր տնօրեն եք, որը ցանկանում է տեսնել, թե ինչպես է աշխատում ձեր «Il Mio Chef» հավելվածը: Դուք ցանկանում եք նայել KPI-ներին, որոնք չափում են ֆինանսական կատարողականը, օգտագործողների ներգրավվածությունը և բավարարվածությունը: Սկզբում ձեր տեղեկատվության վիզուալիզացիայի մասնագետը ստեղծում է ներքևի վահանակը, որը ստիպում է ձեզ և մյուս բոլոր ղեկավարներին կորչել թվերի մեջ և ավելի շատ հարցեր տալ: Մեկ ամիս անց ձեզնից շատերը պարզապես դադարում են օգտագործել այս վահանակը:
KPI վահանակ - Il Mio Chef: Պատկերը հեղինակի կողմից:
Այս պահին դուք վերադառնում եք ձեր տեղեկատվության վիզուալիզացիայի մասնագետին և խնդրում նրան հեշտացնել մարդկանց մեծ պատկերը հասկանալու համար՝ վերափոխելով վահանակը: Հարևանության սկզբունքը հարմար է այս դեպքում, իսկ նոր դիզայնը կարող եք տեսնել ստորև։ Այն պարունակում է երեք խումբ՝ բաժանված ըստ KPI-ի տեսակի, և այն օգնում է բոլորին հասկանալ, թե ինչպես է հավելվածը գործում ֆինանսական կատարողականի, ներգրավվածության և բավարարվածության առումով: Օբյեկտների խմբավորումը և խմբերի միջև ավելի շատ սպիտակ տարածություն օգտագործելը կարող է օգնել ձեր օգտատերերին ավելի արագ մարսել տեղեկատվությունը:
Գեստալտ հարևանության սկզբունքի օգտագործումը վահանակի ձևավորման մեջ: Պատկերը հեղինակի կողմից:
The Law OfՇարունակականություն
Շարունակականության սկզբունքն ասում է, որ երբ աչքը սկսում է հետևել որևէ առարկայի, այն կշարունակի հետևել «շարժմանը» այդ ուղղությամբ, մինչև չհանդիպի մեկ այլ առարկայի: Այս շարժումն օգնում է մեզ ընկալել օբյեկտը որպես նույն ճանապարհի մի մաս, որը մենք պետք է անցնենք տեղեկատվություն գտնելու համար: Ստորև նկարը ցույց է տալիս, թե ինչպես կարող ենք օգտագործել շարունակականության սկզբունքը՝ ստեղծելու այնպիսի տեսողական նախշեր, որոնք ուղղորդում են աչքը որոշակի ուղղությամբ:
Շարունակականության սկզբունքի օրինակ: Պատկերը հեղինակի կողմից:
Using Continuity in UX And UI Design
Ձեր UX հետազոտողը ներկայացրել է նոր զեկույց, որը ցույց է տալիս. որ «Il Mio Chef» հավելվածից օգտվողների համար հիմնական դրդապատճառը սննդի որոնումն է, քանի որ այն թույլ է տալիս նրանց ամեն շաբաթ մուտք գործել նոր իտալական սննդի ռեստորաններ: Դուք նայում եք չափմանը, որը ցույց է տալիս, թե քանի անգամ են մարդիկ սահում իրենց ընտրանքների միջով ներքևի նկարում (ձախ կողմում) ներկայիս UI դիզայնով և տեսնում եք, որ նրանք երբեք միջինը երկու անգամից ավելի չեն սահեցնում՝ տեսնելու, թե ինչ տարբերակներ են հասանելի իրենց համար:
Օգտագործելով շարունակականության սկզբունքը (ներքևում գտնվող նկարի աջ կողմում) ձեր UX դիզայներն օգնեց այդ թիվը հասցնել միջինում մոտ 10 սահահարման: Ինչպե՞ս դա տեղի ունեցավ: Թաքցնելով պատկերի մի մասը և ընդգծելով այն փաստը, որ դուք պետք է սահեցնեք ձախ կամ աջ՝ տեսնելու, թե ինչ կա այնտեղ, ձեր օգտատերերի աչքերը առաջնորդվեցին բառացիորեն ստեղծելու «սահեցման» շարժումը և ավելին։մոտիվացված՝ ուսումնասիրելու ավելի շատ ռեստորաններ և այն, ինչ նրանք առաջարկում են: Սա մի բան է, որ ավելի վաղ դիզայնը ձեզ ընդհանրապես չի դրդել անելու, նույնիսկ եթե դուք արդեն իսկական մոտիվացիա ունեք դա անելու:
Օգտագործելով UX/UI դիզայնի շարունակականության Gestalt սկզբունքը: Պատկերը հեղինակի կողմից:
Ամփոփելու համար , այս հոդվածում ներկայացված Gestalt սկզբունքների օգտագործումը ձեր UX-ի և UI-ի դիզայնում կարող է օգնել ձեր օգտատերերին գտնել տեղեկատվություն ավելի արագ և ավելի լավ մարսել: այն. Բացի այդ, դա կարող է մեծացնել նրանց գոհունակությունը ձեր արտադրանքից՝ դրդելով նրանց կատարել այն գործողությունները, որոնք նրանք ամենաշատն են սիրում:
Շապիկը ներառում է Miklos Philips-ի գեղարվեստական աշխատանքը՝ խմբագրված Vectornator-ում: