UI дизайнына қатысты 8 кеңестер немесе UI-ді қалай тиімді пайдалану керек? | SpdLoad

Тиімді UI пайдаланушыларға оңай, қанағаттанарлық және толық басқарумен нақты әрекеттерді орындауға көмектеседі. Сондықтан UI дизайнының кеңестерін ұстану өте маңызды. UX мен UI дизайнының айырмашылығын нақты түсіну.

Егер UI дизайны сәтті болса, ол пайдаланушыға көрінбейтін болады. Пайдаланушы бұдан кейін қандай іс-әрекет жасайтынын алдын ала біліп алған кезде соншалықты икемді болады.

Пайдаланушы интерфейсі пайдаланушыға әрекетті сәтті және оңай жасауға көмектесетін элементтер мен құрылымдарды ұсынады. Келушілер UI-ді байқамайтын сияқты.

Мен графикалық дизайнер ретінде саяхатымда білген кейбір кеңестермен бөлісемін. Мен осы қарапайым кеңестер сізге пайдаланушы интерфейсінің жоғары дизайнын жасауға қалай көмектесетінін көрсетемін.

UI дизайнына қатысты 8 кеңестер

Жаңадан шыққан дизайнер және көптеген пайдаланушылар үшін UI - бұл жай веб-сайттың «көрінісі». Шындығында, бұл әлдеқайда көп.

Ол визуалды дизайн, интерактивті дизайн және ақпараттық архитектурадан тұрады.

Тапсырмаларды біртекті, интуитивті және таныс ететін интерфейстер мен байланыс нүктелерін құру.

MVP дизайнындағы тиімді және пайдасыз UI арасындағы айырмашылықты не құрайды?

8 кеңесті қарастырайық.

UX пайдаланушысын зерттеуден бастаңыз

Пайдаланушы интерфейсінің дизайнында бәрі пайдаланушыдан басталады.

Пайдаланушыларға оңай пайдаланылатын веб-сайттар жасау үшін, пайдаланушылардың веб-сайттармен қарым-қатынасын және өзара әрекеттесуін зерттеңіз. Олардың жұмыс процестерін, процестерін біліп, олардың міндеттеріне қалай жақындағанын көріңіз.

Өз пайдаланушыларыңызды қаншалықты көп білсеңіз, олардың қажеттіліктерін көбірек болжай аласыз және оларға тиімді күтім жасай аласыз.

Пайдаланушыны зерттеу сізге ауруды қалай, қашан, қайда және не үшін пайдаланатынын білуге ​​мүмкіндік береді.

UI дизайнына күтулерді орнатыңыз

Үйлесімділік пен таныстық UI дизайнының маңызды тұжырымдамасы болып табылады.

Пайдаланушылар белгілі бір жолмен веб-сайттарға кіруге және олармен өзара әрекеттесуге дағдыланған.

Егер сайттың пайдаланушы интерфейсінің дизайны олар үйреніп алғаннан немесе күткеннен өзгеше болса, бұл қауіпті болуы мүмкін.

Оларға оны біраз уақыт көруге кеңес берілуі мүмкін. Бірақ процесстегі кез-келген кедергілер немесе сәтсіздіктер бәрін жауып тастай алады. Клиенттер ешқашан оралмайды, кетеді.

Сіздің сайтыңызға таныс жерлерде таныс элементтер бар екеніне көз жеткізіңіз. Прототиптерді қолдану үшін тестілеуді бастауға жақсы тәсіл.

Дизайнмен тәжірибе жасап жатқанда, пайдаланушыларға оны баспастан бұрын қай батырманы қандай әрекетті орындайтынын хабарлаңыз.

Мысалы, нұсқаулық көшірмесі бар кішкентай қалқымалы шар. Көптеген оқу бағдарламалары мен веб-сайттарда тақырып белгісіне жақындатылған жүрек белгішесін апару арқылы келесі сөздер пайда болады: Таңдаулыға сақтау үшін нұқыңыз.

Мұндай нұсқау көшірмесі сіздің пайдаланушының үміттерін едәуір тиімді басқара алады.

