Веб-баракчанын жеткиликтүү дизайнын кантип түзүү керек

Ноутбуктун экраны

Интернет-дүкөндөр, банктык тиркемелер, мейманканаларды брондоо же штаттан тышкаркы жумуштар, жана башкалар интернет аркылуу чечилүүчү милдеттер жана кээ бир учурларда кадимки маалымат каражаттарын алмаштырган.

Эсте санариптик операциялардын тез өсүшү биз үчүн оңой болду көп жагынан жашоо. Бул биздин убакытты үнөмдөйт, анткени транзакциялар тезирээк болот жана физикалык мекемелерге баруунун кажети жок, албетте, мурда болбогон жаңы медиа түзүлдү Азыр көпчүлүк адамдар колдонушат, мисалы, социалдык тармактар, Netflix сыяктуу платформалардагы агымдуу кинолор жана сериалдар, же Paypal сыяктуу онлайн төлөм тутумдары.

Санариптик дүйнөнүн жогорулашы менен бул абдан маанилүү жеткиликтүү жана жакшы иштелип чыккан интерфейстерди өнүктүрүүгө инвестициялоо Колдонуучулар үчүн. Бирок, биз муну унута албайбыз мүмкүнчүлүгү чектелген колдонуучулар бар физикалык же психологиялык, алардын тажрыйбасын жана компьютерлерди жана мобилдик телефондорду колдонуу мүмкүнчүлүгүн кыйла чектейт.

Майыптар коляскасын колдонгондор сыяктуу, Интернеттин колдонулушуна тоскоол болбогон майыптар бар болсо дагы, башкалары, мисалы, көздүн көрбөгөндүгү же сокурдук, кыймыл-аракет координациясынын көйгөйлөрү, дүлөйлүк же аутизм, алар сиздин Интернетте чабыттооңузга олуттуу тоскоол болушу мүмкүн. Бул учурларда, айрымдары мурунтан эле түзүлгөн түзмөктөр экран окурмандары сыяктуу, колдонуучуларга жардам берүүчү жана колдоочу мүмкүнчүлүгү чектелген жерлерде.

Бирок бул көйгөйдү чечүүнүн биринчи гана бөлүгү. Бул колдонуучулар жөнүндө ойлонуп, биз аргасыз болобуз интерфейстин дизайнын иштеп чыгуу Сиздин тажрыйбаңызды жеңилдеткен жана сиздин муктаждыктарыңызга туура келет. Дизайн жасоодо биз колдоно турган айрым принциптер бар.

Мазмуну жана булактары

Эң жөнөкөй нерседен баштоо керек контентти иштеп чыгууда артыкчылыктарды белгилөө. Баш жана меню тилкеси көрүнөө оңой жайгашып, колдонуучу биринчи кезекте көрүшү керек. Башкы беттеги элементтер, сүрөттөр жана тиешелүү маалыматтар экинчи болуп табылат.

Жарнамалар же жарнамалык баннерлер көптөгөн беттерде пайда болот. Эгерде бул өзү бардык колдонуучулардын кыжырын келтирсе, көрүү мүмкүнчүлүгү чектелгендер үчүн бул көйгөй, анткени ал көптөгөн башаламандыктарды жаратат жана веб-диаграмманы окууга тоскоол болот. Ошол себептен сиз жалпы редакциялык дизайн болгон барактын логикалык жактан уюштурулган жана түшүнүктүү, жана элементтер тийиштүү өлчөмдө, башка көңүлдү бурган нерселер болсо дагы, колдонуучулар маанилүү мазмунга көңүл бура алышат.

Сиз колдонгон ариптер жакшысы алар болуш керек чоң жана окулуучу. Түрү Sans serif жана тайманбас Алар дислексиядан жапа чеккен адамдар үчүн китеп окууну бир топ жеңилдетет. Башка сунуш кылынган ариптер: Arial, Times New Roman, Helvetica, Tahoma, Calibri and Verdana.

Албетте, ортосунда так айырмачылык бар экенине ар дайым көңүл буруу керек тексти жана фону. Окшош түстөрдү колдонбоңуз, тескерисинче тандаңыз карама-каршы түстөр.

Sans Serif Bold тамгасы

Sans Serif Bold ариптерин колдонуу тексттин визуалдаштырылышын жакшыртат.

Альтернативдүү текст

El Альтернативдик Текст же Alt Tag - бул сүрөттөргө жайгаштырылган сүрөттөмө веб баракчаларында. Бул текстти колдонуучулар окуй алышпаса дагы, а жакшы жазылган сыпаттама - бул SEO позициясын жакшыртууга жардам берген курал.

