สารบัญ
ในฐานะนักออกแบบ UX คุณมักจะต้องใช้จินตนาการในการทำงานเพื่อนำแนวคิดใหม่ๆ มาสู่ชีวิต เครื่องมือหนึ่งที่สามารถช่วยในกระบวนการนี้คือกระดานเรื่องราว เครื่องมือนี้ยืมมาจากโดเมนที่แตกต่างกันโดยสิ้นเชิง (โรงภาพยนตร์) แต่ได้สร้างชื่อเสียงให้กับโลกของ UX แล้ว สตอรีบอร์ดช่วยให้นักออกแบบนึกภาพออกว่าผู้ใช้จะใช้ผลิตภัณฑ์ที่พวกเขาออกแบบได้อย่างไร
สตอรีบอร์ดคืออะไร
สตอรี่บอร์ดเป็นรูปแบบภาพที่แสดงถึงสถานการณ์ที่มีลำดับของเหตุการณ์สองสามเหตุการณ์ สตูดิโอของ Walt Disney เป็นบริษัทแรกที่คิดแนวคิดนี้ขึ้นในช่วงทศวรรษที่ 1930 ฟิลด์อื่นๆ อีกมากมาย รวมถึงการออกแบบ UX ได้นำสตอรีบอร์ดมาใช้เป็นวิธีแสดงสถานการณ์ด้วยภาพ
ณ จุดนี้ คุณอาจถามตัวเองว่า “ทำไมฉันจึงควรใช้สตอรีบอร์ด”
คำตอบสั้นๆ ก็คือ จะช่วยให้คุณออกแบบได้เร็วขึ้นและมีความมั่นใจมากขึ้น
นี่คือสาเหตุหลักที่ทำให้เกิดกรณีนี้:
- ภาพคือ มีค่ากว่าหนึ่งพันคำ - สมองของเราประมวลผลรูปภาพได้เร็วกว่าข้อความมาก คุณกำลังเร่งกระบวนการคิดสำหรับทุกคนที่เกี่ยวข้องด้วยการนำเสนอสถานการณ์ด้วยภาพ
- เรื่องราวเป็นสิ่งที่น่าจดจำ - เป็นเวลาหลายศตวรรษที่มนุษย์ใช้เรื่องราวเพื่อบอกเล่าเรื่องราว ประเพณีแก่อนุชนรุ่นหลังเพราะจำง่ายกว่าข้อเท็จจริงมาก การใช้เรื่องราวเป็นก้าวแรกสู่ความคิดสามารถกำหนดอารมณ์ที่เหมาะสมได้สำหรับโครงการตั้งแต่เริ่มต้น
- ช่องว่างความอยากรู้อยากเห็น - เรื่องราวต่างๆ โดยเฉพาะอย่างยิ่งเรื่องราวที่มีช่องว่าง สามารถสร้างความอยากรู้อยากเห็นและกระตุ้นสมองของเราให้ลองได้ เพื่อกรอกรายละเอียดที่ขาดหายไป "พลังสมอง" ประเภทนี้คือสิ่งที่คุณต้องการในเซสชั่นการคิดของคุณ
- เอาใจใส่กับ "ผู้ใช้จริง" - เช่นเดียวกับที่เราใช้บุคลิกเพื่อสร้างความเห็นอกเห็นใจ กับผู้ใช้ที่มีใบหน้าและชื่อ การวางผู้ใช้นี้ในสถานการณ์จะสร้างการเอาใจใส่ต่อผู้ใช้ในระดับที่สูงขึ้นในหมู่สมาชิกของทีมออกแบบ
การใช้สตอรีบอร์ดในการออกแบบ UX
เหมือนกับที่นักเขียนบทและผู้กำกับภาพยนตร์ใช้สตอรีบอร์ดเพื่อวางแผนโครงเรื่องในภาพยนตร์และทีวี ซีรีส์ นักออกแบบ UX สามารถใช้สตอรีบอร์ดเพื่อจินตนาการและวางแผนการเดินทางของผู้ใช้สำหรับผลิตภัณฑ์ เทคนิคการสร้างสตอรี่บอร์ดช่วยให้คุณเลือกตัวละครหนึ่งหรือสองตัว และไม่เพียงเข้าใจสิ่งที่พวกเขาทำในทุกขั้นตอนของการเดินทางของผู้ใช้ แต่ยังเข้าใจด้วยว่าเหตุใดพวกเขาจึงดำเนินการและรู้สึกอย่างไร
ในตอนต้นของ ขั้นตอนการออกแบบ ux คุณจะต้องคิดถึงเรื่องราวสองสามส่วนที่คุณต้องการกำหนด อย่างน้อยที่สุดก็ในระดับแนวคิด ก่อนที่จะเริ่มร่างอะไร
ขั้นตอนแรกในการจัดทำกระดานเรื่องราว เป็นการตัดสินใจว่า ตัวละครหลักของคุณ คือใคร และคุณต้องการให้มีตัวละครมากกว่านี้ในกระดานเรื่องราวของคุณหรือไม่
เพื่อที่จะสร้างตัวละครที่มีความรอบรู้ คุณจะต้องคำนึงถึงสิ่งต่อไปนี้:
- คำอธิบายพื้นฐาน ของตัวละครของคุณซึ่งอาจรวมถึงสิ่งต่างๆ เช่น เช่น ชื่อ อาชีพ อายุ เพศ และอื่นๆ ที่เกี่ยวข้อง
- อะไร จูงใจ ตัวละครนี้ให้ใช้ผลิตภัณฑ์หรือบริการของคุณ
- ใน บริบท ตัวละครของคุณใช้ผลิตภัณฑ์อะไร
ขั้นตอนที่สองในการจัดทำกระดานเรื่องราวคือการกำหนดเส้นทางของผู้ใช้เองและความแตกต่าง ชิ้นส่วน การทำความคุ้นเคยกับส่วนต่างๆ ของเส้นทางผู้ใช้ทั่วไปสำหรับผลิตภัณฑ์เป็นเรื่องดี เนื่องจากจะช่วยให้คุณคิดเกี่ยวกับสิ่งที่คุณต้องการรวมไว้ในกระดานเรื่องราวของคุณ ซึ่งจะรวมถึงรายละเอียดต่างๆ เช่น:
- การรับรู้ - ผู้ใช้จะเรียนรู้เกี่ยวกับผลิตภัณฑ์หรือบริการของคุณได้อย่างไรตั้งแต่แรก
- การพิจารณา - พวกเขาจะต้องตัดสินใจอะไรบ้างก่อนที่จะตัดสินใจซื้อผลิตภัณฑ์และใช้ผลิตภัณฑ์นั้น
- ซื้อ - ผู้ใช้ของคุณจะซื้อสินค้าอย่างไร
- ประสบการณ์ครั้งแรก - ประสบการณ์ครั้งแรกของพวกเขากับผลิตภัณฑ์ของคุณจะเป็นอย่างไร
- <3 พฤติกรรมการใช้งาน - รูปแบบการใช้งานปกติของพวกเขาจะมีลักษณะอย่างไร
- ประโยชน์หลัก - ผู้ใช้ของคุณจะได้รับอะไรจากการใช้ ผลิตภัณฑ์ของคุณหรือไม่
หากยากเกินไปที่จะลองและตัดสินใจเกี่ยวกับสิ่งเหล่านี้ตั้งแต่เริ่มต้น คุณสามารถเริ่มต้นด้วยการอธิบายเฉพาะช่วงเริ่มต้นของเส้นทางของผู้ใช้และรวมเฉพาะส่วนเหล่านี้ไว้ในกระดานเรื่องราวของคุณ ซึ่งรวมถึงการรับรู้ การพิจารณา การซื้อ และประสบการณ์ครั้งแรกกับผลิตภัณฑ์ของคุณ เมื่อคุณสรุปรายละเอียดเหล่านี้แล้ว คุณจะและทีมของคุณสามารถขยายกระดานเรื่องราวได้ง่ายขึ้นและรวมรายละเอียดเกี่ยวกับการใช้ผลิตภัณฑ์ของคุณในระยะยาว
เริ่มต้นใช้งาน ด้วยสตอรีบอร์ด
ในการเริ่มต้นสร้างสตอรีบอร์ด คุณจะต้องคิดถึงสิ่งต่างๆ สองสามอย่างด้วย ต่อไปนี้เป็นแนวทางที่เป็นประโยชน์:
- การใช้ โครงสร้างของเรื่อง โดยมีจุดเริ่มต้น ตรงกลาง และจุดสิ้นสุด มุ่งเน้นไปที่เป้าหมายที่ตัวละครของคุณต้องการบรรลุ อย่าข้ามไปที่วิธีแก้ปัญหาในกระดานเรื่องราวของคุณ
- นึกถึง เครื่องมือ ที่คุณจะใช้สร้างกระดานเรื่องราว คุณสามารถใช้ปากกาและกระดาษเพื่อร่างสตอรี่บอร์ด หรือใช้ซอฟต์แวร์ออกแบบกราฟิกก็ได้ ขึ้นอยู่กับความต้องการของคุณ
- นึกถึง ระดับของรายละเอียด ที่คุณต้องการ รวมไว้ในเรื่อง คุณอาจต้องการสร้างเรื่องราวที่มีรายละเอียดมากขึ้นหรือน้อยลง ทั้งนี้ขึ้นอยู่กับว่าคุณอยู่ในขั้นตอนใดของการพัฒนา แต่อย่าลืมเผื่อพื้นที่สำหรับจินตนาการไว้เสมอ
เพื่อช่วยให้คุณสร้างสตอรี่บอร์ด UX ที่ดี ลองดูที่ ตัวอย่างจริง .
สมมติว่าคุณต้องการช่วยเหลือผู้ที่ชื่นชอบการดื่มไวน์ แต่พยายามอย่างล้นหลามในร้านไวน์เพื่อตัดสินใจว่าจะซื้ออะไรต่อไป
สมมติว่าคุณต้องการกำหนดเป้าหมายไปยังผู้คนที่มีอายุระหว่าง 25 ถึง 45 ปีซึ่งเพิ่งเริ่มก้าวแรกเพื่อทำความเข้าใจเกี่ยวกับไวน์ให้ดียิ่งขึ้น คุณตัดสินใจสร้างแอปเพื่อช่วยพวกเขาที่เรียกว่า “Wine Time”
ขั้นตอนต่อไปคือเริ่มจินตนาการว่าผู้คนจะใช้แอปของคุณอย่างไร คุณจึงตัดสินใจสร้างสตอรี่บอร์ด
ดูสิ่งนี้ด้วย: วิธีออกแบบไอคอนใน Vectornatorมาดำเนินการกันต่อ
เรื่องราวของเราเริ่มต้นด้วย ตัวละครหลัก เจสันและนาตาลี คู่รักหนุ่มสาวอายุ 30 ต้นๆ พวกเขาอาศัยอยู่ในแถบชานเมืองโตรอนโต ประเทศแคนาดา พวกเขาชอบดื่มไวน์ และไปร้านไวน์แถวบ้านทุกๆ 3 สัปดาห์เพื่อซื้อไวน์ 2-3 ขวด พวกเขามักจะซื้อไวน์ที่ทางร้านจัดโปรโมชั่น และบางครั้งพวกเขาได้รับคำแนะนำจากเพื่อนว่าจะซื้ออะไรดี เมื่อเร็ว ๆ นี้พวกเขาต้องการเริ่มสำรวจไวน์มากขึ้น และพวกเขาต้องการที่จะไม่ถูกครอบงำด้วยการเลือกมากมายที่ร้านของพวกเขา จนถึงตอนนี้ พวกเขามักจะซื้อไวน์ชนิดเดียวกันทุกครั้ง นี่คือสิ่งที่ กระตุ้นให้ พวกเขาพยายามหาทางออกเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับไวน์
เจสันเริ่มอ่านหนังสือเกี่ยวกับไวน์ในเวลาว่าง แต่เขาก็ยังอ่านไม่จบ ไม่พบว่ามีประโยชน์มากนัก ไวน์ส่วนใหญ่ที่บรรยายในบทความเหล่านั้นมาจากยุโรป และเขาอาศัยอยู่ในแคนาดา เขาไม่แน่ใจว่าไวน์ท้องถิ่นที่เขาพบในร้านใกล้เคียงนั้นเทียบเคียงได้หรือไม่ยังไงก็ตาม
วันหนึ่ง Alison เพื่อนของ Nathalie แนะนำให้ลองใช้แอปใหม่ชื่อ "Wine Time" แอปนี้ช่วยให้คุณเรียนรู้เกี่ยวกับไวน์และช่วยค้นหาไวน์ที่คุณต้องการ ณ จุดนี้ของเรื่องราว เจสันและนาตาลี รู้จัก ผลิตภัณฑ์
พวกเขาดาวน์โหลดแอปและทำบทแนะนำ "แนะนำไวน์" อย่างรวดเร็ว . บทช่วยสอนจะสอนพวกเขาเกี่ยวกับประเภทของไวน์ที่อาจชอบโดยพิจารณาจากลักษณะเฉพาะที่แตกต่างกัน ซึ่งจะสอดคล้องกับ ประสบการณ์ครั้งแรก กับแอปและช่วงเวลา "Aha" ของพวกเขา (เป็นไปได้มากที่สุด) เราอาจคิดว่าส่วนนี้เป็นจุดเริ่มต้นของ ช่วงกลางของเรื่องราวของเรา
ในตอนท้ายของบทช่วยสอน Jonathan และ Nathalie ยังคงใช้งานแอปต่อไป "Wine Time" แนะนำไวน์สำหรับพวกเขาและตรวจสอบว่ามีจำหน่ายในร้านค้าใกล้เคียงหรือไม่ เมื่อพบขวดที่ถูกใจ 2-3 ขวดแล้ว ก็สั่งซื้อทางออนไลน์และได้รับภายในสองวัน เรื่องราวส่วนนี้จะสอดคล้องกับ ขั้นตอนการซื้อในเส้นทางของผู้ใช้ นอกจากนี้ยังอาจเชื่อมโยงกับ การใช้แอปในอนาคต หากพวกเขาตัดสินใจสั่งไวน์จากแอปต่อไปเพื่อประหยัดเวลา
นี่คือเรื่องราวของเรา สิ้นสุด และตัวละครของเราเข้าใจวิธีใช้แอป “Wine Time” เพื่อบรรลุเป้าหมาย เป้าหมาย ในการสำรวจไวน์มากขึ้น
ต่อไป เรามาพูดถึง เครื่องมือ สำหรับสร้างสตอรีบอร์ด
อย่างที่คุณเห็นในภาพด้านล่าง คุณสามารถสร้างสตอรีบอร์ดง่ายๆ เหมือนที่ฉันทำใน Vectornator คุณสามารถใช้ไอคอนและข้อความบางส่วนเพื่อแสดงภาพโครงเรื่องของคุณ ฉันตัดสินใจนำเสนอการเดินทางของผู้ใช้ในสี่ขั้นตอนเพื่อให้เหลือพื้นที่สำหรับการสนทนาเกี่ยวกับรายละเอียดที่ไม่ได้เป็นส่วนหนึ่งของกระดานเรื่องราว
ดูสิ่งนี้ด้วย: 10 หลักสูตรการออกแบบการเคลื่อนไหวที่ดีที่สุดสำหรับผู้เริ่มต้นการเก็บกระดานเรื่องราวไว้ที่ระดับรายละเอียดปัจจุบันอาจทำให้เกิดคำถามที่น่าสนใจที่ ขั้นตอนการคิด เช่น:
- แอปจะรวมบทช่วยสอนใดบ้าง
- แอปจะพร้อมใช้งานที่ใดในโลก
- ไวน์ออนไลน์ประเภทใด เราควรเชื่อมต่อกับร้านค้าหรือไม่
- การใช้งานระยะยาวจะเป็นอย่างไร
ดูกระดานเรื่องราวที่ฉันสร้างขึ้นสำหรับแอป “Wine Time”
เส้นทางของผู้ใช้ “Wine Time” . ภาพโดยผู้เขียน
โดยสรุปแล้ว สตอรี่บอร์ดเป็นเครื่องมือที่ยอดเยี่ยมที่คุณสามารถใช้ในฐานะนักออกแบบ UX เพื่อนำแนวคิดแนวคิดมาสู่ชีวิต คุณเริ่มคิดร่วมกับทีมของคุณ การแสดงภาพสถานการณ์สามารถทำให้กระบวนการโต้ตอบและสนุกสนานมากขึ้นสำหรับทุกคน เพื่อนำเสนอสถานการณ์ต่างๆ คุณอาจต้องการสตอรี่บอร์ดมากกว่าหนึ่งบอร์ด แต่ความต้องการนี้จะชัดเจนขึ้นเมื่อเวลาผ่านไป สิ่งที่สำคัญที่สุดที่ต้องจำไว้คือ: ใช้ความคิดสร้างสรรค์และสนุกสนาน