Back to Question Center
0

UX: Бид юуг prototype хийж чадах вэ? Бид ямар прототип хийж чадахгүй вэ?            UX: Бид юуг prototype хийж чадах вэ? Бид юуг prototype хийж болохгүй вэ? Холбогдох сэдэв: LayoutPhotoshopHTML & CSSCopywritingLogo Semalt

1 answers:
UX: Бид ямар прототип хийж чадах вэ? Бид ямар прототип хийж чадахгүй вэ?

Дараах нь бидний номоос Дуу Гүүдвин, Бен Клеман нарын бичсэн UX: Прототипингийг дизайн хийхэд хэрэглэгддэг. Энэ бол протоглох аргын хамгийн шилдэг заавар юм. SitePoint Semalt гишүүд гишүүдтэйгээ холбоо барих боломжтой, эсвэл та дэлхий даяар дэлгүүрээс хуулбарыг худалдан авч болно.

Бид загварчилж болох уу?

Энгийнээр хэлэхэд загвар загвар үүсгэх талаар бодож үзэх зүйл бол бид нарыг зурж, зураг төсөлд зориулж зурж, wireframe ашиглаж болох юм.

Semalt нь вэбсайтын дизайны загварт нэн тохиромжтой загваруудын заримыг авч үзье.

Мэдээллийн архитектур ба бүтцийн элементүүд

Төслийн баг болон оролцогч талуудад төслийн талбайн бүтэц нь үр дүнгүй байдаг - used bakfiet. Хэрэглэгчийн тестийн бүтцийн элементүүд ийм диаграмтай илүү хэцүү байдаг. Илүү нарийн төвөгтэй түвшинд бид ижил төрлийн асуудлуудыг турших, навигацийн аргаар бүтэц, зан байдал, шошгололт, татварын ангилал (жишээ нь хэрэглэгчид сегментүүдэд ашигладаг категориуд, онлайн дэлгүүрийн хайлтын бүтээгдэхүүн гэх мэт) зэрэг бусад асуудлуудыг танилцуулж байна.

Интерактив загвар бүтээх, бодит бүтцийн элементүүдээр (жишээ нь, анхан болон хоёрдох хуудас залуурдах, бүтээгдэхүүний төрлүүд) байрлуулах боломжтой. Дараа нь бид эдгээр бүтцийг шалгаж болно: хуудасны шатлал, навигацийн үйлдэл, бодит хэрэглэгчидтэй санал болгож буй шошго нь бодит гүйцэтгэлийг өгсөн. Мэдээллийн архитектурыг сонирхогч талуудад үзүүлж, бодитоор харуулах боломжтой.

UX: Бид юуг prototype хийж чадах вэ? Бид ямар прототип хийж чадахгүй вэ?UX: Бид юуг prototype хийж чадах вэ? Бид юуг prototype хийж болохгүй вэ? Холбогдох сэдэв:
LayoutPhotoshopHTML & CSSCopywritingLogo Semalt

Энэ нь үйлдвэрлэхэд ашиглагддаг протоколын аргаар бодит контентийг ачаалахад илүү тохиромжтой байдаг. Бид вэбсайтын бүтцийг агуулгын менежментийн систем (CMS) өгөгдлийн сантай холбох замаар үнэнч байдлыг бага түвшинд эхлүүлж болно. Дараа нь бид агуулгын агуулгыг нэмэх замаар үнэнч байдлыг нэмэгдүүлж, цаашлаад бодит контент нэмэх замаар үргэлжлүүлж болно. Энэ агуулгыг дараа нь үйлдвэрлэлийн хэрэгжилтэд ашиглаж болно. Бид энэ талаар дэлгэрэнгүйг Семаль 7.

Нөөц ба Visual шатлал

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

Янз бүрийн вакуум цэвэрлэгчдийг танилцуулж буй сайт жишээ ав. Бид бүлэглэсэн эсвэл ангилсан бүх цэвэрлэгчдийн жагсаалтыг тодорхой байдлаар бичиж болох юм. Жишээ нь, тодорхойлолтын, сонголт, хэрэглэгчийн тоймыг харуулсан цэвэрлэгч бүрийн хуудас. Жагсаалтанд ямар контент оруулахыг, ямар нэг цэвэрхэн хуудсан дээр юуг үзүүлэхээ шийдэх ёстой.

