รูปแบบใดเหมาะที่สุดสำหรับต้นแบบแรกที่ไม่ได้อยู่บนกระดาษ [ปิด]


12

แอปคอนโซล (รายการโปรด), รูปแบบรวดเร็ว & เลอะเทอะ, MS Paint (สำหรับ GUI); อะไรที่ได้ผลดีที่สุดสำหรับแอปพลิเคชั่นมาตรฐาน ทำไม?

คำตอบ:


17

เชื่อหรือไม่, PowerPoint

ฉันรู้ว่าคุณอาจจะหัวเราะและตอนแรกฉันทำอย่างแน่นอน แต่มีหลายสิ่งที่ยอดเยี่ยมเกี่ยวกับ PowerPoint ที่ทำให้เป็นเครื่องมือต้นแบบที่ดี

  • ปรับใช้อย่างง่ายดาย - ทุกคนมี PowerPoint เกือบดังนั้นคุณไม่ต้องกังวลเกี่ยวกับการตั้งค่าที่ไม่จำเป็นเพียงเพื่อให้ใครบางคนสามารถใช้ต้นแบบได้
  • ล้อเลียนง่าย ๆ - ทุกคนต่างก็รู้วิธีการใช้ PowerPoint ดังนั้นมันจึงเป็นเรื่องง่ายเหมือนกับการวาดเมื่อมันมาถึงการสร้าง UI ที่รวดเร็ว
  • การโต้ตอบ - นี่คือที่ที่มันจะดี PowerPoint ช่วยให้คุณสร้างลิงค์บนสไลด์ที่จะพาคุณไปยังสไลด์ที่ระบุอื่นโดยคลิกที่พื้นที่ หากคุณใช้คำอุปมานี้สำหรับปุ่มและลิงก์อื่น ๆ สำหรับ UI ที่คุณเสนอคุณสามารถกำหนดผู้ใช้ให้อยู่หน้างานนำเสนอ PowerPoint ที่ขยายใหญ่สุดและให้พวกเขาคลิกไปเมื่อคุณดูและจดบันทึก

คุณสามารถใช้เครื่องมือเสริมเช่นนี้เพื่อทำให้ดูดีขึ้น


เป็นความคิดที่ดีมาก!
Morgan Herlocker

สิ่งที่คุณอธิบายเสียงคล้ายกับ Hypercard; ฉันไม่ทราบว่าสามารถใช้ PowerPoint ได้ ผู้ชายฉันคิดถึงไฮเปอร์การ์ดซึ่งจะเป็นเครื่องมือสร้างต้นแบบที่ยอดเยี่ยม
jhocking

@ jhocking - มันน่ารักดี ดังนั้นมันเป็นเครื่องมือจำลองที่สามารถเปลี่ยนเป็นแอปจริงได้หรือไม่? มันเหมือนกับ Sketchflow ของ Microsoft หรือไม่: microsoft.com/expression/products/sketchflow_overview.aspx
Ryan Hayes

Hypercard? โอ้มันเป็นโปรแกรม Mac ที่เก่าแก่จริงๆเช่นใน pre-OSX: en.wikipedia.org/wiki/HyperCardมันน่าเสียดายที่ซอฟต์แวร์เสียชีวิตเพราะมันมีประโยชน์มากฉันจะต้องดูตัวเลือกที่คุณมี ชี้ให้เห็น.
jhocking

19

สำหรับฉันมือมันเป็นBalsamiqฉันรักมันด้วยเหตุผลหลายประการ

  • ใช้งานง่าย - อินเทอร์เฟซสำหรับ Balsamiq นั้นง่ายและรวดเร็วอย่างไม่น่าเชื่อสำหรับฉันที่จะดึงสิ่งต่าง ๆ เข้าด้วยกัน
  • ดูเหมือน mockup - เมื่อแสดงให้ลูกค้า / ลูกค้า / ผู้ขายดูเหมือน mockup ดังนั้นจึงไม่สับสนว่า "ฉันเกือบจะเสร็จแล้ว" หรืออะไรทำนองนั้น
  • ดูเป็นมืออาชีพ - นอกเหนือจากจุดก่อนหน้าใช่แล้วยังดูเป็น "วาดมือ" แต่ยังดูเป็นมืออาชีพ
  • การควบคุม UI ทั่วไป - พร้อมใช้งานทั้งหมดเพื่อสร้าง mockups ที่คล้ายกับแอพจริงอย่างรวดเร็ว

+1 โอ้! Mitchel นี่คือการค้นพบที่ยอดเยี่ยมมาก! ขอบคุณสำหรับการโพสต์นี้!
Ryan Hayes

1
@Ryan - ใช่เมื่อฉันพบสิ่งนี้ประมาณหนึ่งปีที่แล้วฉันไม่สามารถใช้สิ่งอื่นได้เลยมันดีมาก
Mitchel Sellers

โอ้พระเจ้า! นี่คือสิ่งที่ดีที่สุด.
MVCylon

