UX · UI

UX, UI хоёр яг юугаараа ялгаатай вэ?

UI нь "хэрхэн харагдах"-ыг, UX нь "хэрхэн ашиглагдах"-ыг хариуцдаг. Нэг л цаг захиалгын товч байлаа ч өнгө · хэлбэр · бичиг нь UI-н ажил, харин тэр товч үйлчлүүлэгчийн хайх газарт байгаа эсэх нь UX-н ажил юм.

Энэ хоёр тусдаа ажил биш. Ихэвчлэн эхлээд UX-ээр үйлчлүүлэгчийн замнал, дэлгэцийн дарааллыг тогтоож, дараа нь UI-аар өнгө, бичгийг нь өгдөг. Дараалал нь солигдвол гоё ч ашиглахад эвгүй вэбсайт болох нь амархан.

Загвар харахдаа энэ хоёрыг салгаж харвал санал өгөх нь хамаагүй хялбар болно. "Өнгө нь таалагдахгүй байна" гэдэг нь UI-н санал, "Үнийг олоход хэцүү байна" гэдэг нь UX-н санал юм.

UX-д дэлгэцээс гадуурх туршлага ч багтдаг. Цаг захиалсны дараа ирэх баталгаажуулах мессеж, лавлагаанд хариу ирэх хурд хүртэл үйлчлүүлэгчийн хувьд бүгд "энэ газраар үйлчлүүлсэн туршлага" болдог.

Сайн UX-г ямар шалгуураар үнэлэх вэ?

Сайн UX гэдэг нь үйлчлүүлэгч "бодож суулгүйгээр" хүссэн зүйлээ хийж дуусгаж чадах байдал юм. Ашиглалтын судалгааны байгууллага Nielsen Norman Group үүнийг 10 зарчим (ашиглалтын эвристик) болгон нэгтгэсэн бөгөөд олон дизайнер эдгээр зарчмыг шалгах хуудас мэт ашигладаг.

Бизнесийн вэбсайтад тааруулж тайлбарлавал доорх хэдэн зүйл онцгой чухал. Энэ нь хэцүү онол биш, дэлгүүртээ үйлчлүүлэгчтэй харьцахдаа баримталдаг энгийн ойлголттой бараг адилхан.

Бүх зарчмыг цээжлэх шаардлагагүй. Загвар харахдаа "Анх орж ирсэн үйлчлүүлэгч энэ дэлгэц дээр юу хийхээ шууд мэдэх үү?" гэсэн ганц асуултыг байнга тавихад л ихэнх асуудал илэрдэг.

• Одоо хаана байгааг харуулах: цаг захиалж байгаа бол "2 алхмын 1-р алхам" гэх мэтээр явцыг харуулна.
• Үйлчлүүлэгчийн үгээр бичих: "Үйлчилгээний танилцуулга" гэхээсээ "Үйлчилгээний цэс · үнэ" гэх мэт үйлчлүүлэгчийн хайдаг үгийг хэрэглэнэ.
• Буцаахад амар байлгах: андуурч дарсан огноогоо эхнээс нь дахин сонгох шаардлагагүй болгоно.
• Ижил зүйлийг ижил байлгах: хуудас бүрт товчны хэлбэр, байрлал өөрчлөгдөхгүй байх ёстой.
• Алдаанаас урьдчилан сэргийлэх: жишээ нь амралтын өдрийг огт сонгох боломжгүй болгож хаана.
• Зөвхөн хэрэгтэйг нь харуулах: эхний дэлгэцэд бүх мэдээллийг чихэхийн оронд хамгийн чухлаас нь эхэлж харуулна.

Өөрийн бизнесийн вэбсайтын UX-г хэрхэн шалгах вэ?

Хамгийн найдвартай арга бол өөр хүн бодитоор ашиглаж байгааг ажиглах явдал юм. Дизайны мэргэжлийн мэдлэггүй ч доорх дарааллаар 30 минутад засах газар нэлээд олон харагдана.

Шалгахдаа тайлбарлаж, тусалж болохгүй нь чухал. Учир нь үйлчлүүлэгч хажуунаас нь зааж өгөх хүнгүйгээр вэбсайтыг ганцаараа ашигладаг.

Тоогоор ч шалгаж болно. Зочдын статистикаас цаг захиалгын хуудас хүртэл ирсэн хүмүүсийн хэд нь захиалгаа бодитоор дуусгасныг харвал үйлчлүүлэгч аль алхам дээр гарч явдгийг таамаглаж болно.

1. 01Таны бизнесийг сайн мэдэхгүй хоёр гурван танилаа сонгоно. Насны ангилал нь өөр байвал бүр сайн.
2. 02Утсаа өгөөд "Энэ бямба гарагийн үдээс хойш цаг захиалаад үзээрэй", "Машины зогсоол байгаа эсэхийг олоорой" гэх мэтээр нэг нэгээр нь даалгавар өгнө.
3. 03Хажууд нь чимээгүй ажиглаж, эргэлзсэн газар, андуурч дарсан газар, буцах товч дарсан газрыг тэмдэглэнэ.
4. 04Дууссаны дараа "Хаана нь ойлгомжгүй байсан бэ?" гэж товчхон асууна.
5. 05Олон хүн нэг газар гацсан бол тэр хэсгээс нь эхэлж засна.
6. 06Зассаны дараа шинэ хүнд мөн адил даалгавар өгч дахин шалгана.

