{"id":393,"date":"2023-12-05T21:37:45","date_gmt":"2023-12-05T21:37:45","guid":{"rendered":"https:\/\/2024.macd.work\/phoebe\/?p=393"},"modified":"2023-12-12T14:29:07","modified_gmt":"2023-12-12T14:29:07","slug":"blog-03","status":"publish","type":"post","link":"https:\/\/2024.macd.work\/phoebe\/2023\/12\/05\/blog-03\/","title":{"rendered":"Task 03_From Ideas to Reality: Navigating the Prototyping Journey"},"content":{"rendered":"
\n
<\/div>\n\n\n
\"\"<\/figure>\n\n\n

Google for Startups YouTube channel [Date Accessed: 05 December 2023]<\/p>\n\n\n

\n
Video 1: Sketching<\/a><\/div>\n\n\n
Video 2: Digital<\/a><\/div>\n\n\n
Video 3: Native<\/a><\/div>\n<\/div>\n\n\n

Turning ideas into tangible products requires a journey through various prototyping methods. At Google, UX Researcher Todd Hausman emphasizes the importance of putting ideas in front of people early on to assess their value. In the three-part video series, teams at Google introduces various prototyping methods, from sketching and paper prototyping to digital and native prototyping.<\/p>\n\n\n

The journey begins with sketching and paper prototyping, highlighting the versatility of sketching in outlining user flows, exploring layouts, and creating wireframes. Interaction Designer Mariam Shaikh emphasizes the speed and efficiency gained by flushing out ideas on paper before diving into digital tools.<\/p>\n\n\n

The series then delves into digital prototyping using tools like Principle, demonstrating how to create interactive experiences without coding. Chris, a UX Engineer at Google, showcases the process of building a basic e-commerce app prototype, emphasizing the tool’s features for scrolling, transitions, and animations.<\/p>\n\n\n\n

\n
\"\"<\/figure>
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n

Google for Startups YouTube channel. Available from: https:\/\/www.youtube.com\/watch?v=KWGBGTGryFk<\/a> [Accessed: 05 December 2023]<\/p>\n\n\n

The narrative progresses to native prototyping, where the focus shifts to writing code for a more realistic user experience. The video emphasizes the importance of understanding the technology ecosystem, exploring libraries and frameworks, and leveraging real devices, data, and users. Following the exploration phase, validation becomes crucial. The series encourages seeking user feedback early in the product lifecycle, using native prototypes to identify features that resonate with users. Prototypes become a valuable tool for storytelling, whether presenting to stakeholders or users, prototypes become powerful tools to convey the vision effectively. <\/p>\n\n\n

In conclusion, the prototyping journey involves experimenting with various tools, iterating through design and validation, and ultimately finding the sweet spot that resonates with the audience. The key takeaway is to integrate prototyping seamlessly into the workflow, building better products that users will love.<\/p>\n\n\n

\"\"<\/figure>\n\n\n

Google for Startups YouTube channel. Available from: https:\/\/www.youtube.com\/watch?v=lusOgox4xMI<\/a> [Accessed: 05 December 2023]<\/p>\n\n\n

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – <\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>
\n

Useful resource: <\/strong><\/p>\n\n\n

The ultimate guide to prototyping<\/a><\/strong><\/p>\n\n\n

Justinmind YouTube channel [Date Accessed: 05 December 2023]<\/p>\n\n\n\n

\n
Find Out<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n

This animated video of just over five minutes accurately describes the different stages, necessity and preparatory work of prototyping. From my perspective, on the one hand, this video could be a good learning resource for designers with less relevant experience. On the other hand, it could also be used to persuade relevant departments to carry out prototyping in the workplace.<\/p>\n\n\n

Designing web and mobile app prototypes is crucial for efficient development. Prototypes, replicas without code, showcase the final UI and interactions, aiding communication with users and developers. User testing on prototypes ensures the intended user experience. Prototyping before coding prevents costly reworks, accelerates time to market, and results in more user-friendly products. <\/p>\n\n\n\n

\n
\"\"<\/figure>
\n

There are different prototype types based on fidelity, ranging from basic paper sketches to advanced high-fidelity designs which include advanced interactions and UI design.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>
\n

Before prototyping, conduct user research, define project requirements, and establish information architecture.<\/p>\n<\/div>\n<\/div>\n\n\n

It is generally recommended to start with a low-fidelity prototype and gradually add interactivity and advanced UI design, but it is still necessary to decide the starting point based on the needs of the team. Prototyping fosters collaboration, iteration, and a shared team vision, making it an essential step in the development process. <\/p>\n\n\n\n

\n
\n

“Prototyping is a collaborative experience they break up silos and help keep everyone on your team on the same page”      <\/em><\/p>\n\n\n

–   Justinmind<\/em><\/em><\/p>\n<\/div>\n

\"\"<\/figure>\n<\/div>\n\n\n

The ultimate guide to prototyping. Available from: https:\/\/www.youtube.com\/watch?v=PJebP81wTXc<\/a> [Accessed: 05 December 2023]<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Google for Startups YouTube channel [Date Accessed: 05 December 2023] Turning ideas into tangible products requires a journey through various prototyping methods. At Google, UX Researcher Todd Hausman emphasizes the importance of putting ideas in front of people early on to assess their value. In the three-part video series, teams at Google introduces various prototyping methods, from …<\/p>\n","protected":false},"author":39,"featured_media":415,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_vp_format_video_url":"","_vp_image_focal_point":{"x":0,"y":1},"footnotes":""},"categories":[32],"tags":[],"class_list":["post-393","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-semester-1"],"_links":{"self":[{"href":"https:\/\/2024.macd.work\/phoebe\/wp-json\/wp\/v2\/posts\/393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2024.macd.work\/phoebe\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2024.macd.work\/phoebe\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2024.macd.work\/phoebe\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/2024.macd.work\/phoebe\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":30,"href":"https:\/\/2024.macd.work\/phoebe\/wp-json\/wp\/v2\/posts\/393\/revisions"}],"predecessor-version":[{"id":551,"href":"https:\/\/2024.macd.work\/phoebe\/wp-json\/wp\/v2\/posts\/393\/revisions\/551"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2024.macd.work\/phoebe\/wp-json\/wp\/v2\/media\/415"}],"wp:attachment":[{"href":"https:\/\/2024.macd.work\/phoebe\/wp-json\/wp\/v2\/media?parent=393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2024.macd.work\/phoebe\/wp-json\/wp\/v2\/categories?post=393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2024.macd.work\/phoebe\/wp-json\/wp\/v2\/tags?post=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}