Сенсорлық экрандар пернетақтадан және тышқандардан басқаша жұмыс істейді
Мобильді құрылғыларға арналған веб-сайттарды әзірлеудің алғашқы күндерінде көптеген әзірлеушілер өз өнімдерін ұсынды. Олар толық функционалдық жұмыс үстелінің нұсқасын шығарды, содан кейін брендтер мен суреттердің көпшілігін шоколадты телефондар мен 3G сымсыз желілерінің шектеулі мүмкіндіктері мен желінің жылдамдығын жоғалтатын «мобильді оңтайландырылған» нұсқасы шығарды.
Алайда, қазіргі заманғы смартфондар веб-беттерді кешегі DSL желілеріне қарағанда жақсы немесе жақсы желілер арқылы жұмыс үстелінің компьютерлері ретінде тиімді етіп көрсете алады.
Дизайн бір пайдаланушы интерфейсіне қайта оралады. Дизайнерлер үшін қауіп-қатер смартфон немесе планшет заманауи жауап беретін веб-сайтты көрсете алмайды. Керісінше, сенсорлық экрандағы пайдаланушы енгізу әдісі негізгі сайт дизайнын түбегейлі өзгертуді талап етеді. Сайтты құрастыратын күн келушілерге пернетақта мен тінтуір қойылған кезде аяқталады.
Сенсорлы экранның негізгі ережелері
Сенсорлық экранға негізделген веб-интерфейсті жасау үшін өткеннің дәстүрлі монитор-тінтуір-пернетақтасы тәсілінің эволюциясы қажет. Атап айтқанда, қаңылтырлар, крандар және мультитач кірісі сияқты өзара әрекеттерді орналастыру керек.
- Түрту дәл емес. Егер тапсырыс берушінің жасөспірімнің саусақтары болмаса, тіпті нақты бағдарламалық жасақтаманың басқаруымен де, оны табуға және нақты анықтауға болады.
- Қимылдар крандардан ерекшеленеді. Сенсорлық экранда ұзын бетті жылжыту үшін пайдаланушы бір саусақты шолғыш терезені көтереді . Тінтуірмен шолу жасауды тышқанның төменгі жағын жылжытқанша, бұл маңызды емес көрінуі мүмкін.
- Екі (және одан көп) саусақтардың шүмегі. Пайдаланушы оны басқару үшін бір уақытта бірнеше саусақты крандарды қолдануы мүмкін. Бұл қосымша крандар пайдаланушы құрылғысының амалдық жүйесіне байланысты нақты бір нәрсені білдіреді.
- Жоғары қарқынды құрылғылар. Көптеген сенсорлы экран таблеткаларының экрандары қатты әйнектен жасалған. Бұл материал жарқын жарық жағдайларында оқып-үйрену өте қиын болуы мүмкін. Сонымен қатар, барлық жанасатын, экранда саусақ іздері мен ластанулар пайда болады, бұл сіздің беттеріңіздің көрінуіне әсер етеді.
- Экрандағы пернетақта. Кейбір пайдаланушыларда планшеттерге қосылатын сымсыз пернетақта болса да, көптеген планшет пайдаланушылар деректерді енгізу үшін экрандық пернетақтаны пайдаланады. ОСҚ енгізу кейбір қызықты типографияларға әкелуі мүмкін, сондай-ақ ұзақ уақыт бойы қолдануға қолайсыздық тудыруы мүмкін.
Құрылғының осы ерекшеліктеріне байланысты веб-дизайнерлер сенсорлы экран пайдаланушылары үшін бірнеше негізгі жобалау ережелерін атап өтуі керек:
- Тышқан элементтерді бір-біріне жақындатпаңыз. Қаншалықты жақын екендігін анықтайтын қатаң және жылдам ереже жоқ, бірақ сілтемелердің тізімі, әсіресе кішкене қаріп өлшемінде, май саусағымен басу (басу) арқылы өтуге қиын болуы мүмкін. Сілтемесін басу үшін тек масштабты ұлғайту үшін тітіркендіргіш болуы мүмкін. Бұл принцип түймелер мен сілтемелер үшін де жарамды.
- Иерархиялар ашық болуы мүмкін. Динамикалық мәзірдің бір танымал пішіні пайдаланушы ішкі мәзірді ашып, тышқанға ішкі мәзірді апарған кезде, ішкі мәзірді ашу үшін JavaScript пайдаланады. Бұл штаттар сенсорлық экранда өте қиын немесе мүмкін емес болуы мүмкін, себебі олар ашық қалмайды немесе жабылмайды.
- Терезенің оң жақ шетінен сілтемелерді және басу орындарын жылжытыңыз. Көптеген адамдар дұрыс қолданады және экранның сол жағында айналдыруға бейім. Айналдыру қимылмен орындалатындықтан, кейде қате арқылы сілтемені сканерлеуді бастауға болады. Пайдаланушылар бетте жылжытқысы келсе, олар кездейсоқ сілтемені басу арқылы аяқталды. Сілтемелеріңізді оң жақтан жылжыту арқылы сіз оларға қолайсыздықты болдырмауға көмектесесіз.
- Тінтуір жоқ. Бұл дегеніміз, тінтуір көрсеткіші жоқ. Тінтуірдің көрсеткішіне бір нәрсені басу мүмкіндігін көрсетуге көмектесу үшін өзгертуге болмайды.
- Hover мемлекеттері жоқ. Жоғарыда келтірілген мәліметтерге сүйенсек, тышқан жоқ болғандықтан, ештеңе жоқ. Сілтеме сенсорлы экрандағы құрылғыда басылған немесе түртілген емес (қоңырау шалынған), осылайша пайдаланушылар түс өзгертуі, құралдың кеңестері немесе күй-жайдың өзгерісі сияқты осындай жоғары сапалы күйлерден пайдалы ақпаратты ала алмайды.
- Қара түстер фонда жарқылдайды. Қара фоны бар сайт сенсорлы экран құрылғысындағы шағылыспен оқу өте қиын болуы мүмкін. Қара құрылғыдағы саусақ іздерін экранға шығарып, анық көрінеді. Сондай-ақ, қара экранға айналдырып, экрандағы мәтіннен жиі қолданушыларға кері әсерін тигізеді.
- Пішіндерде мәтіннің ұзын блоктарын жазу қиын. IPad-ға немесе Android-ге немесе планшеттегі барлық романдарды жазуға болады, алайда көптеген адамдар экранның пернетақтасын мәтіннің ұзақ созылуына ұнамайды. Дизайныңыз деректерді енгізуді мүмкіндігінше қысқа және оңайырақ етуі мүмкін, соғұрлым жақсы.
Сенсорлық экрандармен жобалаудың маңызды аспектісі - сенсорлы экрандағы құрылғының беттерін тексеру . Көптеген iPad және Android эмуляторлары бар және көптеген Windows планшеттері бар болса да, олар сенсорлы экранның мағынасын әлі жеткізбейді. Сіз бұл сілтемелердің тым жақын екенін немесе бұл түймелердің тым кішкентай екендігін немесе жарнаманың веб-сайт дизайнын шығарар алдында планшеттен шықпастан және оларды сынап көрмейінше, беттің оқылуын тым қатайтатындығын айта алмайсыз.