Салбар бүрт UX-д анхаарах зүйл өөр өөр байдаг уу?

Тийм, үйлчлүүлэгч вэбсайтад орж ирээд "хамгийн түрүүнд хийх гэж буй зүйл" нь салбар бүрт өөр байдаг. Тэр зүйлийг хамгийн богино замаар дуусгах боломжтой болгох нь UX дизайны гол цөм юм.

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

Нэг салбарт ч үйлчлүүлэгчдийн бүрэлдэхүүнээс шалтгаалан өөр байдаг. Ахмад настан үйлчлүүлэгч олонтой газар бол бичгийг томруулж, утасны товчийг урд нь тавих нь, 20-иод насны үйлчлүүлэгч олонтой газар бол KakaoTalk · Instagram-ын холбоосыг урд нь тавих нь зөв байж болно.

• Кафе: байршил · ажлын цаг · цэсний зургийг хамгийн түрүүнд хайдаг. Газрын зураг, "Зам хайх" товч дээд хэсэгт байвал сайн.
• Үсчин: үйлчилгээ тус бүрийн үнэ, дизайнеруудыг харьцуулсны дараа цаг захиалдаг. Үнийн жагсаалтаас шууд цаг захиалга руу шилжих урсгал чухал.
• Урлан: хичээлийн хуваарь, үлдсэн суудлыг шалгаад бүртгүүлдэг. Огноо сонгох дэлгэц нь хялбар байх ёстой.
• Онлайн худалдаа: бараа харьцуулж, сагсандаа хийдэг. Хайлт · ангилал · төлбөрийн алхмууд богино байх ёстой.

UX хайлтад харагдахад нөлөөлдөг үү?

Шууд бус байдлаар нөлөөлдөг. Google Search Central нь хуудасны туршлага (хурдан ачаалах, утсан дээр харахад тохиромжтой дэлгэц, аюулгүй холболт гэх мэт) сайтай хуудсыг шагнахыг зорьдог гэж тайлбарладаг.

Гэхдээ Google хуудасны туршлага бага зэрэг дутуу байсан ч хайлтын үгтэй хамгийн их хамааралтай агуулгыг түрүүнд харуулдаг гэж тайлбарладаг. Энэ нь ижил сайн агуулга олон байхад хуудасны туршлага ялгааг бий болгож болно гэсэн үг тул эхлээд үйлчлүүлэгчийн хайдаг мэдээллийг бүрэн оруулах нь чухал.

Хайлтын байрнаас ч илүү шууд үр дүн бол лавлагаа · цаг захиалгын тоо юм. Ижил тооны зочин орж ирсэн ч UX сайн бол холбогдох хүртэл хүрдэг үйлчлүүлэгч нэмэгддэг.

Гүйцэтгэгчтэй ажиллахдаа UX · UI-д ямар алдаа түгээмэл гаргадаг вэ?

Хамгийн түгээмэл алдаа бол дизайны загвараас нь эхэлж харж шийдэх явдал юм. Дэлгэцийн бүдүүвчийг (wireframe) алгасвал өнгө, зурагт анхаарал татагдаж, цэсний дараалал, товчны байрлал зэрэг чухал асуудлыг алдах нь амархан.

Мөн загварыг зөвхөн компьютерийн дэлгэцээр шалгах тохиолдол олон. Таны үйлчлүүлэгчдийн ихэнх нь утсаар орж ирдэг тул загварыг заавал утсан дээрээ нээж үзээрэй.

UI-н амтын талаарх саналыг жишээтэй нь өгөх нь дээр. "Тансаг харагдуулаач" гэхээсээ "Энэ вэбсайт шиг сул зай ихтэй, бичиг нь нимгэн мэдрэмжтэй" гэх мэтээр жишээ сайтаа хамт үзүүлбэл засварын тоо цөөрнө.

Нээсний дараа ч UX-г үргэлжлүүлэн сайжруулдаг. Үйлчлүүлэгч утсаар байнга асуудаг асуулт нь тэр мэдээллийг вэбсайтаас олоход хэцүү байна гэсэн дохио тул тухайн агуулгыг илүү харагдахуйц газар руу зөөхөд л болно.

• Загварын өмнө дэлгэцийн бүдүүвчийг (wireframe) эхэлж үзүүлдэг үү?
• Утасны дэлгэцийн загварыг тусад нь хийж өгдөг үү?
• Үйлчлүүлэгч цаг захиалга · лавлагаа хүртэл хэдэн удаа дарах ёстойг тайлбарлаж өгч чадах уу?
• Нээхээс өмнө бодит утсаар ашиглаж үзэх шалгалт хийдэг үү?
• Нээсний дараа үйлчлүүлэгчдийн хариу үйлдлийг харж засах арга (засварын тоо · арчилгаа) бий юу?