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 - YOUTH 2G flaky networks, no 3G Mobile data is limited. access. Data is Money. 2 / 3 TIER CITIES IN INDIA Low end phones, limited 60 M memory DAILY MOBILE INTERNET USERS

4 MUFFIN - USER GOALS 20 - 30 Y Reliable & Robust Data Sensitive AGE GROUP - YOUTH 2 / 3 TIER CITIES IN INDIA Memory Sensitive 60 M Scalable DAILY MOBILE INTERNET USERS

WHAT AM I GOING TO PRESENT TODAY? 4 Keeping the target audience constraints in mind MUFFIN INITIAL WORKFLOW 1. 2. 3. 4. DOWNLOAD PROFILE VERIFY ONBOARDING the app from App Fill in profile details, of basic features of your idenity using store / Google play name, Bdate etc app One Time Password on mobile number

5 WHY PIN VERIFICATION ? PRODUCT GOAL BUSINESS GOAL Identity management Privacy Security Utilize the number to push deals To push important content WHY NOT?

6 DESIGN PROCESS ITERATIONS PRODUCT GOALS BG RESEARCH + PROTOTYPE WIREFRAMING USER STUDIES A/B TESTING DESIGN INSIGHTS / GOALS TESTING INSIGHTS DEV HANDOFF VISUAL DESIGN

BACKGROUND RESEARCH 7 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

RESEARCH INSIGHTS 8 List of the most important research insights Visibility of System Status User control & Freedom Use of Timer Explicit state feedback Error handling

USER STUDIES 9 20 users, balanced on tech savvyness & gender USER 13 , M | 4/5 | 23 USER 19 , F | 3/5 | 25 OTP is a really quick way. I am so used I usually get errors that say “Request to it, that I can breeze through without timed out.” I have no idea what that thinking. means. USER 4, M | 3/5 | 30 USER 14 , F | 5/5 | 27 I have two phones. Automatic detection Sometimes messages dont reach, but I of pin fails if I use both phones can still recieve calls. Call me really interchangibly. helps in such cases.

DESIGN RATIONALE 10 DESIGN A MOBILE PIN VERIFICATION WITH USER GOAL DESIGN GOAL RESEARCH INSIGHT Data sensitive Visbility of system status Better error handling Memory Sensitive User control and freedom Scalable Reliable

INITIAL WIREFRAMING 11 Iteration 1 1. Enter country and 3. Enter code / automatic 4. Verifying code 5. Verification done number detection System status System status User Control

INITIAL WIREFRAMING 12 Handling failure states E.1 Verification failed E.2 Internet problem Error handling Error conditions - No wifi / data connection. Disconnected. Poor wifi / taking time. User control

INSIGHTS - TESTING ITERATION 1 13 VISCERAL PROBLEMS Low hanging fruits - Readily visible Unnoticed errors in understanding VISCERAL 1 3 2 PROBLEMS Content Errors Design - Development Mismatch s s e n t s u b o R

CONTENT DESIGN PROBLEMS 13 People are habituated to relating to certain words and have formed mental models 14 around them. Wording is essential is such cases.

INSIGHTS - TESTING ITERATION 2 15 2. BEHAVIORAL PROBLEMS Interaction based, flow related Hamper the flow of understanding BEHAVIORAL 2 3 PROBLEMS Spread across multiple steps s s e n t s u b o R

TIMER IS NOT IN THE RIGHT PLACE 16 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. Bring the timer next to the object in question and give relevant options a ! er that - People are okay waiting for that time.

INSIGHTS - A/B TESTING ITERATION 3 17 3. CONTEXTUAL PROBLEMS Environment based Scenario dependent CONTEXTUAL 3 PROBLEMS At that time, at that place s s e n t s u b o R

LACK OF FRONT LOADING Front loading the important information was lacking, but became 18 apparent when put in the hands of the users.

SYNTHESIS 19 20 % PROBLEMS 800 varieties of Android phones 80% Contexts that you cannot capture 4 Deal as they come PROBLEMS s s e n t s u b o R 20% PROBLEMS

VISUAL DESIGN | LANGUAGE Design Rationale 20 Small, quirky, but important details | Visual Empathy VISIBILITY OF SYSTEM STATUS 1 124568 124568 Normal state In focus / tapped on VERIFY PIN VERIFY PIN Pin not entered Pin entered SCALABLE DESIGN 2 VERIFY PIN VERIFY PIN Full width button for better 640 * 360 phones and above tappable area VERIFY PIN 640 * 360 below

VISUAL DESIGN 21 Small, quirky, but important details 1 DEFAULT SYSTEM ICONS Available as a part of Android OS. Saves memory / App size Faster rendering WEB P IMAGES 3 Google lossy compressed 3 times lighter than PNG 2 SVG LINE ILLUSTRATIONS Less memory footprint Faster rendering Supported on most android devices

HANDOFF 22 Giving it to the developers 1 SIZES & SPACINGS PROPERTIES 2 Generic ones Evolve as the design covered by the style progresses. guide, but not all.

SOME LAST THOUGHTS 23 If you dont introspect, you are not a designer Praised for quickness, experience and memory e ff iciency 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.