![Page 1: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/1.jpg)
CONSUMER & ENTERPRISE PRODUCT DESIGN TRENDS 2014
Get a Hackathon PROTOTYPE for product ideas
______________________________
V1.0
![Page 2: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/2.jpg)
Agenda
1. Overview - Business & product ecosystem
2. Challenges – Digital product streams
3. Prototype
4. Why a Hackathon –And how do we do it?
5. Need for a prototype
6. Work Examples
7. Q & A…
![Page 4: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/4.jpg)
Meeting customer’s goals drives products, which leads businesses.
Overview – Business & Product Ecosystem…
ProductExperience BusinessMarketing
![Page 5: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/5.jpg)
An Interactive sample of
How the product - will look like- behave- And becomes a very essential tool to get feedback or learn from the users and stakeholders.
Overview – What’s a Prototype?
Product Prototype
![Page 7: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/7.jpg)
A Product has multiple environments where users access it.
Tablet
Wearable
Desktops / Laptops
Smartphones
Challenges – Digital product streams…
![Page 8: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/8.jpg)
Website / Web App
Medium & Large Screens Tablets & Smartphones
Challenges – Digital product streams…
App
Design Principle - Adaptive Experience
![Page 9: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/9.jpg)
Wearable Technology
Challenges – Digital product streams…
Design Principle - Lively Experience
![Page 10: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/10.jpg)
Its important to have the competitive yet right experience design of the product. as experience being the bridge between the user and the
products.
Tablet
Wearable
Desktops / Laptops
Smartphones
Challenges – Digital product streams…
![Page 15: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/15.jpg)
Global brief to all stakeholders. Declaring a hackathon initiates the importance of research ahead.
Why a Hackathon for Prototype?And how do we do it?…
![Page 17: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/17.jpg)
Initial brief to the stakeholders (Researcher, Interaction Designer, UI Designer, UI Developer,
Technical Lead, Content Strategist etc.,).
Why a Hackathon for Prototype?And how do we do it?…
![Page 18: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/18.jpg)
Brings everyone's ideas to the light and makes way to evangelize and innovate.
Why a Hackathon for Prototype?And how do we do it?…
![Page 19: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/19.jpg)
Defined(Imp. Journey screens) goals are met, and timeline defined.
Why a Hackathon for Prototype?And how do we do it?…
![Page 20: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/20.jpg)
Ideas converted to sketches and Low-fi prototypes are evaluated by all stakeholders.
Why a Hackathon for Prototype?And how do we do it?…
![Page 21: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/21.jpg)
Arriving at visual designs of the screens.
Why a Hackathon for Prototype?And how do we do it?…
![Page 22: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/22.jpg)
Hackathon day ends. Visual designs moves to prototype building desk. And prototype gets ready as an evaluation tool.
Why a Hackathon for Prototype?And how do we do it?…
![Page 24: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/24.jpg)
1. Helps to experience the product even before its rolled out to next
steps
Need for a Prototype…
![Page 25: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/25.jpg)
2.It’s still a design and strategy stage, there’s a lot of room for
improvement and get the first time product roll-out right.
Need for a Prototype…
![Page 26: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/26.jpg)
3.Helps every product team member to evaluate and develop the
product with a visualized understanding.
Need for a Prototype…
![Page 27: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/27.jpg)
4.Helps Business/Product owners achieve the envisioned product and
plan the phasic roadmap based on the feedbacks.
Need for a Prototype…
![Page 28: Get a Hackathon Prototype for New Product Ideas - UI UX](https://reader034.vdocument.in/reader034/viewer/2022052301/549871a4ac7959042e8b5611/html5/thumbnails/28.jpg)
5.Helps to present as a keynote to funding/investment teams.
Need for a Prototype…