Хэрэглэгчийн интерфэйс (User Interface) энэ бол хүн ба компьютер хоёрийн харилцаа юм. Таны хэрэглэгчийн хувьд харилцаж байгаа бүх зүйл (компютер, гар утас, зурагт, гэрийн бүх ухаалаг төхөөрөмжүүд) хэрэглэгчийн интерфэйсийн нэг хэсэг. Хэрэглэгчийн интерфэйсийн дизайн (User Interface design) нь эдгээр интерфэйсүүд хэрхэн харагдах, ажиллахыг төлөвлөх үйл явц юм.
UI design -ны 3 хэлбэр
- График хэрэглэгчийн интерфэйс (Graphical User Interfaces) – нь үйлдлийн системтэй холбогдон ажиллах боломжийг хэрэглэгчдэд олгодог. График интерфейс нь програмын цонхнууд, дүрсэн тэмдгүүд, хулганы баруун товчлуурыг дарахад гардаг цэс, товчлуурууд, дэлгэц дээр гарсан хуудсыг дээшлүүлж, доошлуулах үүрэг бүхий сум, зураг бүхий жижиг дүрс зэргээс бүрдэнэ.
- Дуу хоолойгоор удирддаг интерфэйс (Voice-controlled User Interfaces) – Хэрэглэгчид ухаалаг төхөөрөмжүүдтэй өөрийн дуу хоолойгоороо харилцах боломжийг олгодог. Ихэнх ухаалаг төхөөрөмжүүд дуу хоолойгоор удирдах функцтэй байдаг. iPhone утасны Siri, Amazon -ны төхөөрөмж дээрх Alexa зэрэг нь VUIs юм.
- Дохио зангаа дээр суурилсан интерфэйсүүд (Virtual Reality) – Хэрэглэгчид бие махбодийн хөдөлгөөнөөр дамжуулан 3D дизайны орон зайд оролцох боломжтой болсон. Жишээлбэл: Виртуал тоглоомууд.
Ухаалаг утсан дээрх программыг ашиглан нислэг захиалах боломжтой болсон. Таны утасны дэлгэц, товших товчлуурууд болон бөглөх маягтууд бүгд хэрэглэгчийн интерфэйсийн нэг хэсэг юм.
Бүрдэл хэсэгүүд.
Хэрэглэгчийн интерфейс нь дараах элементүүдээс бүрдэнэ.
- Оролтын товчлуур: Бүртгүүлэх, илгээх, нэвтрэх зэрэг үйлдэл хийлгэдэг товчлуурууд хамаарна.
- Хөтөч элементүүд: Цэс, хайлтын талбар, слайдер, гамбургер цэс зэрэг элементүүд орно.
- Мэдээллийн бүрэлдэхүүн хэсгүүд: Эдгээр нь мессежийн хайрцаг, мэдэгдэл, процесс хийх үйл явц зэрэг хэрэгтэй мэдээлэл агуулсан талбаруудыг хэлнэ.
- Контейнер: Контейнер нь агуулгыг утга учиртай хэсгүүдэд бүлэглэхэд ашиглагддаг. Контейнер нь янз бүрийн элементүүдийг агуулж, хэрэглэгчийн дэлгэцийн хэмжээнээс хамааран боломжийн хамгийн их өргөнтэй байлгадаг.
UI дизайн нь эдгээр бүх элементүүдыг загварчилан, тэдгээрийг удирдахад хялбар, эмх цэгцтэй, бидний нүдэнд харагдахуйц болгож өгдөг.
UI дизайнд дараахь зүйлс хамаарна.
- Визуал дизайн: Өнгө, зураг, зураглал, график, лого, дүрсний дизайн, зай зэрэг зүйлсийг харгалзан үзэж загвар хэрхэн харагдахыг шйидэж өгнө.
- Интерактив: Янз бүрийн элементүүд дээр дарах үед хэрхэн ажиллахыг зааж өгөх.
- Мэдээллийн архитектур: UI дэх контент яаж байрлах, ямар дараалалтай байх, хэрхэн ангилах зэрэгийг шийдэж өгнө.
UI дизайны үйл явцын тойм.
Контекстийг ойлгох
Та тухайн бүтээгдэхүүний хэрэглэгчийн интерфейсийг хэн, юунд ашиглахыг мэдэхгүй байж болохгүй. UI дизайнер нь зорилтот үзэгчид болон бүтээгдэхүүний зорилгыг ойлгохын тулд төслийн товч танилцуулгатай танилцахаас эхэлнэ.
Өрсөлдөгчийн дүн шинжилгээ хийх
UI дизайнерууд ижил орон зайд ажиллаж байгаа бусад брэндүүд юу хийж байгааг харахын тулд өрсөлдөгчийн дүн шинжилгээ хийх боломжтой. Энэ нь зарим бүтээгдэхүүнтэй харьцахдаа хэрэглэгчид тань юу хүлээж байгааг ойлгоход тань туслах бөгөөд танд танил санагдсан интерфэйсийг зохион бүтээх боломжийг олгож, ашиглахад хялбар болно.
Дэлгэц болон UI элементүүдийг зохион бүтээх
Мэдээжийн хэрэг, UI дизайны үйл явцын нэлээд хэсэг нь дизайн дээр төвлөрдөг. UI дизайнерууд хэрэглэгчийн аяллыг бүрдүүлдэг бүх дэлгэцийн дизайн болон эдгээр дэлгэц дээрх өөр өөр элементүүдийг зохион бүтээх болно. Үүнд дүрс, товчлуурыг зохион бүтээх, зураг сонгох, бүтээх, өнгө, хэвлэх талаар шийдвэр гаргах, аливаа хөдөлгөөнт дүрс, харилцан үйлчлэлийг зохион бүтээх зэрэг орно.
Утас хүрээ болон прототипийг бий болгох
UI дизайны үйл явцын туршид UI дизайнерууд утас хүрээ болон прототипийг бүтээх болно. Эхний үе шатанд дэлгэцэн дээрх янз бүрийн элементүүдийн байрлалыг дүрслэхийн тулд үнэнч чанар багатай утсан сүлжээг ашиглаж болно. Анхны санаанууд нь дизайны тодорхой шийдвэрт шилжих тусам бүтээгдэхүүний эцсийн харагдах байдал, мэдрэмжийг загварчлахад өндөр нарийвчлалтай, товших боломжтой прототипүүдийг ашигладаг. Өндөр нарийвчлалтай прототипүүдийн тусламжтайгаар UI дизайнерууд бүтээгдэхүүний UI ямар байх ёстойг төдийгүй хэрэглэгч түүнтэй харилцах үед хэрхэн ажиллах ёстойг харилцаж чаддаг.
Хөгжүүлэгчид хүлээлгэн өгч байна
Бүтээгдэхүүний UI-г эцэслэн дуусгасны дараа UI дизайнерын прототипийг жинхэнэ, ажиллаж байгаа бүтээгдэхүүн болгон хувиргах нь хөгжүүлэгчид болно. Хөгжүүлэгчид болон бусад оролцогч талууд санал хүсэлтээ хүлээн авч, загвараа давтах шаардлагатай байдаг тул өндөр нарийвчлалтай загвараас хөгжүүлэлт рүү шилжих нь үргэлж хялбар байдаггүй гэдгийг анхаарах нь чухал юм.
Хэрэглэгчдэд зориулсан хамгийн сайн хэрэглэгчийн интерфэйсийг зохион бүтээхийн тулд дараахь зүйлсийг анхаарч үзэх хэрэгтэй.
- Хэрэглэгчид таны бүтээсэн загварт санаа зовохгүй, харин ажлаа хялбархан, бага хүчин чармайлтаар гүйцэтгэхэд анхаарлаа хандуулах боломжтой байх ёстой.
- UI нь брэндийн үнэ цэнийг илэрхийлж, хэрэглэгчийн итгэлийг төрүүлхүйц байх шаардлагатай. Сайн загвар бол сэтгэл хөдлөлгөм загвар юм. Үргэлж тэдний сэтгэлийг хөдөлгөх загвар бүтээж брэндийн үнэ цэнийг улам бүр нэмэгдүүлхэд чиглүүл. Хэрэглэгчийн сайхан мэдрэмжийг вэб сайттай холбосноор үйлчлүүлэгчид тасралтгүй нэмэгдсээр байх болно.
- UI нь тааламжтай байх ёстой, яг л нэг төрлийн урсгалд орсон мэт мэдрэмж төрүүлдэг, бидний оюун санааг эзэмдэж үйлдэл хооронд төвөггүй шилждэг эсвэл ядаж сэтгэл ханамжтай, бухимдал төрүүлэхгүй байх хэрэгтэй.
- UI дизайн гаргахдаа хэрэглэгчийн хэрэгцээг урьдчилан таамаглах хэрэгтэй. Тэдэнд сэтгэл хөдөлгөм туршлагыг эдлэх боломж бий болго. Тэднийг баярлуул, тэгвэл тэд эргэж ирсээр байх болно.
- Тохиромжтой тохиолдолд тоглоомын дүрмийг бага зэрэг эвдэх хэрэгтэй (Зарим нэг элементүүд эсвэл тодорхой хэсгийг бүхэлд нь өөрчил). Ингэснээр таны дизайныг илүү хөгжилтэй болгож чадна.
UI & UX ялгаа.
Хэрэв танд 5 одтой шинэ зочид буудал барих даалгавар өгсөн бол зочид буудлын ерөнхий бүтцийг төлөвлөх архитектор хэрэгтэй болно. Ямар нэгэн зүйлийг төлөвлөхөөсөө өмнө тэд бид юу барьж байна вэ гэх мэт гол асуултуудыг авч үзэх болно. Бид яагаад үүнийг барьж байна вэ? Бид хэний төлөө барьж байгаа юм бэ?
Дараа нь архитектор бүх өрөөнүүдийн зохион байгуулалт, зочид буудлын эргэн тойронд хэрхэн шилжихийг харгалзан зочид буудлын бүтцийг төлөвлөх болно.
Зочид буудлын зураг төслийг гаргасны дараа интерьер дизайнер нь зочид буудлын бүх харагдах байдлыг харгалзан үздэг. Тэд тодорхой дүр төрх, мэдрэмжийг бий болгохын тулд гэрэлтүүлэг, тавилга, материал гэх мэт зүйлсийг авч үздэг.
Бүтээгдэхүүний дизайны хүрээнд UX дизайнерууд нь архитекторууд, UI дизайнерууд нь интерьер дизайнерууд юм.
UX дизайн нь А-аас Я хүртэлх хэрэглэгчийн туршлагыг бүхэлд нь авч үздэг бөгөөд зорилтот хэрэглэгчдийн хэрэгцээ, зорилго, өвдөлтийн цэгүүдийг үргэлж санаж байдаг. UX дизайны зорилго нь эцсийн хэрэглэгчдэд хялбар, үр ашигтай, тааламжтай, үр өгөөжтэй бүтээгдэхүүн, туршлагыг бий болгох явдал юм.
UX нь хэрэглэгчийн ерөнхий туршлагыг авч үздэг бол UI нь хүний дижитал бүтээгдэхүүнтэй харилцахдаа ашигладаг харааны болон интерактив элементүүдэд анхаарлаа хандуулдаг. Хэрэглэгч дижитал бүтээгдэхүүн ашиглахдаа юуг харж, ямар мэдрэгчтэй цэгүүдтэй тулгардаг вэ? Интерфейсийн харагдах байдал нь тодорхой ажлуудыг удирдах, гүйцэтгэхэд нь хэрхэн тусалдаг вэ? Аль элементүүд хаашаа явах ёстой вэ? Бүтээгдэхүүний гоо зүй нь брэндийг шингээж, тусгадаг уу?
UX болон UI хоёрын гол ялгаа нь UI дизайн нь зөвхөн дижитал интерфэйстэй холбоотой байдаг бол UX дизайныг зөвхөн вэб хуудас, программ биш харин бүх зүйлд хэрэглэж болно. Өөрийн орон нутгийн банкинд очиж данс нээлгэх, онлайнаар ямар нэг зүйл захиалах эсвэл Sat Nav-аас заавар авах гэх мэт туршлагаас үл хамааран бүх зүйлийг зохион бүтээх боломжтой.
UX болон UI нь өөр өөр ур чадвар, багаж хэрэгсэл, процессуудыг шаарддаг боловч хоёулаа ашиглах боломжтой, хүртээмжтэй байх, хэрэглэгчдэд гайхалтай туршлагыг бий болгоход анхаардаг. Та энэ гарын авлагаас UX болон UI дизайны ялгааны талаар илүү ихийг мэдэж болно.