Balsamiq สามารถสร้างปุ่มที่ตอบสนองเมื่อคุณคลิกที่ปุ่มได้หรือไม่ ผู้ใช้สามารถทดสอบอินเทอร์เฟซได้โดยคลิกที่ปุ่มและส่งไปยังสไลด์อื่น
jhocking

1
@ jhocking - ใช่สิ่งนี้เป็นไปได้ทั้งหมดที่มีการส่งออกไปยังฟังก์ชั่น PDF เป็นอย่างดี
Mitchel Sellers

1

SketchFlow in Blend เป็นความคิดที่เรียบร้อย:

  • รูปแบบที่เสริมความคิดมันเป็นต้นแบบให้ผู้มีส่วนได้เสียในการจัดการความคาดหวัง
  • ถ้าคุณรู้จัก Blend คุณก็รู้ SketchFlow - มีเลเยอร์พิเศษบาง ๆ เพียงชั้นเดียวที่ให้คุณสร้าง "หน้าจอ" และนำทางได้อย่างง่ายดาย
  • เนื่องจากทั้งหมดนี้อยู่ใน XAML จริงคุณสามารถเปิดใช้งานการโต้ตอบและใช้เวลาในการพัฒนาคุณสมบัติจริงที่มีความสำคัญต่อรูปลักษณ์และการใช้งานของแอพเช่นการเปลี่ยนภาพเคลื่อนไหวที่สำคัญหรือต้นแบบ DataTemplate (ฟังก์ชันข้อมูลตัวอย่างของ Blend ยอดเยี่ยม) . มันมีพฤติกรรมในตัวที่เสียบเข้ากับเลเยอร์ "แผนที่หน้าจอ" ของ Blend การสร้างปุ่มหรือลิงค์นำทางไปยังหน้าจออื่นนั้นง่ายเหมือนการลากแล้ววางและเลือกค่าจากดรอปดาวน์
  • เป็นเรื่องยากมากที่จะนำต้นแบบ SketchFlow กลับมาใช้ใหม่และเปลี่ยนให้เป็นแอปจริง - โดยปกติคุณสามารถรีไซเคิลเค้าโครงภาพบางส่วนได้ แต่อยู่ในระดับพื้นฐาน ฉันคิดว่านี่เป็นสิ่งที่ดีเพราะการสร้างต้นแบบไม่ได้ทำให้คุณอยู่ในสภาวะที่เหมาะสมสำหรับการสร้างแอปจริง
  • คุณสามารถส่งออกต้นแบบไปยังแอพ "ผู้เล่น" ที่มีอยู่ในตัวซึ่งต้องการเพียงแค่ Silverlight ให้ทำงาน โปรแกรมเล่นช่วยให้การโต้ตอบทั้งหมดและช่วยให้คุณสามารถนำทางผ่านหน้าจอของแอพแม้ว่าคุณจะไม่ได้เชื่อมต่อการโต้ตอบและผู้มีส่วนได้ส่วนเสียสามารถให้ข้อเสนอแนะผ่านบันทึกย่อหรือมาร์กอัปหมึกบนต้นแบบ

ปัญหาหลักของมันก็คือมันไม่ได้เป็นภาพลากและวางอย่าง Balsamiq, เครื่องมือต้นแบบ PowerPoint หรือเครื่องมือภาพอื่น ๆ ดังนั้นคุณต้องรู้พื้นฐานของ Blend / XAML อย่างน้อย


1

ฉันเป็นแฟนตัวยงของ MS Paint ฉันชอบที่คุณภาพเส้นขยุกขยิกไม่ดีทำให้ง่ายต่อการทิ้งและเริ่มต้นใหม่ เมื่อใช้เครื่องมือสร้างไดอะแกรมและการสร้างภาพที่ซับซ้อนขึ้นฉันพบว่าตัวเองใช้เวลามากเกินไปในการพยายามหาวิธีที่จะนำเสนอความคิดที่ซับซ้อนเมื่อความคิดของตัวเองน่าจะง่ายพอที่จะร่าง

ฉันคิดว่ามันเป็นพลวัตเช่นเดียวกับผ้าเช็ดปาก - เพียงแค่ได้แนวความคิดที่หยาบพอแล้วก็เพียงพอที่จะทำให้สิ่งต่าง ๆ เคลื่อนไหวได้ สำหรับฉันฉันไม่ต้องการสัมผัสเครื่องมือสร้างไดอะแกรมจนกระทั่งไดอะแกรมนั้นคิดออกมาดีแล้ว

แต่อาจเป็นเพียงฉันและวิธีแปลก ๆ ของฉัน


0

อาจขึ้นอยู่กับแพลตฟอร์มที่คุณจะสร้างแอปด้วย (แอปเว็บเดสก์ท็อป C ++ Java) แต่ฉันมักจะไปจากกระดาษโดยตรงกับแพลตฟอร์มจริง ประโยชน์ที่ได้รับ: ดูเหมือนของจริงเพราะเป็นและหลังจากที่คุณทราบวิธีการจัดวาง GUI เพียงเพิ่มฟังก์ชันการทำงานที่จำเป็นและแอปของคุณก็เสร็จสิ้น

ที่เรียกว่าการพัฒนาแอพลิเคชันอย่างรวดเร็ว

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.