ปรับปรุงประสบการณ์การเดินทางระหว่างแพลตฟอร์มการวางแผนการเดินทาง
![](https://post.nghiatu.com/assets/images/m/max/724/1*o2_9GMX9I8M8FETtqOlHVQ.png)
กรณีศึกษานี้จะอธิบายขั้นตอนการออกแบบของฉันตั้งแต่ขั้นตอนการเอาใจใส่จนถึงขั้นตอนการออกแบบ
บทนำและความท้าทาย
ฉันท่องทวิตเตอร์เมื่อเจอข้อความที่ถามว่าทำไมไม่มีแพลตฟอร์มที่แต่ละคนสามารถสร้างแผนการเดินทางได้ และทุกคนสามารถร่วมสนุกได้ ฉันแค่เหลือบมองผ่านทวีตนั้น แต่ไม่กี่วันต่อมา ฉันสังเกตเห็นอีกอันหนึ่งที่ระบุว่าผู้คนจำเป็นต้องสามารถเปรียบเทียบค่าใช้จ่ายของเอเจนซี่กับแพ็คเกจที่พวกเขาเสนอได้ จากนั้นฉันก็จำทวีตที่ฉันเห็นก่อนหน้านี้และคิดว่าปัญหาเหล่านี้มาจากช่องเดียวกัน จะเกิดอะไรขึ้นหากโซลูชันสามารถฝังอยู่ในที่เดียวได้
ประเภทโครงการ: แฟ้มสะสมผลงานส่วนบุคคล
บทบาท: นักออกแบบ UX คนเดียว
เครื่องมือ: Figma, แบบฟอร์ม Google
ความรับผิดชอบ: ดำเนินการสัมภาษณ์ ผลิต wireframes แบบกระดาษและแบบดิจิทัล ต้นแบบที่มีความเที่ยงตรงสูงและมีความเที่ยงตรงต่ำ ดำเนินการทดสอบการใช้งาน คำนึงถึงความสามารถในการเข้าถึง และแก้ไขการออกแบบ
ขั้นตอนการออกแบบของฉัน
ฉันปฏิบัติตามแนวทางการคิดเชิงวิพากษ์การออกแบบเพื่อให้แน่ใจว่าการตัดสินใจในการออกแบบของฉันได้มาจากการวิจัยของผู้ใช้และข้อเสนอแนะ
![](https://post.nghiatu.com/assets/images/m/max/724/1*xmWDd13HtZdhpk0QU5EMpw.png)
การวิจัยผู้ใช้
เป้าหมายของการวิจัยผู้ใช้คือการเข้าใจความต้องการ พฤติกรรม และแรงจูงใจของผู้ใช้
วิธีการสรรหา: สิ่งที่จำเป็นเพียงอย่างเดียวในการมีสิทธิ์สัมภาษณ์หรือการสำรวจของฉันคือคุณต้องมีอายุมากกว่า 16 ปี ซึ่งหมายความว่าคุณสามารถเดินทางคนเดียวและเป็นประจำได้
ข้าพเจ้าทำการวิจัยโดยใช้การวิเคราะห์ทั้งเชิงคุณภาพและเชิงปริมาณ
สำหรับเชิงคุณภาพ ฉันได้สัมภาษณ์ผ่าน google meet กับ 10 คนที่เป็นนักเดินทางประจำ เพื่อให้พวกเขาแบ่งปันปัญหาที่เผชิญขณะพยายามวางแผนการเดินทางให้ฉันได้เข้าใจมากขึ้น และในเชิงปริมาณ ฉันส่งแบบสำรวจทางโซเชียลมีเดียของฉัน และได้รับคำตอบ 20 ครั้ง
นี่คือรายการคำถามสำหรับแบบสำรวจของฉันที่ฉันคิดว่าอาจช่วยให้ฉันเข้าใจและทราบปัญหาของผู้ใช้ และอาจสอดคล้องกับเป้าหมายของฉัน
- คุณอายุเท่าไร?
- คุณวางแผนการเดินทางของคุณอย่างไร?
- อะไรคือความท้าทายที่คุณต้องเผชิญเมื่อพยายามวางแผนการเดินทาง?
- ประสบการณ์เช่นการเดินทางผ่านตัวแทนท่องเที่ยวคืออะไร?
- สิ่งอำนวยความสะดวกในการจองมักจะชอบอะไรสำหรับคุณ?
- คุณเพลิดเพลินกับ travel แค่ไหน?
- คุณจะใช้แอพเพื่อหาเพื่อนเดินทางหรือไม่?
- คุณเดินทางบ่อยแค่ไหน?
- คุณกังวลเรื่องความปลอดภัยอย่างไรเมื่อต้องเดินทางคนเดียว
- คุณพึ่งพาแอปเมื่อวางแผนการเดินทางหรือทำแบบออฟไลน์
- คุณจะไปหาตัวแทนได้อย่างไร?
- คุณเคยยกเลิกทริปเพราะไม่อยากไปคนเดียวหรือเปล่า?
- ถ้าจะหาคนไปเที่ยวด้วยจะไปด้วยไหม?
- อะไรคือสิ่งที่คุณต้องการดูหรือรู้เกี่ยวกับแพ็คเกจเอเจนซี่?
- อะไรคือความกังวลหลักของคุณเมื่อเดินทางคนเดียว?
- มีบริษัทนำเที่ยวที่น่าเชื่อถือไม่กี่แห่ง
- ไม่สามารถหาบริษัทนำเที่ยวที่พวกเขาต้องการได้
- การเที่ยวคนเดียวสำหรับบางคนมันน่ากลัวสุดๆ
- เที่ยวคนเดียวค่อนข้างแพง
- โดยทั่วไปแล้วผู้คนมักชอบเดินทางร่วมกับผู้อื่น
- ต้องดูว่าหน่วยงานเหล่านี้เสนออะไรสำหรับเงินที่เรียกเก็บ
- ค่าใช้จ่ายและความปลอดภัยเป็นความกังวลอันดับต้นๆ ของผู้คนเมื่อต้องเดินทางคนเดียว
ข้อมูลเพิ่มเติมและรูปแบบเกี่ยวกับความธรรมดาที่นักท่องเที่ยวอาจหรือต้องการสัมผัสมีอยู่ในแบบสำรวจ
![](https://post.nghiatu.com/assets/images/m/max/724/1*_7OrvIj-J0jnl6WIvl7gOw.png)
ข้อมูลเชิงลึกที่สำคัญจากการวิเคราะห์เชิงปริมาณ
- 57% ของนักเดินทางวางแผนการเดินทางด้วยตัวเอง เพราะไม่สามารถหาคนวางแผนให้ได้เลย
- 80% ของนักเดินทางจะใช้แอปเพื่อหาเพื่อนเดินทาง
- 52% ของนักเดินทางเดินทาง 2–5 ครั้งต่อปี
- นักท่องเที่ยว 55% ยกเลิกการเดินทางเพราะไม่ต้องการไปคนเดียว
- 35% ของผู้เดินทางพบว่าสิ่งอำนวยความสะดวกในการจองทำได้ยาก
การค้นหาช่องว่างในตลาดเป็นสิ่งที่นักออกแบบ UX อาจทำได้ด้วยความช่วยเหลือของการศึกษาคู่แข่ง ตัวอย่างเช่น คุณอาจพบคุณลักษณะในการวิจัยของคุณที่ผลิตภัณฑ์ของคู่แข่งขาดหายไป ลองนึกภาพว่าคุณค้นพบคุณสมบัติที่จะเป็นประโยชน์ต่อตลาดที่ไม่ได้รับการบริการ นี่คือการวิเคราะห์คู่แข่งของฉันสำหรับผลิตภัณฑ์นี้
![](https://post.nghiatu.com/assets/images/m/max/724/1*EPbrrukN001VSH-dyEe0Pg.png)
กำหนด
บุคลิกของผู้ใช้
ฉันสามารถอนุมานได้จากการสำรวจของฉันว่าผู้คนต่างมีความต้องการที่แตกต่างกัน ฉันสร้างสองบุคลิกโดยใช้ข้อมูลเชิงลึกหลายอย่างที่ฉันได้รับมาผสมกัน แต่ฉันตัดสินใจเลือกแบบที่ตรงกับความต้องการของผู้ตอบแบบสำรวจส่วนใหญ่
![](https://post.nghiatu.com/assets/images/m/max/724/1*Q0Zh6Ia7S961TysoOwPCbQ.png)
การทำแผนที่เอาใจใส่
ฉันใช้แผนที่ความเห็นอกเห็นใจเพื่อเชื่อมต่อกับผู้ใช้ของเราและเข้าใจความคิดและความรู้สึกของพวกเขา นี่เป็นสิ่งสำคัญเพราะทำให้ฉันเข้าใจและเรียนรู้แรงจูงใจที่อยู่เบื้องหลังการกระทำของพวกเขา
![](https://post.nghiatu.com/assets/images/m/max/724/1*LLCCWwS0KWxo1RxkGgAYUA.png)
เราจะทำอย่างไร
ข้อความ How Might We ช่วยให้ฉันเปลี่ยนข้อสังเกตจากผู้ใช้ให้เป็นโซลูชันการออกแบบที่มีประโยชน์
![](https://post.nghiatu.com/assets/images/m/max/724/1*92KLP4aHRu2YmLT1zJObeQ.png)
คำชี้แจงปัญหา
เราจะสร้างแอปที่ทำให้ผู้ใช้สามารถวางแผนการเดินทางได้ง่าย อนุญาตให้ผู้อื่นเข้าร่วมการเดินทางและลงเอยด้วยการแบ่งปันค่าใช้จ่ายทั้งหมด ตลอดจนค้นหาและเปรียบเทียบแพ็คเกจตัวแทนท่องเที่ยวเพื่อให้ได้ตัวเลือกที่เหมาะสมที่สุดซึ่งเหมาะกับพวกเขาเช่นกัน งบประมาณ?
ความคิด
กระแสผู้ใช้
ฉันสร้างโฟลว์ผู้ใช้ที่แสดงวิธีที่ผู้ใช้โต้ตอบและสำรวจแอป ด้านล่างนี้คือขั้นตอนการใช้งานของผู้ใช้ที่ง่ายขึ้น
![](https://post.nghiatu.com/assets/images/m/max/724/1*PiFDXYlTXjA65YX5c5ENOg.png)
สถาปัตยกรรมสารสนเทศ
![](https://post.nghiatu.com/assets/images/m/max/724/1*2YrnpbfiR5l4qTS7Anrk8Q.png)
โครงร่างกระดาษ / ภาพร่าง
เริ่มต้นด้วยการสเก็ตช์ ขั้นตอนแรกในการรับไอเดียคือการขีดเขียนบนกระดาษ พวกเขาไม่จำเป็นต้องดูสมบูรณ์แบบ แต่แนวคิดก็คือการเริ่มการไหลของแอพไปสู่สิ่งที่จับต้องได้มากขึ้น
![](https://post.nghiatu.com/assets/images/m/max/724/1*CPIgMyzXNcRHA46SHFp0OQ.png)
ขั้นตอนการออกแบบ
โครงลวดที่มีความเที่ยงตรงต่ำ
![](https://post.nghiatu.com/assets/images/m/max/724/1*0M848C0NoRnmt_Y8XqMOBA.png)
ต้นแบบที่มีความเที่ยงตรงต่ำ
ฉันเชื่อมโยงแต่ละหน้าจอที่เกี่ยวข้องกับโฟลว์ผู้ใช้หลักในการค้นหาตัวแทนการท่องเที่ยวและทำการจองให้สำเร็จเพื่อสร้างต้นแบบที่มีความเที่ยงตรงต่ำ
ฉันได้รับคำติชมเกี่ยวกับการออกแบบของฉันจากผู้ใช้จริงเกี่ยวกับหัวข้อต่างๆ เช่น ตำแหน่งปุ่มและเค้าโครงหน้ากระดาษ ฉันรับฟังความคิดเห็นของพวกเขาอย่างตั้งใจ และนำข้อเสนอแนะจำนวนหนึ่งไปปฏิบัติโดยที่พวกเขาระบุประเด็นปัญหาของผู้ใช้
![](https://post.nghiatu.com/assets/images/m/max/724/1*r2ysQHlPknpHfO0xIAjpvw.png)
การศึกษาการใช้งาน
ฉันขอให้ผู้เข้าร่วม 7 คนช่วยทดสอบต้นแบบที่มีความเที่ยงตรงต่ำ เพื่อที่ฉันจะได้มีความเข้าใจที่ดีขึ้นเกี่ยวกับความสามารถในการใช้งานของแอปพลิเคชันก่อนที่จะเริ่มออกแบบการออกแบบที่มีความเที่ยงตรงสูง
พวกเขาทั้งหมดแสดงและโต้ตอบกับแอปพลิเคชันได้ดีมากซึ่งทำให้ฉันมีความมั่นใจที่จะก้าวไปสู่การออกแบบที่มีความเที่ยงตรงสูง แม้ว่าพวกเขาจะยังคงสามารถใช้การปรับแต่งได้ในอนาคต แต่มันแก้ปัญหาที่ฉันพยายามแก้ไขและแก้ไขได้อย่างง่ายดาย
คู่มือสไตล์
สี
ฉันตัดสินใจเลือกสีม่วงเป็นสีหลัก เพราะสีม่วงเหมาะที่สุดสำหรับการออกแบบเมื่อคุณต้องการสร้างแรงบันดาลใจให้ผู้คนหรือสร้างความรู้สึกหรูหรา และฉันใช้สีดำและสีขาวเป็นสีสนับสนุนของฉัน
![](https://post.nghiatu.com/assets/images/m/max/724/1*EraUlpV6HzN6TrTZ8dmfNQ.png)
วิชาการพิมพ์
![](https://post.nghiatu.com/assets/images/m/max/724/1*czT18UeQNLH72ebfEesqdg.png)
ส่วนต่อประสานผู้ใช้ขั้นสุดท้าย (การออกแบบที่มีความเที่ยงตรงสูง)
![](https://post.nghiatu.com/assets/images/m/max/724/1*A8rkG_MZEX1Kha_Y1EfZ3Q.png)
![](https://post.nghiatu.com/assets/images/m/max/724/1*kqGHoxEstk21pmOK3vHgvg.png)
![](https://post.nghiatu.com/assets/images/m/max/724/1*DWs7WiPfgf1kizGrKaUPcQ.png)
![](https://post.nghiatu.com/assets/images/m/max/724/1*bPARn2XEnWq3RPMIcZCR8g.png)
![](https://post.nghiatu.com/assets/images/m/max/724/1*UQET5H05TwFjCVDHjezraw.png)
![](https://post.nghiatu.com/assets/images/m/max/724/1*tEODmPZ3qpRxRj1vsDIsTA.png)
![](https://post.nghiatu.com/assets/images/m/max/724/1*pTLrLGgTDe74GcQZo4M3MA.png)
![](https://post.nghiatu.com/assets/images/m/max/724/1*eyGF_V35-MAtwkV0SDbSmg.png)
ต้นแบบความเที่ยงตรงสูง
โฟลว์ของผู้ใช้สำหรับต้นแบบที่มีความเที่ยงตรงสูงจะเหมือนกับต้นแบบที่มีความเที่ยงตรงต่ำ เนื่องจากไม่มีการเปลี่ยนแปลงอย่างแน่นอนหลังจากการทดสอบความสามารถในการใช้งานในการออกแบบที่มีความเที่ยงตรงต่ำ ฉันได้แชร์ต้นแบบอีกครั้ง แต่คราวนี้มันดูดึงดูดสายตามากขึ้น เพราะมันมีสีและรูปภาพในตำแหน่งที่เหมาะสม และทำให้ผู้ใช้นำทางได้ง่ายขึ้นมาก
บทสรุป
ข้อสรุปทั่วไปจากการทดสอบความสามารถในการใช้งานคือ ฟังก์ชันหลักและประสบการณ์ผู้ใช้ของแอปนั้นชัดเจนและเรียบง่าย แม้แต่สำหรับคนธรรมดา จากข้อเสนอแนะ ฉันสรุปได้ว่าต้นแบบค่อนข้างประสบความสำเร็จ
ขอบคุณที่อ่านกรณีศึกษาของฉัน หากคุณต้องการดูผลงานของฉันเพิ่มเติม ติดต่อได้ที่ลิงก์ด้านล่าง
บีฮานซ์ :https://www.behance.net/rukayatsalam
ลิงค์ใน:https://www.linkedin.com/in/ruqoyaah-salam-3b4117210