Сол сияқты, қолданушыларды кері қайтаруға болмайтын кез-келген әрекетті қашан бастайтындығы туралы хабардар етіңіз. Мысалы, электрондық поштаны, бетті немесе веб-сайтты жою. Олардан сенімді екендерін сұраңыз.

Егер олар болса, олар алға шығады, егер жоқ болса, сіздің тиімді UI оларды кездейсоқ басудан сақтап қалды.

Жедел интерфейске жауап беруді қамтамасыз етіңіз

UI дизайны - бұл сіздің пайдаланушыларыңызбен қарым-қатынас пен қарым-қатынас нүктесі.

Сілтемені басқан кезде, ол ашылады деп ойлаймын. Мен түймені басқанда, оның түсі өзгереді деп ойлаймын.

UI дизайнында әрекет ету және әрекет ету процесі басым.

Пайдаланушылар веб-сайтыңызбен жұмыс жасаған кезде, веб-сайттың жылдам және тез жауап беретініне көз жеткізіңіз. Айналдыру тегіс және желді, жағымды әрекеттер бөлінеді және барлық сілтемелерді нұқуға болады - 3 секундтан кейін шыңдар.

Әрбір екінші секундта бет көріністерінің азаюы және тұтынушылардың қанағаттану деңгейінің төмендеуі күтіледі, бұл ақыр соңында айырбастаудың жоғалуына әкеледі.

Баяу әрекет ететін веб-сайттар қолданушыларды ренжітіп қана қоймайды, сонымен қатар адамдар алдымен бұл зат жұмыс істеп жатыр ма деген күмән тудырады.

Мұндай күмәнмен байланысты болғыңыз келмейді. Сіздің сайтыңыздың жүктелу жылдамдығын және элементтердің жауап уақыттарын сәйкесінше басқарыңыз.

Элементті орналастыру және мөлшері

UI дизайны - бұл шертулер, шүмектер және айналдырулар туралы.

Пайдаланушы сіздің веб-сайтыңызды нұқыған сайын, ол түрлендіруге айналатынына көз жеткізуіңіз керек. Бұлай болу үшін сайттың элементтері мен мөлшеріне назар аударыңыз.

Әрдайым мөлшерін және орналасуын жеткілікті мөлшерде ұстаңыз. Басу қателерінен аулақ болу керек. Сонымен қатар, жиі қолданылатын түймелерді жасаңыз - жіберіңіз, жіберіңіз, бастаңыз - басқаларға қарағанда анағұрлым көрнекті және үлкенірек.

Негізгі мәзір тізімімен бірдей. Оларды категориялар сияқты қосымша мәзірлерге қарағанда жоғары орналастырыңыз.

Сіз кез келген кезде тиімді пайдаланушы интерфейсін анықтауға үйретесіз.

Дизайнды қарапайым етіп жасаңыз

Мен жасаған барлық жобаларда бұл кеңесті әрдайым сәтті деп таптым. UI қарапайым дизайнын түзете алмайтын немесе жақсартатын ештеңе жоқ.

Қарапайым дизайнмен пайдаланушылардың танымдық процестері мазасызданбайды.

Оларға шешім қабылдау, тапсырмаларды тиімді орындау оңай және ешқандай қажет элементтер жалаңаш емес.

Жаңадан шыққан дизайнер дизайн интерфейсі жоғары, көрнекі мүмкіндіктерге ие, бірақ функционалдылыққа ие, көптеген мәселелер туындаған қолданушы интерфейсін жасай алады.

Қарапайым веб-дизайн - бұл тәжірибелі, тәжірибелі дизайнердің басты белгісі және оны орындау өте қиын.

Қарапайым дизайнмен сіз үстірт визуализациядан гөрі өз шығармашылығыңыз бен дизайн біліміңізге көбірек сенім артуыңыз керек.

Келесі UI дизайнын жасауды бастағанда қарапайым интерфейске өтіңіз.

