Як рэагаваць вэб-дызайн дазволіць палепшыць карыстацкі досвед для ўсіх наведвальнікаў
Знайдзіце хвілінку, і думаю аб усіх прыладах, якімі вы валодаеце, якія могуць быць выкарыстаны для прагляду вэб-сайтаў. Калі вы падобныя на большасць людзей, гэты спіс вырас за апошнія некалькі гадоў. Гэта, верагодна, уключае ў сябе традыцыйныя прылады, такія як настольны кампутар і / або партатыўны кампутар разам з прыладамі, якія прыходзяць у вядомасць за гэтыя апошнія некалькі гадоў, у тым ліку смартфоны, планшэты, што вецер носіць, гульнявыя сістэмы і многае іншае. Вы нават можаце мець прыборы ў вашым доме або экран у аўтамабілі, што дазваляе падключыць да Інтэрнэту! Сутнасць заключаецца ў тым, што ландшафт прылады становіцца больш і разнастайней ўвесь час, што азначае , што квітнець ў Інтэрнэце сёння (і ў будучыні), вэб - сайты павінны быць пабудаваны з рэагуюць падыходам і CSS медыя - запытамі і павінен разгледзець , як людзі, хутчэй за ўсё, аб'яднаць гэтыя розныя прылады ў адну вэб-браўзінгу вопыту.
Увядзіце Multi-Device User
Адна ісціна, якую мы ўжо бачылі гуляць у тым, што, калі людзі атрымліваюць некалькі спосабаў атрымаць доступ да Web, яны будуць выкарыстоўваць іх. Мала таго, што людзі выкарыстоўваюць мноства розных прылад для доступу да кантэнту вэб-сайта, але той жа чалавек наведвае адзін і той жа сайт, выкарыстоўваючы гэтыя розныя прылады. Тут паняцце «мульты-прылады» карыстальнік прыходзіць.
Тыповы сцэнар некалькі прылад
Разгледзім агульную вэб-ўзаемадзеяння, што многія людзі адчуваюць кожны дзень - прагляд вэб-сайтаў нерухомасці, у пошуках новага дома. Гэты вопыт можа пачацца на настольным кампутары, на якую калі хто-то ўваходзіць у крытэрыі таго, што яны шукаюць, і разглядае розныя прапановы аб нерухомасці, якія адпавядаюць гэтаму запыту. Праз дзень, гэты чалавек можа глядзець на канкрэтных уласцівасцях зноў на сваім мабільным прыладзе, ці ж яны могуць атрымліваць паведамленні на сваю электронную пошту (якія яны будуць правяраць на сваім мабільным прыладзе) для новых спісаў, якія адпавядаюць іх параметрах пошуку. Яны маглі б нават атрымаць гэтыя папярэджанні для носім прылады, як SmartWatch і праглядзець асноўную інфармацыю аб тым маленькім экране.
Гэты працэс можа працягвацца на працягу дня з вялікай колькасцю наведванняў сайта на іншы настольным кампутары, магчыма, з іх офіса на працы. У той жа вечар, яны могуць выкарыстоўваць планшэтны ПК, каб паказаць якія-небудзь спісы, якія асабліва цікавыя для сваёй сям'і, каб атрымаць ад іх зваротную сувязь па гэтым уласцівасцям.
У гэтым выпадку, наш вэб-сайт кліента, магчыма, выкарыстоўвалі чатыры ці пяць розных прылад, кожны з вельмі рознымі памерамі экрана, каб наведаць адзін і той жа сайт і глядзець на тое ж змест. Гэта карыстальнік мульты-прылады, і калі сайт яны наведваюць не прыстасоўвае іх на ўсіх гэтых розных экранах, яны проста сыдуць і знайсці той, які робіць.
іншыя сцэнары
Пошук нерухомасці з'яўляецца толькі адзін прыклад, калі карыстальнікі будуць пераходзіць ад прылады да прылады падчас іх агульнага вопыту працы з сайтам. Іншыя прыклады ўключаюць у сябе:
- Пошук аўтамабіля на куплю
- планаванне водпуску
- Чытанне артыкулаў навін
- Даследуючы ідэі Хатнія гаспадаркі
- Пошук мясцовых падрадчыкаў / паслуг
- Планаванне вяселля або іншага вялікага падзеі
- Пасля спартыўнай каманды або спартовае мерапрыемства
У кожным з гэтых выпадкаў, вэб-вопыт, верагодна, расцягнуць на больш чым адной сесіі, што азначае, што ёсць верагоднасць таго, што карыстальнік будзе выкарыстоўваць розныя прылады, на падставе якіх адзін з'яўляецца зручным для іх у любы момант часу.
Лепшыя практыкі для пераймання
Калі вэб - сайты сёння трэба , каб задаволіць усе больш за некалькі прылад з дапамогай аўдыторыі, то ёсць некаторыя асноўныя прынцыпы і лепшыя практыкі , якія варта выконваць , каб забяспечыць гэтыя сайты гатовыя правільна апрацоўваць гэтыя наведвальнікі і што яны добра ранжыраваць ў пошукавых сістэмах .
- Спагадны Вэб - сайт - спагадны макет , які можа адаптавацца і змяняцца для розных памераў экрана мае вырашальнае значэнне для падтрымкі розных вебов-прылад , падлучаных на сённяшні дзень.
- Усе матэрыялы павінны быць даступныя - калі хто - то можа атрымаць доступ да вызначанага кантэнту або функцыі , калі яны наведваюць сайт на адным прыладзе, яны чакаюць , што тыя таксама будуць даступныя , калі яны вяртаюцца на іншых прыладах. Ўтрыманне павінна быць прадстаўлена такім чынам, што падыходзіць для кожнага прылады, але змесціва не павінна быць «схаваны» або "выключана" для некаторых прылад.
- Чытальнасць Key - незалежна ад таго , якія прыладаў або якога памеру экрана выкарыстоўваюцца , каб наведаць вэб - сайт, лёгкасць чытання , што сайт не важная. Гэта азначае, што тыпаграфікі з'яўляецца важным элементам дызайну, каб засяродзіцца. Калі хто-то цяжка чытаць змест сайта, яны могуць пакінуць сайт у цэлым.
- Кансістэнцыя Сярод разнастайнасці - у той час як макет прадстаўлена для кожнага рознага памеру экрана будзе адрознівацца, павінна быць паслядоўнасцю ад аднаго прылады да іншага. Агульны вопыт павінен быць звязаны з тым, што карыстальнікі не павінны перавучвацца сайт кожны раз, калі яны наведваюць яго на новым экране.
- Зрабіць прадукцыйнасць з'яўляецца прыярытэтам - вэб - сайты павінны загружацца хутка і добра працаваць на ўсіх прыладах, у тым ліку мабільных прылад з менш дасканалай хуткасці загрузкі. У цэлым прадукцыйнасць вэб - сайт павінен быць прыярытэтам ва ўсіх аспектах праектавання і распрацоўкі сайта ; - у рэшце рэшт, ніхто не будзе калі - небудзь сказаць , што сайт загружаецца занадта хутка або працуе занадта добра!
Пад рэдакцыяй Джэрэмі Girard на 1/26/17