UX дизайн дахь өгүүллийн самбарын үүрэг

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

Өгүүллийн самбар гэж юу вэ?

Өгүүллийн самбар нь хэд хэдэн үйл явдлын дарааллыг агуулсан сценарийг дүрслэх дүрслэл юм. Уолт Диснейн студиуд 1930-аад онд энэ санааг анх гаргаж ирсэн. UX дизайн зэрэг бусад олон салбарууд сценарийг дүрслэн харуулах арга болгон storyboarding-ийг ашигласан байдаг.

Энэ үед та өөрөөсөө “Би яагаад өгүүллийн самбар ашиглах ёстой вэ?” гэж өөрөөсөө асууж магадгүй.

Богино хариулт бол энэ нь танд илүү итгэлтэйгээр илүү хурдан дизайн хийхэд тусална гэсэн үг юм.

Иймэрхүү тохиолдлын гол шалтгаанууд энд байна:

1. Зураг бол мянган үгтэй үнэ цэнэтэй - Бидний тархи зургийг текстээс хамаагүй хурдан боловсруулдаг. Сценарийг нүдээр дүрслэн үзүүлснээр та оролцсон хүн бүрийн санаа гаргах үйл явцыг хурдасгаж байна.
2. Түүхүүд мартагдашгүй - Олон зууны турш хүн төрөлхтөн амаар дамжуулахдаа түүхийг ашиглаж ирсэн. уламжлалыг залуу үеийнхэнд хүргэх, учир нь тэдгээрийг цээжлэх нь баримтаас хамаагүй хялбар байдаг. Үзэл санааны эхний алхам болгон түүхийг ашиглах нь зөв сэтгэл санааг бий болгож чаднаТөслийн эхнээс нь.
3. Сониуч байдлын цоорхой - Өгүүллэгүүд, ялангуяа цоорхойг агуулсан түүхүүд нь аяндаа сониуч зан төрүүлж, бидний тархийг оролдоход идэвхжүүлдэг. дутуу дэлгэрэнгүй мэдээллийг бөглөнө үү. Энэ төрлийн "тархины хүч" нь таны санаа бодлын хуралдаанд яг тохирох зүйл юм.
4. "Жинхэнэ хэрэглэгч"-тэй өрөвдөх сэтгэлтэй байх - Бид хүний ​​сэтгэлийг өрөвдөх сэтгэлийг бий болгоход ашигладаг шиг. нүүр царай, нэртэй хэрэглэгчтэй энэ хэрэглэгчийг хувилбарт байрлуулах нь дизайны багийн гишүүдийн дунд хэрэглэгчдэд илүү өндөр түвшний өрөвдөх сэтгэлийг бий болгоно.

UX дизайнд үлгэрийн самбар ашиглах нь

Яг л зохиол зохиолч, найруулагч нар кино, ТВ-ийн үйл явдлыг төлөвлөхдөө storyboard ашигладагтай адил. цуврал, UX дизайнерууд бүтээгдэхүүний талаар хэрэглэгчийн аяллыг төсөөлж, төлөвлөхийн тулд түүхийн самбарыг ашиглаж болно. Зохиолын самбарын техник нь танд нэг юмуу хоёр дүрийг сонгож, хэрэглэгчийн аяллын алхам бүрт юу хийдгийг ойлгохоос гадна тэд яагаад үйлдэл хийдэг, үүнд ямар сэтгэгдэлтэй байдгийг ойлгох боломжийг олгодог.

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

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

сайн төлөвшсөн дүрийг бүтээхийн тулд та дараах зүйлсийг бодож үзэх хэрэгтэй:

1. Таны дүрийн үндсэн тайлбар үүнд дараах зүйлсийг багтааж болно. нэр, мэргэжил, нас, хүйс болон бусад ямар нэгэн хамааралтай
2. Энэ дүрийг таны бүтээгдэхүүн, үйлчилгээг ашиглахад юу өдөөдөг вэ?
3. Таны дүрд ямар контекст бүтээгдэхүүн ашигладаг вэ?