Функцияны жеңілдететін дизайн жасауға тырысыңыз. Интернетте сатып алған кезде адамдарға қонақ ретінде тіркелуге рұқсат беріңіз.

Мәзірді жасырудың орнына оны оңайлатыңыз.

Блог санаттарын қол жетімді ету үшін, оларды бүкіл бетте лақтырудың орнына, құрылымды беру үшін торды пайдаланып көріңіз.

Осы қарапайым твиттермен (көп ойлануды және біршама Эврика талап етеді) сәтте UI дизайнындағы тиімділікті төмендетуге болады.

Қол жетімділікті ескере отырып дизайн

Ешқандай UI дизайны, егер ол кең аудиторияның қажеттіліктерін қанағаттандырмаса, тиімді бола алмайды. Соның ішінде қол жетімділіктің әртүрлі мәселелері бар.

Мұндай аудиторияның үлкен сегменті көзге байланысты әртүрлі қиындықтарға ие пайдаланушылардан тұрады. Түрлі түсті көру кемшіліктері (CVD), көру қабілетінің төмендеуі, бұлыңғыр көру және жасқа байланысты мәселелер.

Бұл аудиторияға арналған пайдаланушы интерфейсі қазіргі UI дизайны сияқты түсті орталық бола алмайды. Пайдаланушыларға көру, көру және АЖЖ мәселелері бойынша көмектесу үшін UI дизайны түстер мен белгішелердің бірігуі болып табылады.

CVD аудиториясы үшін түстердің өзі жеткілікті ақпаратты жеткізе алмайды.

Мысалы, егер сіздің жүйелік дабыл туралы хабарламаңыз тек түстермен жасалынған болса (жасыл және қызыл), қызыл-жасыл түсті көру жетіспеушілігі бар адамға қандай батырманы басуды білуге ​​қиын болады.

Осыған ұқсас, және мәтіндік белгілері бар түсті ақпаратты көрсетпейтін электрондық коммерция веб-сайттары түстерді көретін пайдаланушыларға зиян тигізуі мүмкін.

Егер көру қабілеті нашар немесе нашар көретін адамдар туралы айтатын болсақ, сұр торлы веб-сайттар әсіресе қорқынышты. Бұл сайттар эстетикалық жағымды болып көрінеді, бірақ пайдалану стандарттарына сәйкес келмейді.

Контраст коэффициенттері нашар, кішігірім және түссіз типография және ақ-қара тақырыптармен, бұл сайттарды бірнеше секундтан ұзақ уақыт бойы қарау көру қабілеті бұзылған адамдар үшін бас ауруына айналуы мүмкін.

Көрнекі және ымырасыз әдемілікке қол жетімді UI-нің тиімді дизайнын жасау үшін мына ең жақсы тәжірибелерге назар аударыңыз:

  • КҚ және басқа да көрермендер үшін қай түстердің қайсысы жақсы және жаман екенін біліп алыңыз. Интернеттегі контрастты және түстерді тексеретін құралдарды қолдана аласыз: Color Oracle, Sim Daltonism және Contrast Checker т.б.
  • Егер сіз электрондық коммерция дүкенін басқарсаңыз, әрдайым өнімнің суреттерінде / сипаттамаларында түстерді белгілеңіз.
  • Сілтемелеріңіз әрдайым асты сызылғанына көз жеткізіңіз, өйткені түс өзгерісі аудиторияны жібермеуі мүмкін.
  • Деректерді визуализация диаграммаларында және сызбаларында түстерді толықтыруға шаблондар, текстуралар және пішіндерді өзгертіңіз.
  • Сіздің сайтыңыздағы бастапқы түймелер басқа түймелерден сәйкестендірілгеніне көз жеткізіңіз. Қол жетімділіктің дизайнын түсінуге көмектесетін жақсы ресурс ретінде бұл жерде пайдалы сілтеме бар.

Жауапты веб-сайт жасаңыз

Google ұзақ уақыттан бері іздеу беттерінде веб-сайттарды бірінші болып мобильді түрде индекстеуді бастады, содан кейін назарын мобильді пайдаланушыларға және жұмыс үстелі қолданушыларына аударды.