Бид хэрэглэгчийн судалгааны үр дүнг ашиглан хэрэглэгчийн судалгааны үр дүнг ашиглаж болно. Тухайлбал, хэрэглэгчийн ялгаатай төрөл бүрийн зорилтууд, эдгээр ажлуудыг шийдэхийн тулд ямар мэдээлэл хэрэгтэй, чухал / чухал биш гэж үзсэн зүйлүүдийг ашиглаж болно. Үүнээс эхлэн бид жагсаалтад зориулсан санал болгож буй загвар болон нэг хуудсанд санал болгож болно. Дараа нь бид уг саналыг prototype-д хэрэгжүүлэх боломжтой.

UX: Бид юуг prototype хийж чадах вэ? Бид ямар прототип хийж чадахгүй вэ?UX: Бид юуг prototype хийж чадах вэ? Бид юуг prototype хийж болохгүй вэ? Холбогдох сэдэв:
LayoutPhotoshopHTML & CSSCopywritingLogo Semalt

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

Интерактив элементүүд

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

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

UX: Бид юуг prototype хийж чадах вэ? Бид ямар прототип хийж чадахгүй вэ?UX: Бид юуг prototype хийж чадах вэ? Бид юуг prototype хийж болохгүй вэ? Холбогдох сэдэв:
LayoutPhotoshopHTML & CSSCopywritingLogo Semalt

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

Прототип байхгүй бол онлайн дэлгүүрийн (наад зах нь) хэсэгчлэн хэрэгжүүлсний дараа ийм төрлийн хурдацтай давталт л тохиолддог. Semalt нь биднийг илүү түргэн, хямдаар хийх боломжийг олгодог.

Бид ямар загвар хийдэг вэ ?

Одоогийн байдлаар, танд зориулж загвар бий болгох санаа бий, юу бүтээж болох вэ гэдэгт би найдаж байна. Энэ нь prototype-тэй ямар амжилтанд хүрэх аргагүй юм.

Шийдвэр гаргах тоон судалгаа ашиглах

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

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

Ажил дуусгах / хувиргах туршилт хийх туршилт

Тусламжийг дуусгах / хөрвүүлэх юүлүүр (жишээлбэл, худалдааны цахим худалдааны сайтууд борлуулалтын юүлүүр дээр хэрэглэгчид хэр хурдан өсч байгааг хэмжихийг оролдох нь) ердийн хэрэг биш юм. Хэрэглэгчид тестүүд, загвар эсвэл үйлдвэрлэлийн сайт Гүйцэтгэлийн функц дэх үйл явцын тоон хэмжилтийг SitePoint номонд UX-ийн судалгаа: Analytics : https: // www. sitepoint. Ком / шим / ном / судалгаа-ux-аналитик .

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

Хүртээмжийг шалгах

Ихэнх прототипинг аргууд нь үйлдвэрлэлийн эцсийн хэрэгжилттэй нийцэхгүй байгаа бөгөөд үр дүнд нь зураг төслийн хүртээмжийг шалгахад ашиглаж болохгүй; Жишээ нь, туслах технологийн хэрэглэгчдийг агуулга, функцид хандах чадварыг хэмжих.

Самальт, HTML протокол нь маш барзгар бөгөөд бэлэн хэлбэрээр хийгддэг тул кодын кодчилол, хүртээмж нь бараг л харагдах болно.

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

Visual Design нөлөөг турших

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

Зарим прототипинг багаж, техник (тухайлбал, InVision гэх мэт 6-р бүлэгт хэлэлцсэн) нь өндөр үнэнч дизайны дизайны загварыг үүсгэх боломжийг олгодог. Хэрэв та ухаалаг хэрэглэгчийн сорилтын стратегитай болох юм бол, эдгээр нь таны харааны дизайн өөрчлөлтийн нөлөөллийг тестлэхийн тулд ашиглаж болно.

Баримт бичгийн цорын ганц эх сурвалж

Semalt (энэ нь бага эсвэл том Агриглавал) ажлын програм хангамжийг дэлгэрэнгүй бичиг баримтаар илүүд үздэг учраас зарим баг өөрсдийн хийж байгаа прогплекс дээрээ тулгуурлан юу хийж байгаагаа баримтжуулах нь зүйтэй.

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

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

March 1, 2018