Mobile App Prototyping

This slide deck was used in mobile app prototyping meetup of Pune Mobile Developers. https://www.meetup.com/Pune-Mobile-Developers/events/249315321/ TO watch the recording of the video checkout our youtube channel https://www.youtube.com/channel/UC7w3W2maSQFAuWXVHath8Ww

Transcript

1. Copyright ©2016 Talen5ca So8ware (I) Pvt Ltd. All rights reserved. Mobile App Prototyping Concept 2 Market – episode 02 -  Manoj Singh -  Rahul Kulkarni
2. Copyright © 2016 Talen5ca So8ware (I) Pvt Ltd. All rights reserved. Copyright ©2016 Talen5ca So8ware (I) Pvt Ltd. All rights reserved. 2 Guidelines •  Cell phones in silent mode •  No ungentlemanly conduct please –  No abuse of Wi-Fi or other resources –  Respect fellow members •  Suggestions are welcome •  It is an open session, ask your questions anytime, unless specified otherwise.
3. Copyright © 2016 Talen5ca So8ware (I) Pvt Ltd. All rights reserved. Copyright ©2016 Talen5ca So8ware (I) Pvt Ltd. All rights reserved. 3 Pune Mobile Developers •  Started in August 2013. Part of Google Developer Communities since Jan 2017. •  “Increase awareness of fast growing mobile technology among Developers” •  Currently has 4500+ members •  35 meetups so far
4. Copyright © 2016 Talen5ca So8ware (I) Pvt Ltd. All rights reserved. Copyright ©2016 Talen5ca So8ware (I) Pvt Ltd. All rights reserved. 4 Announcements •  Volunteers •  Collaborative projects
5. Copyright © 2016 Talen5ca So8ware (I) Pvt Ltd. All rights reserved. Copyright ©2016 Talen5ca So8ware (I) Pvt Ltd. All rights reserved. 5 C2M meetup series •  Cover all the phases of app development. •  Learn the 2 dominating players in the market. •  Create same app on Android and iOS (in parts). •  Take your first step towards becoming complete mobile developer. •  Learn from the community.
6. 02 APRIL 2018 DESIGN PROCESS
7. USERS INFORMATION ARCHITECTURE CONTENT Process | DISCOVER CONTEXT Business VISION GOALS VALUE PROFILE NEEDS DETERRENT FORMATS STRUCTURE PRIORITIES
8. Process | DISCOVER Example: Business Context Example: User Personas NEEDS PROFILE • Looking for diverse options and compare • Due to time constraint, he needs to decide quickly • Easy payment process • Looking for offers and discounts DETERRENT • Unable to find the right combination of activities • Confusing and varying price ranges • Confusing way of booking for large group • Difficulty in comparing packages USER PERSONAS • Impulsive online shopper • Bucket list of activities and adventurous experience to fulfill • Loves hiking, biking, rock climbing, adventure sports • Familiar with modern web interfaces • Search from numerous websites and options Michael Sullivan 32 yrs, IT Executive VISION • Bring borrowers, Lenders and Brokers on the same platform • Loan/Project Data and Document Collection • Analytics Data GOAL • Key marketplace for users to collect and submit data • Generate reports VALUE • Stores data and documents • Reduce the wait time for loan processing • Keep a track of activities and communication
9. SITE MAP & NAVIGATION Process | DESIGN Making Sense of the Data INFORMATION GROUPING USE CASES TASK FLOWS WIREFRAME Low Fidelity WIREFRAME High Fidelity VISUAL DESIGN
10. Example: Information Grouping Example: Task Flow Process | DESIGN SPONSORS PROJECTS TEAM ROLES/FIRMS PERSONAL INFO PRIMARY COMPANY INFO AFFILIATE COMPANY INFO SUPPORTING FIRMS FINANCES LIBRARY REPORTS PERMISSION PROPERTIES TASK FLOW | SPONSORS a. Create New Project Login Landing Page Add Project Add Form Create Project Select Lender Submit Basic Advance Project Details + Scope Add Team & Permission Select - Basic or Advance
11. Process | DESIGN Example: Low Fidelity Wireframe Example: High Fidelity Wireframe
12. Example: Visual Moodboard Example: UI Style Guidelines Process | DESIGN
13. Process | DEVELOP & DEPLOY QA TEAM DESIGN TEAM Testing & Validation UI SPECIFICATIONS USABILITY TESTING DEVELOPMENT TEAM
14. Our Design Process Discover Understand Design Goals User Study Analysis Taskflow Ideation Story- boards IA Wireframes Theme Design Design Details Concept Design Evaluate Iterate Iterate Discovery (Research & Analysis) UI Design Validate UI Development START Deliver Evaluate Iterate Evaluate Design Deploy
15. Thank You! © Talentica Software Pvt. Ltd.