Бұл ауысым өздерінің жақсы SEO және конверсиялық жылдамдығын сақтап қалғысы келетін барлық бизнестерге жауап беретін веб-сайттар құруды бастайды.

Бұл сұйықтықтың дизайны, ол кез келген экранға еніп, өзін-өзі реттейді.

Ол интерфейстің құрылымын да, визуалды сапасын да өзгертпейді, экран өлшеміне немесе құрылғы түріне қарамастан интерфейсті оңтайлы көруді қамтамасыз етеді.

Жауапты дизайн вебке қол жетімділік жөніндегі нұсқаулықтарды мүлдем орындай алмаса да, жаңа және заманауи интерфейстің жаңа дизайны неғұрлым инклюзивті болып келеді.

Біз тек жауап беруге ғана емес, қол жетімді сайттардың көптеген мысалдарын көреміз. Мысалы, және Реформа, дәл қазір менің басымның жоғарғы жағынан.

Әрине, болашақта мұндай сайттар көбірек трафикке ие болады, оның кең ауқымы және ықтимал конверсиялар көп болады.

Егер сіз UI интерфейсін трафикті өзгертетін етіп жасасаңыз, көптеген адамдар мен көптеген құрылғылар үшін жұмыс істейтін дизайн стратегияларын қолдану қисынды болады.

Жақсы дизайн жасауға өз көзіңізді үйретіңіз және тәжірибе, тәжірибе, тәжірибе алыңыз!

Егер сіз тәжірибе мен зерттеулерге қаражат жұмсамасаңыз, бұл кеңестердің ешқайсысы пайдасыз болады. Сайттарды қарау кезінде жақсы дизайнды байқауды әдетке айналдырыңыз. Сайтта жұмыс жасайтын және жоқ функцияларды іздеңіз.

Мұны басқаша қалай жасар едіңіз.

Сонымен қатар, уақытты және қандай ресурстарды қолданушының зерттеуіне жұмсаңыз. Пайдаланушыларыңызбен әр түрлі дизайн кезеңдерінде сөйлесіңіз. Олар сіздің ең жақсы ақпарат көзі бола алады, өйткені сіз MVP-мен жұмыс жасауды жалғастыра бересіз.

Олардың сіздің UI-мен қалай өзара әрекеттесетініне және егер сіз түзете алатын ойықтар, жақсартуға болатын элементтер немесе жоюға болатын кедергілер болса, оларға назар аударыңыз.

Сонымен қатар сауалнамалар мен фокус-топтар туралы ойланыңыз. Соңғысы қарама-қайшылықты көзқарастарды жинауда, әсіресе сіздің дизайныңызға көмектеседі.

Сауалнамалар пайдаланушыларды зерттеудің ең үнемді және қол жетімді нұсқалары болып табылады. Сіз сонымен бірге өзіңіздің әріптестеріңізді іргелі зерттеу үшін сұрастыра аласыз, содан кейін сіздің жобалау процесін қозғап, оны жақсартуға мүмкіндік беретін қиын фактілерді алу үшін оған қаражат салу туралы ойланыңыз.

Соңғы, бірақ маңызды емес, тәжірибе. Шынымды айтсам, бұл сізге бере алатын ең жақсы кеңес. Тәжірибе сіздің мінсіздігіңізді көрсетпейді, бірақ бұл сізді жақындата алады.

Тиімді UI - келесі не бар?

Сондықтан сізде бар

8 жеке тексерілген және тексерілген ветинг бойынша кеңестер, менің терімді ұзақ уақыт сақтап қалды. Олар сізге бірдей пайдалы деп үміттенемін.

Маңызды сәт, UI-дің мінсіз дизайны сияқты нәрсе жоқ. Бұл пайдаланушылардан үйренудің үздіксіз процесі және оларға мақсаттарына жететін нәрсені ұсынып қана қоймай, сонымен қатар олардың процестерін де жақсартады.

Сонымен, оқуды жалғастырыңыз.

Алғашында https://spdload.com сайтында жарияланған.