SLIDE 1
PORTFOLIO WALKTHROUGH
BY AKSHAY POTNIS
MUFFIN - WHAT IS IT?
A set of tools that helps people plan and manage small meetups, get togethers, birthday parties and much more.
PORTFOLIO WALKTHROUGH BY AKSHAY POTNIS MUFFIN - WHAT IS IT? 2 A - - PowerPoint PPT Presentation
PORTFOLIO WALKTHROUGH BY AKSHAY POTNIS MUFFIN - WHAT IS IT? 2 A - - PowerPoint PPT Presentation
1 PORTFOLIO WALKTHROUGH BY AKSHAY POTNIS MUFFIN - WHAT IS IT? 2 A set of tools that helps people plan and manage small meetups, get togethers, birthday parties and much more. 3 MUFFIN - WHO IS THE TARGET AUDIENCE? 20 - 30 Y AGE GROUP -
SLIDE 2
SLIDE 3
2G flaky networks, no 3G access. Low end phones, limited memory Mobile data is limited. Data is Money.
60 M
DAILY MOBILE INTERNET USERS
20 - 30 Y
AGE GROUP - YOUTH
2 / 3 TIER
CITIES IN INDIA
MUFFIN - WHO IS THE TARGET AUDIENCE?
3
SLIDE 4
Reliable & Robust Memory Sensitive Scalable Data Sensitive
60 M
DAILY MOBILE INTERNET USERS
20 - 30 Y
AGE GROUP - YOUTH
2 / 3 TIER
CITIES IN INDIA
MUFFIN - USER GOALS
4
SLIDE 5
WHAT AM I GOING TO PRESENT TODAY?
4
MUFFIN INITIAL WORKFLOW
DOWNLOAD
the app from App store / Google play
PROFILE
Fill in profile details, name, Bdate etc
VERIFY
your idenity using One Time Password
- n mobile number
ONBOARDING
- f basic features of
app
1. 2. 3. 4.
Keeping the target audience constraints in mind
SLIDE 6
WHY PIN VERIFICATION ?
5
PRODUCT GOAL WHY NOT?
Identity management Security
BUSINESS GOAL
Privacy Utilize the number to push deals To push important content
SLIDE 7
6
DESIGN PROCESS
BG RESEARCH + USER STUDIES WIREFRAMING PROTOTYPE A/B TESTING VISUAL DESIGN DEV HANDOFF
ITERATIONS TESTING INSIGHTS DESIGN INSIGHTS / GOALS PRODUCT GOALS
SLIDE 8
BACKGROUND RESEARCH
Competitive analysis + Domain research How do they handle ? Identifying existing design patterns to see if we can adopt some while attempting to create new ones
7
SLIDE 9
RESEARCH INSIGHTS
List of the most important research insights Visibility of System Status User control & Freedom
Use of Timer Explicit state feedback Error handling
8
SLIDE 10
USER STUDIES
20 users, balanced on tech savvyness & gender
I have two phones. Automatic detection
- f pin fails if I use both phones
interchangibly. OTP is a really quick way. I am so used to it, that I can breeze through without thinking. I usually get errors that say “Request timed out.” I have no idea what that means.
USER 13 , M | 4/5 | 23 USER 4, M | 3/5 | 30 USER 14 , F | 5/5 | 27 USER 19 , F | 3/5 | 25
Sometimes messages dont reach, but I can still recieve calls. Call me really helps in such cases.
9
SLIDE 11
DESIGN A MOBILE PIN VERIFICATION WITH
DESIGN RATIONALE
10
USER GOAL
Data sensitive Memory Sensitive Scalable Reliable
DESIGN GOAL
Visbility of system status User control and freedom
RESEARCH INSIGHT
Better error handling
SLIDE 12
INITIAL WIREFRAMING
Iteration 1
- 1. Enter country and
number
- 3. Enter code / automatic
detection
- 4. Verifying code
- 5. Verification done
System status User Control System status
11
SLIDE 13
INITIAL WIREFRAMING
Handling failure states
User control Error handling
E.1 Verification failed E.2 Internet problem
Error conditions - No wifi / data connection. Disconnected. Poor wifi / taking time.
12
SLIDE 14
VISCERAL PROBLEMS R
- b
u s t n e s s
13
INSIGHTS - TESTING ITERATION 1
1
2 3
VISCERAL PROBLEMS
Low hanging fruits - Readily visible Unnoticed errors in understanding Content Errors Design - Development Mismatch
SLIDE 15
CONTENT DESIGN PROBLEMS
People are habituated to relating to certain words and have formed mental models around them. Wording is essential is such cases.
13 14
SLIDE 16
BEHAVIORAL PROBLEMS R
- b
u s t n e s s
15
INSIGHTS - TESTING ITERATION 2
2
3
- 2. BEHAVIORAL PROBLEMS
Interaction based, flow related Hamper the flow of understanding Spread across multiple steps
SLIDE 17
Bring the timer next to the object in question and give relevant options a!er that - People are okay waiting for that time.
TIMER IS NOT IN THE RIGHT PLACE
The timer was a way of making people wait untill the sms gets delivered. Intead, they clicked on Resend SMS without waiting for it to finish.
16
SLIDE 18
CONTEXTUAL PROBLEMS R
- b
u s t n e s s
17
INSIGHTS - A/B TESTING ITERATION 3
3
- 3. CONTEXTUAL PROBLEMS
Environment based Scenario dependent At that time, at that place
SLIDE 19
LACK OF FRONT LOADING
Front loading the important information was lacking, but became apparent when put in the hands of the users.
18
SLIDE 20
80%
PROBLEMS
20%
PROBLEMS R
- b
u s t n e s s
19
SYNTHESIS
4
20 % PROBLEMS 800 varieties of Android phones Contexts that you cannot capture Deal as they come
SLIDE 21
VISUAL DESIGN | LANGUAGE
Small, quirky, but important details | Visual Empathy
VISIBILITY OF SYSTEM STATUS SCALABLE DESIGN
124568 124568
Normal state Pin not entered Full width button for better tappable area 640 * 360 phones and above 640 * 360 below Pin entered In focus / tapped on
VERIFY PIN VERIFY PIN VERIFY PIN VERIFY PIN VERIFY PIN
1 2
Design Rationale
20
SLIDE 22
VISUAL DESIGN
Small, quirky, but important details
21
1
DEFAULT SYSTEM ICONS Available as a part of Android OS. Saves memory / App size Faster rendering Less memory footprint Faster rendering Supported on most android devices Google lossy compressed 3 times lighter than PNG SVG LINE ILLUSTRATIONS
2
WEBP IMAGES
3
SLIDE 23
HANDOFF
Giving it to the developers
22
1 2
SIZES & SPACINGS
Generic ones covered by the style guide, but not all. Evolve as the design progresses.
PROPERTIES
SLIDE 24
SOME LAST THOUGHTS
If you dont introspect, you are not a designer
23
Praised for quickness, experience and memory efficiency with a rating of 4.8 on App Store Defining principles, design goals keeps you on track, tending to the user needs. Respect your team, developers and managers and the team shall respect you.