UX Prototyping

Transcript

1. UX Prototyping Ngoding dari Desain Perpektif Delivered By: Ariya Putra Visit: ariya.design Source: Pinterest
2. Delivered By: Ariya Putra Visit: ariya.design 1 Introduction What exactly is a prototype? Source: Pinterest The design concept works as intended. To communicate the idea with the information gathered. Source: Adobe Blog
3. Delivered By: Ariya Putra Visit: ariya.design 2 Prototype’s Fidelity Low Mid Hi Visual Content Interactivity Only some of the visual attributes of the final product are presented Only key elements of the content are included. The prototype can be simulated by a real human. Realistic and detailed design — all interface elements, spacing, and graphics look just like a real app or website. Designers use real or similar-to-real content. Prototypes are highly realistic in their interactions. Source: Adobe Blog
4. Delivered By: Ariya Putra Visit: ariya.design 3 Prototype Tools x Fidelity Low Mid Hi
5. Delivered By: Ariya Putra Visit: ariya.design 4 Open Platform Source: Twitter
6. Delivered By: Ariya Putra Visit: ariya.design 5 React Framer Guide To Source: Figma Blog
7. Delivered By: Ariya Putra Visit: ariya.design 6 React Source: Framer Book
8. Delivered By: Ariya Putra Visit: ariya.design 7 Demo: Preparation Sketch in Figma Import Design to Framer Creat Flow & Interaction Connect to Yeelight
9. Delivered By: Ariya Putra Visit: ariya.design Thank You!