Back to Question Center
0

Хэрэглэгчийн туршлагыг ойлгох нь Хэрэглэгчийн Semalt

1 answers:

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

Таны онлайн дэлгүүрийн хамгийн чухал бүрэлдэхүүн хэсгүүдийн нэг нь хэрэглэгчийн туршлага юм - passport real. Таны вэбсайт хэрхэн гоёмсог харагдахаас үл хамааран, хэрэв та худалдан авагчид хайж буй хэрэглэгчийн төрлийг хүргэхгүй бол тэд танай сайтыг орхиж, хаа нэгтээ дэлгүүрээ ажиллуулах болно. Өнөөдөр маш сайн зохион бүтээсэн маш олон дэлгүүрүүд байдаг. Худалдаачид бүх төрлийн сайтуудаас туршлагатай байхыг шаарддаг.

Энэ нийтлэл нь UI ба UX хоёрын ялгааг тайлбарлаж, вэбсайтаа шинэчилж байхдаа танай багийн нөөц баялгийг яагаад ашиглах хэрэгтэйг тайлбарлах болно.

Хэрэглэгчдийн туршлага тодорхойлох

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

  • . Өнгө, бренд, зураг, байршил.
  • Хайлт ба навигаци. Түргэн хайж байгаа зүйлээ олох чадвар.
  • Сайтын зураг. Сайтыг хэрхэн ангилж, ангилсан тухай.
  • Агуулга. Бүтээгдэхүүн ба бүтээгдэхүүний төрлүүдтэй холбоотой текст, зураг, видео бичлэгийн чанар, тоо хэмжээ.
  • Ашиглахад хялбар. Хэрэглэгчид нь сайтын дэргэдүүр, тэрэгний гадна талд, дэлгүүрээс гарах, худалдааны жагсаалт үүсгэх, тээвэрлэлтийн зардлыг олох боломжтой юу?
  • Тусламжийн боломж. Онлайн чат, имэйлийн тусламж, өөрөө үйлчилгээний данс.
  • Гүйцэтгэл. Сайт хурдан уу?
  • Төлбөрийн сонголт болон үйл явц. Та хэд хэдэн төлбөрийн аргыг санал болгож байна уу, хэрэглэгчид кредит картны мэдээлэл хадгалах, PayPal Express эсвэл бусад 3-р талын төлбөрийн системийг татаж авах боломжтой юу?
  • Сагс тэрэг. Энэ нь нүдэнд харагдах уу? Тээврийн мэдээлэл авах боломжтой юу?
  • Зургийн онцлог. Томруулж, тогоо, өөр зургууд?
  • Хувьсагч. Хадгалагдсан контентийг агуулах үйлчилгээ үзүүлдэг үү?
  • Худалдаа наймаа. Сурталчилгааны зүйлсийг хамгийн сайн борлуулдаг жагсаалт, худалдах, борлуулах зэргээр сайн үзүүлэх боломжтой юу?

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

Lowes-д сайн боловсруулсан дэд цэсний жишээ байна. com дэлгүүр. Ихэнх сайтууд дээр нэг цэгт татаж авах цэсэнд байгаа контент, холбоос, холбогдох контент руу хандахын тулд хэрэглэгч хоёр түвшинг дарах хэрэгтэй. Semalt, хэрэглэгчийн туршлагыг маш сайн эхлүүлж, худалдан авагчийн хугацааг хэмнэх.

Lowes.com has a well designed sub-menu.

Lowes. com сайн боловсруулсан дэд цэстэй.

UI болон UX дизайнерууд

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

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

Дизайн процесс