Өгүүллийн самбарын хоёр дахь алхам бол хэрэглэгчийн аялалыг өөрөө болон түүний ялгаатай байдлыг тодорхойлох явдал юм. хэсгүүд. Бүтээгдэхүүний хэрэглэгчийн ердийн аяллын хэсгүүдтэй танилцах нь зүйтэй бөгөөд энэ нь танд өгүүллийн самбартаа юу оруулахыг хүсч байгаагаа бодоход тусална. Үүнд:

1. Мэдлэг - хэрэглэгчид таны бүтээгдэхүүн, үйлчилгээний талаар юуны түрүүнд яаж мэдэх вэ?
2. гэх мэт дэлгэрэнгүй мэдээллийг багтаана. Анхаарах - бүтээгдэхүүн худалдан авч хэрэглэхээсээ өмнө тэд ямар шийдвэр гаргах ёстой вэ?
3. Худалдан авах - таны хэрэглэгчид бүтээгдэхүүнийг хэрхэн худалдаж авах вэ?
4. Анхны туршлага - таны бүтээгдэхүүнтэй танилцсан анхны туршлага нь ямар байх вэ?
5. Хэрэглээний зуршил - тэдний байнгын хэрэглээний загвар ямар байх вэ?
6. Үндсэн ашиг тус - таны хэрэглэгчид үүнийг ашигласнаар юу олж авах вэ? Таны бүтээгдэхүүн?

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

Эхлэх storyboarding-тэй

Storyboarding-ийг эхлүүлэхийн тулд та бас хэд хэдэн зүйлийн талаар бодох хэрэгтэй болно. Энд хэдэн хэрэгтэй удирдамж байна:

1. Өгүүллийн бүтэцийг эхлэл, дунд, төгсгөлтэй ашиглах; Таны дүрд хүрэх ёстой зорилгодоо анхаарлаа төвлөрүүл. Өгүүллийн самбар дээрх шийдлүүд рүү шууд бүү яараарай.
2. Өгүүллийн самбар үүсгэхдээ ашиглах хэрэгслүүд -ийн талаар бодоорой. Та үзэг цаас ашиглан үлгэрийн самбар зурах эсвэл график дизайны программ ашиглан өөрийн сонголтоос хамаарч болно. өгүүллэгт оруулах. Та хөгжлийн явцдаа хаана байгаагаас шалтгаалж их бага хэмжээгээр дэлгэрэнгүй өгүүллэг зохиохыг хүсэж болох ч үргэлж төсөөлөн бодох зай гаргахаа бүү мартаарай.

Сайхан UX storyboard зохиоход тань туслахын тулд бодит жишээг харцгаая.

Та дарс уух дуртай хүмүүст туслахыг хүсч байна гэж бодъё. гэхдээ оролдох зуураа дарсны дэлгүүрт дарагднаДараа нь юу худалдаж авахаа сонгох.

Та одоо дарсыг илүү сайн ойлгох анхны алхмаа хийж байгаа 25-45 насны хүмүүст чиглүүлэхийг хүсч байна гэж бодъё. Та тэдэнд туслах "Wine Time" нэртэй апп бүтээхээр шийдсэн.

Таны дараагийн алхам бол хүмүүс таны апп-г хэрхэн ашиглах талаар төсөөлж эхлэх явдал юм. Тиймээс та үлгэрийн самбар үүсгэхээр шийдсэн.

Явцыг нь авч үзье.

Бидний түүх гол дүрүүд болох 30 гаруй насны залуу хос Жейсон, Натали нараар эхэлдэг. Тэд Канадын Торонто хотын захад амьдардаг. Тэд дарс уух дуртай бөгөөд гурван долоо хоногт нэг удаа дарсны дэлгүүрт очиж 2-3 шил дарс авдаг. Тэд ихэвчлэн дэлгүүрээс сурталчилсан дарс худалдаж авдаг бөгөөд хааяа нэг найзаасаа юу худалдаж авах талаар зөвлөмж авдаг. Тэд сүүлийн үед илүү олон дарс сонирхож эхлэхийг хүсч байгаа бөгөөд дэлгүүрийнхээ өргөн сонголттойгоор дарагдахгүй байхыг хүсч байна. Өнөөг хүртэл тэд бараг ижил дарс худалдаж авдаг байсан. Энэ нь тэднийг дарсны талаар илүү ихийг мэдэх шийдлийг хайхад сэдгийг төрүүлж байгаа юм.