Бирок Alt Tag пайдалуулугу ушуну эле билдирбейт. Ошол үчүн экран окурмандарын колдонуучу колдонуучулар көрүү кемтиги үчүн сүрөттөлүштөрдүн сүрөттөмөсү келтирилген сырткы көрүнүшү эмне экендигин билиши керек болгон бирден-бир маалымдама беттеги ачыкка чыккан нерселер жөнүндө. Ошентип, эгерде биз, мисалы, кээ бир ширелүү гүлдөрдүн сүрөтүн койсок, жакшы альтернатива текст болот: Кызгылт идиштердеги үч ширелүү өсүмдүктөр. Сыяктуу кыска текст: Казан өсүмдүктөр, Бул тиешелүү маалыматтарды берген сүрөттөмө эмес, ошондуктан иштебейт.

Кызгылт идишке салынган суккуленттер

Кызгылт идиштердеги үч ширелүү өсүмдүктөр. Альтернативдик текст мисалы.

көнүү

Долбоорду иштеп чыгууда биз баардыгын эске алышыбыз керек биздин интерфейс көрсөтүлө турган презентациялар, тамгалары менен веб же мобилдик версия. Тажрыйба ар дайым биз көрүп жаткан чөйрөгө жараша болот.

Биз мобилдик колдонуп жатканда, биз ар кандай чөйрөлөргө дуушар болушу мүмкүн окууну кыйындаткан Мазмундун экран. Эгерде биз, мисалы, сыртта жүргөн болсок, күндүн жарыктыгы экранды караңгы кылып, ызы-чуу бизге аудиону жакшы угууга мүмкүнчүлүк бербейт. Ошол себептен мобилдик версияда чоң тамгалар жана кочкул түстөр болуп, аларды угуу кыйын болуп калса, видеолор субтитр менен жазылышы үчүн, ушул деталдар жөнүндө жакшылап ойлонуп көрүү керек.

Мобилдик экран

Интерфейстин дизайнын мобилдик телефондордо жана компьютерлерде окула тургандай кылып ыңгайлаштырыңыз.

Дизайндагы ырааттуулук

Редакциялык дизайн биздин веб-сайт менен эмне кылабыз бөлүмүнө карабастан бирдей болушу керек сен кайдасың Меню тилкесиндеги ошол эле сүрөтчөлөр Үй бөлүмүндө Байланыштар бөлүмүндө көрүнүшү керек. Биз стилди өзгөртпөшүбүз керек Интернеттин ачкыч баскычтарынын жайгашкан жери дагы.

Автоматтык түрдө ойной турган видеолорду жайгаштыруу биз үчүн ыңгайлуу эмес баракты ачканда. Экран окурмандарын колдонгон колдонуучулар үчүн аларды кантип тындырууну билүү кыйын.

Starbucks сайты

Starbucks барагындагы меню тилкеси бардык бөлүмдөрдө бирдей.

Баскычтоп навигациясы

Акырында, кыймылдаткычты координациялоо көйгөйү бар кээ бир колдонуучулар компьютердин чычканын түшүрүүдө же ноутбуктун сенсордук тактасын колдонууда кыйынчылыкка туш болушат жана бир гана баскычтопко ишенишет. Сөзсүз сиздин веб-сайтыңыз кандайдыр бир жол менен иштелип чыккандыгын толугу менен болушу мүмкүн баскычтоп баскычтары менен гана иштейт.


Макаланын мазмуну биздин принциптерге карманат редакциялык этика. Ката жөнүндө кабарлоо үчүн чыкылдатыңыз бул жерде.

Комментарий биринчи болуп

Комментарий калтырыңыз

Сиздин электрондук почта дареги жарыяланбайт.

*

*

  1. Маалыматтар үчүн жооптуу: Мигель Анхель Гатан
  2. Маалыматтын максаты: СПАМды көзөмөлдөө, комментарийлерди башкаруу.
  3. Мыйзамдуулук: Сиздин макулдугуңуз
  4. Маалыматтарды берүү: Маалыматтар үчүнчү жактарга юридикалык милдеттенмелерден тышкары билдирилбейт.
  5. Маалыматтарды сактоо: Occentus Networks (ЕС) тарабынан уюштурулган маалыматтар базасы
  6. Укуктар: Каалаган убакта маалыматыңызды чектеп, калыбына келтирип жана жок кыла аласыз.