Дизайн процессыг үнэлэх, үүрэг хариуцлага, хүлээлгэн өгөх үр дүнг тодорхойлох. Зохион бүтээгч, агентлаг бүр үүнийг адилгүй. Үнэн хэрэгтээ цөөхөн нь. Тиймээс та үүнийг төлөвлөгчдөдөө дэлгэрэнгүй авч үзэх хэрэгтэй. Таны хүлээж авах зүйлсийг бүрэн ойлгох хэрэгтэй. Илүү нарийвчлалтай, нарийвчлан тодорхойлсноор таны хөгжүүлэлтийн баг нь буруу ташаа ойлголт, алдаануудыг багасгах сонголт хийхээс зайлсхийх хэрэгтэй.

  1. Мэдээллийн архитектур үүсгэх. Энэ нь ихэвчлэн UX дизайнераар хийгддэг. Зорилго нь сайтын газрын зураг, хичнээн хэмжээний ангилал, ямар төрлийн маягт, ямар агуулга, элемент, холбоос, дуудлага хийх үйл ажиллагаа хуудас бүр дээр байхыг тодорхойлох явдал юм. Энэ нь ихэвчлэн шаардагдах техникийн интеграцыг хянахын тулд системийн архитектор эсвэл хөгжүүлэгчийг хамрах бөгөөд экомоматорын платформуудын төрөлхийн чадавхийн орон нутгийн мэдлэгийг хянах болно.

  2. Брэнд. Энэ нь ихэвчлэн UI дизайнераар хийгддэг. Үүнд харааны элемент, өнгө, хэвлэмэл, лого, өндөр түвшний байрлал орно.

  3. Эхний mockups. Эдгээр нь элементүүдийн байршил, байршлыг тогтоохын тулд бүдүүн тойм зураг юм. Энэ нь ихэвчлэн өнгө, бодит зургийг харгалзахгүйгээр mockup хэрэгслээр хийгддэг. UI эсвэл UX аль эсвэл аль эсвэл хамтаар хийж болно. Эдгээр нь ихэвчлэн хамгийн нийтлэг элементүүд (толгой, хөл ба навигацийн) агуулж байдаг тул эхлээд эх хуудас дээр бэлтгэгдсэн байдаг .Зарим давталтууд ихэвчлэн үүсдэг

  4. Wireframes. UX дизайнераар бэлтгэсэн. Энэ нь холбоос болон интеграцийн талаархи нарийвчилсан баримт бүхий графикаар эсвэл ямар ч хуудас бүрийн дүрслэл юм. Үүнийг барилгын зураг төсөлтэй адил төстэй гэж үзье. Бүх элементийн хуудасны зураглал нь тодорхой, олон тооны үйлдлүүд нь popups, холбоосууд, өргөжүүлсэн цэснүүд, болон бусад хуудсын үйлдлүүд гэх мэт тодорхойлогдсон байдаг. Өнөөдөр олон тооны утсан холбох хэрэгслүүд байдаг бөгөөд олонх нь өнөөдөр илүү график элементүүдийг агуулдаг.

  5. Final mockups. Эдгээрийг UI дизайнераар бэлтгэдэг. Тэд wireframes-г авч, хуудас бүрт бүх график элементүүдийг нэмдэг. Төгсгөлд нь эцсийн боловсруулалт нь пиксел төгс бөгөөд давхаргад үйлдэл, элемент бүрийг багтаахаар боловсруулагчид нь сайтын хувьд бүх хөрөнгийн сангуудад хандаж болно. Энэ нь бүх үйлдэл хийж болох элементүүдийг төлөөлөх интерактив юм. Хүрэх үр дүн нь ихэвчлэн эх газрын Photoshop, Illustrator, Fireworks файл юм. Энэ нь ихэвчлэн дизайнерын хувийн сонголтоос хамаардаг.

  6. Хөгжил. Хөгжлийн багт өөртөө авсан. Тэдгээр нь CSS, HTML, Java, AJAX-ийг үүсгэдэг бөгөөд шаардлагатай холболтуудыг хийдэг.

Юу хийх ёстой

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

Гарч ирсэн вэбсайтаа ашиглах боломжтой эсэхийг шалгах хэрэгтэй. Өдрийн төгсгөлд хамгийн их борлуулалтыг өгөх болно.

March 1, 2018