Мазмұны
- 1. Міндетті өрістерді белгілемеңіз
- 2. Айналдырғыштарды пайдаланбаңыз
- 3. Бір ғана батырманың түрі бар, немесе бір формаға бір ғана батырма бар
- 4. Қопсыған өрістер
- 5. Неліктен бірдеңе сұрап жатқаныңызды және ол пайдаланушыға қалай әсер ететінін ойлаңыз
- 6. Күндер - бұл кішкентай сықырлар
- 7. Қолөнерді дамытушы ретінде формалар
- 8. Пішіндерде бағандарды қолданбаңыз
- 9. Біреуі орындайтын кезде екі өрісті пайдаланбаңыз
- 10. Жақсы болыңыз
Формалар, көптеген дизайнерлер формалардан артық жек көретін ештеңе жоқ. Олар міндетті түрде шығармашылықты шығармайды, солай ма? Мүмкін, біз формаларды қайта қарап, форма, ең негізгісі, қолданушы мен бағдарламалық жасақтама арасындағы сұхбат екенін түсінетін кез келді.
Ұсынуды ұмытып, түртіңіз, формалар біз сандық дизайнерлер кездесетін ең бай өзара әрекеттесуді білдіреді. Келесі жолы форма сізге келеді, бұл тек CSS эффектілерін қолдану немесе жақсы jQuery гүлденуі туралы ойламаңыз. Пішіндерді жобалаудың әлдеқайда тереңдігі бар.
Мен қолданушы жүздеген формаларды сынап көрдім және сақтандыру компаниялары үшін бірнеше күрделі формаларды жасадым, демалысқа тапсырыс берудің өзара әрекеттестігі және басқалары. Соңғы бірнеше айда сіз менің формаларымның бірін қолданған боларсыз.
Міне, мен формаларды жобалауды бастамас бұрын білгім келетін сабақтар.
1. Міндетті өрістерді белгілемеңіз
Сіз міндетті өрісті білдіретін кішкентай жұлдызшаны білесіз бе? Мен қолданушы тестілеуінде бірнеше рет сәтсіздікке ұшырағанын көрдім. Тұжырымдама ретінде міндетті өрістердің мағынасы шамалы, олардың офлайн баламасы жоқ. Олар әзірлеушілер үшін өте жақсы, өйткені олар аяқтауға жақсырақ қара және ақ тәсіл ұсынады. Жұлдызша және міндетті өріс сәтсіздікке ұшырайды, өйткені бұл үйренілген мінез-құлық. Пайдаланушы тестілеуінде көрген әдеттегі мінез-құлық - бұл пайдаланушы пішінді жоғарғы жағында толтырады және оларды тоқтататын нәрсе болған кезде немесе олар батырманы басқан кезде аяқтайды.
Шешім қарапайым, міндетті емес өрістерді белгілеңіз, біздің жақсы пайдаланушымыз тоқтайтын орынды белгілеп, сол өрісті аяқтау керек пе деп ойлаңыз.
2. Айналдырғыштарды пайдаланбаңыз
HTML5 керемет емес пе? Ол ойнауға арналған көптеген қызықты жаңа жылтыр құралдарды ұсынады. Біз жаңа ойыншықтардың орындылығы туралы ойлануымыз керек. Енді сан өрісі пайдаланушыға сандар бойынша айналып өтуге мүмкіндік беретін жоғары және төмен көрсеткілерді қамтиды.
Мұнда екі мәселе бар. Біріншіден, көрсеткілердің әдепкі шолуы оларды шынымен кішкентай етеді. Қиындықпен басу керек, ал біздің арамыздағы майлар айфонмен күресетін болады. Бұл Фиттің заңы деп аталады, кішірек нәрсе оны басу қиынырақ болады.
Бірақ мен сенің айқайлағаныңды естимін, тек санды өріске енгізуге болады. Ия, сіз жасай аласыз, бірақ шолғыштың дисплейіне назар аударайық, жоғары / төмен айналдырғыш көрсеткілері біздің сенімді досымыздың таңдау терезесіне ұқсайды. Спиннерді алғаш рет ұсынған пайдаланушы таңдайға енгізе алмайтындай етіп таңдайды.
Менің кеңесім - кең таралғанға дейін немесе браузерді жасаушылар әдепкі дизайнды сұрыптағанға дейін аулақ болу керек.
3. Бір ғана батырманың түрі бар, немесе бір формаға бір ғана батырма бар
Хик заңы деп аталатын психологияның белгілі принципі бар. Хик заңында бізге көп нұсқалар ұсынылатын болса, таңдау жасау қиынырақ болатындығы айтылған. Мен білетін зымыран ғылымы емес, ескеру керек ереже.
Сіз өзіңіздің сүйкімді қолданушыңызға оларға таңдау жасауға көмектесу арқылы көмектесе аласыз. Барлық негізгі батырмаларды бір түсті етіп жасау, және олардың әр бетінде тек біреуінің болуы таңдауды жеңілдетеді. Мен қай батырманы басуым керек? О, оңай, бұл үлкен түсті.
4. Қопсыған өрістер
Мен өткен өмірде неврологияны оқыдым, сондықтан есте сақтау психологиясын, атап айтқанда қысқа мерзімді немесе жұмыс жадысын оқыдым. Енді оны айтпас бұрын; жоқ, қысқа мерзімді есте сақтау қабілеті 7 +/- 2, 4 +/- 1 емес немесе адамда үш-бес бөлікке тең. Біз, адамдар, визуалды тітіркендіргіштерді бағалауға өте жақсы, ал шектеулер саны аз болған кезде біз жақсы. Пішінді кішігірім топтарға бөлу бағалауды жеңілдетеді, өйткені пайдаланушының формаға енгізуі керек нәрсе көбінесе олардың жадынан шығады.
Өрістер тобының ұзындығы шамамен төрт екеніне көз жеткізіңіз.
5. Неліктен бірдеңе сұрап жатқаныңызды және ол пайдаланушыға қалай әсер ететінін ойлаңыз
Бұл, мүмкін, мен ұсынатын ең дұрыс кеңес, бірақ көбінесе аз қолданылады.
Келесіні алайық:
Әрбір қойған сұрағыңызға сұрақ қойыңыз. Бұл қажет пе? Мұны сұрағанда қандай сезімде болады?
Көбінесе бизнеске сұрақ қою қажет болады және біз дизайнер ретінде қажеттілік туралы өзіміздің көк түсімізге дейін дау айта аламыз. Сұрақты қою керек. Бұл деректерге бизнес қажеттілігін түсіну кезінде біз жиі ымыраға келуіміз мүмкін.
Біз жақсы пайдаланушымызға неге бұл сұрақты қоюымыз керек екенін айтып көмектесеміз. Бұл деректерді пайдалану және бөлісу туралы сендіріп, жай ғана жақсы болыңыз.
Тағы да біздің мысалға жүгінсек:
Бұл әлі де қиын сұрақ, бірақ біз таблетканы тәттілендірдік деп үміттенеміз.
6. Күндер - бұл кішкентай сықырлар
Күндерді енгізу өте қиын болуы мүмкін және сізде бірнеше қателіктерден аулақ бола аласыз. Ең үлкен проблема - қателіктермен күресу.
Ең қарапайым тәсіл - күнтізбені іске қосу. Айта кетейік, апталар Ұлыбританияда дүйсенбіде, ал АҚШ-та жексенбіде басталады. Егер сіздің пайдаланушыңыз шоғырланбаған болса, олар дүйсенбіні білдіретін жексенбіні таңдауы мүмкін.
Халықаралық күн форматтарын да айта кеткен жөн. АҚШ бірінші орынды, Жапонияда бірінші жыл. Сонымен, 4/5/12 сияқты күнді үш тұрғыдан түсіндіруге болады.
Сондықтан таңдаулы қораптарды қолданған дұрыс.
7. Қолөнерді дамытушы ретінде формалар
Пішіндер - дизайнерлермен қатар дизайнерлерге арналған қолөнер. Мәліметтерді енгізу кезінде қандай қателіктер болуы мүмкін екенін түсіну және қиындықтарды жеңу үшін сіздің ақырғы кодты жобалау.
Міне қарапайым. Валюта мәнін енгізу. Пайдаланушы жіберуі мүмкін қателер өте үлкен. Пайдаланушылар кездесуге мәжбүр болатын деректер форматтарын мәжбүрлеу сіздің қолданушыңызға реніш тудырады және жасаушылар жағынан аздап жалқау болайық.
Дамытушы үшін оқ өтпейтін бланкті жасаудан гөрі қандай жақсы мәселе бар.
8. Пішіндерде бағандарды қолданбаңыз
Формалардағы бағандарды қолданудағы үлкен проблема ағын болып табылады. Біз пішінді жоғарғы жағынан бастап, төменгі жағынан аяқтаймыз. Кіріспе бағандарда форманың ағыны бұзылуы мүмкін.
Пішіндер арқылы пайдаланушылар қойындысын қабылдамаңыз, сондықтан фокус - бағандардағы пішіндерді шарлау тәсілі. Мұны қолданушы тестілеуінде көргенім сирек. Көбіне біз егжей-тегжейлерді енгіземіз, тінтуірмен / трекпадпен / саусақпен келесі өрісті нұқыңыз, содан кейін мәліметтерді енгізіңіз және т.б.
9. Біреуі орындайтын кезде екі өрісті пайдаланбаңыз
Көптеген адамдар машинисткаларға қол тигізбейді. Пайдаланушы тестілеуінде біз пернетақтаны теру кезінде қарап жатқан адамдарды көреміз.
Форма өрісін бөліп тұрған телефон нөмірін енгізген кезде аймақ кодын және нөмірін қосыңыз деп айтыңыз. Пайдаланушылар екі өріс бар екенін көрмейді немесе шынымен де есте сақтайды, сондықтан бірінші өріске толық санды енгізіңіз, егер өріс белгілі бір таңбалар санымен шектелген болса.
Телефон нөмірі үшін бір өрісті пайдаланыңыз, үй нөмірі / көше үшін дәл солай - тек бір мәтін енгізу терезесін пайдаланыңыз.
10. Жақсы болыңыз
Қате туралы өрескел хабарламалар қаншалықты көп екеніне таң қаласыз.
Міне, мен жақында кездестірген мысал.
Болашақта кездесуді өз қалауыңызбен енгізіп, содан кейін әбден жауап беретіндігіңізді ұсынып отырған факт, бұл өте жағымды емес.
Өзіңізді қайтадан қолданушының орнына қойыңыз, сіз бұл қатені қалай сезінесіз? Ашуланасыз ба? Мүмкін одан да жаман. Жақсы болу оңай.
Мен сізге жақсы пішіндер жасауға көмектесу үшін жүктелетін шпаргалка / чит парағын шығардым. Оған көптеген жақсы үлгілерді жобалаудың ең жақсы тәсілдері кіреді.