Жэйсон чөлөөт цагаараа дарсны тухай уншиж эхэлсэн ч одоо болтол уншдаггүй. Энэ нь маш их тустай байх болно. Эдгээр нийтлэлд дурдсан дарсуудын ихэнх нь Европоос гаралтай бөгөөд тэрээр Канадад амьдардаг. Ойролцоох дэлгүүрээс олсон орон нутгийн дарсыг харьцуулах боломжтой эсэхийг тэр мэдэхгүйЯмар ч байсан.

Нэг өдөр Наталигийн найз Алисон тэдэнд "Wine Time" нэртэй шинэ аппликейшнийг туршиж үзэхийг санал болгов. Аппликейшн нь дарсны талаар суралцахад тусалж, танд таалагдах дарс олоход тусална. Өгүүллийн энэ үед Жейсон, Натали хоёр уг бүтээгдэхүүний талаар мэдэгдэж болов.

Тэд програмыг татаж аваад "Дарсны тухай танилцуулга" хичээлийг шууд авдаг. . Энэхүү заавар нь өөр өөр шинж чанарт үндэслэн ямар төрлийн дарс дуртай болохыг заадаг. Энэ нь тэдний апптай холбоотой анхны туршлага болон "Аха" мөчтэй (хамгийн их магадлалтай) тохирно. Энэ хэсгийг бид өгүүллэгийнхээ дунд хэсгийн эхлэл гэж үзэж болно.

Сургалтын төгсгөлд Жонатан, Натали нар апп дээр үлдэнэ. "Wine Time" нь тэдэнд дарс санал болгож, ойролцоох дэлгүүрт байгаа эсэхийг шалгадаг. Тэд өөрт таалагдсан хоёр шил олсны дараа онлайнаар захиалаад хоёр хоногийн дотор хүлээн авдаг. Түүхийн энэ хэсэг нь хэрэглэгчийн аялалын худалдан авах үе шаттай тохирно. Хэрэв тэд цаг хэмнэхийн тулд аппаас үргэлжлүүлэн дарс захиалахаар шийдсэн бол энэ нь аппын цаашдын хэрэглээ -тэй холбоотой байж магадгүй юм.

Энэ бол бидний түүх юм. төгсгөх , мөн манай дүрүүд "Дарсны цаг" аппликейшнийг хэрхэн илүү их дарс судлах зорилго хүрэхийн тулд хэрхэн ашиглахыг ойлгодог.

Дараа нь хэрэгслийн хэрэгслийн талаар бага зэрэг ярья.storyboard.

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

Өгүүллийн самбарыг нарийвчлан одоогийн түвшинд байлгах нь дараах сонирхолтой асуултуудыг өдөөж магадгүй юм. санаа гаргах үе шат, тухайлбал:

1. Апп нь ямар хичээлүүдийг багтаах вэ?
2. Дэлхийн хаана ч энэ програмыг ашиглах боломжтой вэ?
3. Ямар төрлийн онлайн дарс дэлгүүрт холбох ёстой юу?
4. Урт хугацааны хэрэглээ ямар байх вэ?

Миний "Wine Time" аппликейшнд зориулан бүтээсэн өгүүллийн самбарыг харна уу.

"Дарсны цаг" хэрэглэгчийн аялал . Зохиогчийн зураг.

‍

Товчхондоо , storyboarding бол UX дизайнерын хувьд концепцийн санаагаа амьдралд хэрэгжүүлэхэд ашиглах маш сайн хэрэгсэл юм. Та багтайгаа санаачилж эхэлнэ. Сценарийг дүрслэн харуулах нь үйл явцыг илүү интерактив, хүн бүрт хөгжилтэй болгож чадна. Олон хувилбарыг харуулахын тулд танд нэгээс олон өгүүллийн самбар хэрэгтэй байж болох ч цаг хугацаа өнгөрөх тусам энэ хэрэгцээ илүү тодорхой болно. Санаж байх ёстой хамгийн чухал зүйл бол: бүтээлч байж, хөгжилтэй байгаарай.