31
Product Professionals Networking Meet Hyderabad

Usability & Interface Design for HiTech Products

Embed Size (px)

DESCRIPTION

Slides from the Product Professionals Networking event hosted by AIPMM and Adaptive Makreting in Hyderabad, India on Feb 3rd.Usability & Interface Designwww.adaptivemarketing.in

Citation preview

Page 1: Usability & Interface Design for HiTech Products

Product Professionals

Networking Meet

Hyderabad

Page 2: Usability & Interface Design for HiTech Products

2

Training

Train and certify product professionals for accelerated

career growth

Consulting

Helping companies launch new product lines and scale

existing ones throughout the product lifecycle with

predictable success.

Execution

Integrate with client’s management team and help set

and execute product strategy

We consult with companies and train

professionals on ―productizing‖

Page 3: Usability & Interface Design for HiTech Products

3

Open

Workshops

Adaptive

Product

Management

Professional

Adaptive

“Productizing”

Essentials for

Engineers

Adaptive

Workshop on

Agile

Adaptive

Workshop on

Interface

Usability &

Design

Duration 5 days 2 days 1 day 2 days

Audience 5+ years

experience in

product

company

5+ years

experience.

Engineers, Project

Managers,

Architects

Product Owners,

Scrum Masters,

Product Managers

UX Designers,

Product Managers,

Architects, Dev/QA

Leads

Focus Best Practices

for Product

Management,

Marketing,

Business Plan,

Social Media.

Career

transformation.

Developing a

customer &

business context

around building

products.

Understand P&L,

Business plan,

success metrics

Agile

Management, User

Stories creation,

Roadmapping,

Acceptance

Planning

User Experience

Design, Usability

Audits. Interaction

Design, Visual

Validation of New

Product Innovation

Certification AIPMM, USA

Certification

(CPM/CPMM)

Adaptive Product

Professional

Certification

Adaptive Product

Professional

Certification

Adaptive Product

Professional

Certification

Page 4: Usability & Interface Design for HiTech Products

What is Usability and 5 reasons as to why

do we care about it?

5 observations on Usability that might not

be obvious

5 Phases for the Usability Design

Q&A/Discussion

Page 5: Usability & Interface Design for HiTech Products

The extent to which a product can be

used by specific users to achieve

specified goals with

• Effectiveness

• efficiency and

• satisfaction

in a specified context of use

ISO 9241-11 1998 definition

Page 6: Usability & Interface Design for HiTech Products

Reduced Cost

Delight means more Dollars

Sustainable Differentiation

Builds Higher Brand Equity

Increase user productivity and

efficiency

Page 7: Usability & Interface Design for HiTech Products

20,000 downloads of

ProtectionPilot over a

10-week time span

generated only 170

calls to McAfee's

support lines—approx.

one-tenth the

expected volume.

Third of those support

calls were actually

pre-sales questions

7

Page 8: Usability & Interface Design for HiTech Products

Blockbuster product that changed fortune of the company

User Experience design was the cutting-edge

Thinnest clam shell phone that became huge hit when it was launched in 2003

8

Page 9: Usability & Interface Design for HiTech Products

9

60% increase in

overall product

revenues 3x increase

in market share from developed

countries

Page 10: Usability & Interface Design for HiTech Products

Unusability sometimes stands out

Structurally Correct

doesn’t mean

functionally usable

Page 11: Usability & Interface Design for HiTech Products

Accepting a mental model

Breaking Mental

Models is hard but

done rightly it

produces

DELIGHT!

Page 12: Usability & Interface Design for HiTech Products

Adapting from featurism to delight

Functions in a Microwave appliance • 5 Way cooking( M+G+C+MG+MC)

• 8 Auto Cook

• 4 Auto Defrost

• 3 Auto Roast

• 5 power level Control

• Clock function

• Child lock function

• Ferment function

Page 13: Usability & Interface Design for HiTech Products

Hint: They are all Apple products

Page 14: Usability & Interface Design for HiTech Products

Understand your Personas

Personas are fictitious yet representation of your market segment

Buyer vs User Persona Study of

• Needs - What people need to make their life easier

• Desires - What they want (does not equate to what they need)

• Abilities - What they can understand and do

• Methods - How they do things now

Page 15: Usability & Interface Design for HiTech Products

ATMs as a money depositor!

NCR ATM

• Study done for low-literacy,

low-income group – small

traders & professionals

• Friendlier than the cashier

• Cash deposit system rather

cash withdrawal system

Page 16: Usability & Interface Design for HiTech Products

Simple vs Powerful

Usability is in

context of the

Persona

What is more

usable – simple

or powerful?

Page 17: Usability & Interface Design for HiTech Products

Get the Mental Model right

Page 18: Usability & Interface Design for HiTech Products

Good Read: Diffusion of Innovation by

Everett Rogers

Page 19: Usability & Interface Design for HiTech Products

Weaving Usability Design into the

Product Development Process

Non-conformities are costliest in a

development cycle

Visual mockups vs. textual specifications

Sustaining Launch Verification Development Planning Concept

$2x $20x $50x $100x $500x

Page 20: Usability & Interface Design for HiTech Products

Product Management

Product Design

Technology Innovation

Ideal Architectures

Performance, Efficiency

Product Engineering

User Research

User-Centered Design

Design Evaluation

Market led Innovation

Customer requirements

Business propositions, ROI’s

Page 21: Usability & Interface Design for HiTech Products

A Method to this Madness

Ideation Market Problems

Visual Validation

Information Architecture

Design Layout

Design Styling

Page 22: Usability & Interface Design for HiTech Products

A Method to this Madness

Wireframe

Mockups

Click Through Demos

Prototypes

Tools: Balsamiq, Excel,

Axure, Powerpoint

Ideation Market Problems

Visual Validation

Information Architecture

Design Layout

Design Styling

Page 23: Usability & Interface Design for HiTech Products

A Method to this Madness

• IA = Chaos Order

• Logical Grouping

• Structure, Hierarchies

• Feature Exposure

• Object based, Task

Based, User Based

Ideation Market Problems

Visual Validation

Information Architecture

Design Layout

Design Styling

Page 24: Usability & Interface Design for HiTech Products

Chaos Organization

Delta airlines

Book a Trip

CheckIn

Flight Status

My Trips

Ideation Market Problems

Visual Validation

Information Architecture

Design Layout

Design Styling

Page 25: Usability & Interface Design for HiTech Products

Chaos Organization

Structure might not scale as inventories grow

Ideation Market Problems

Visual Validation

Information Architecture

Design Layout

Design Styling

Page 26: Usability & Interface Design for HiTech Products

A Method to this Madness

• Navigation

• Viewing Patterns

• Gestalt Laws of

Human visual

perception

• Proximity

• Similarity

• Symmetry

• Continuity

• Closure

Ideation Market Problems

Visual Validation

Information Architecture

Design Layout

Design Styling

Page 27: Usability & Interface Design for HiTech Products

A Method to this Madness

Colors

Fonts – Mordern Casual Official

Typography

Graphics, Icons

Ideation Market Problems

Visual Validation

Information Architecture

Design Layout

Design Styling

Page 28: Usability & Interface Design for HiTech Products

UX as styling Define the visual elements that determine look of the application

UX as Process Design as a method integrated early into the development process

UX as Innovation Redefine product concepts based on user insights

Business Value

Page 29: Usability & Interface Design for HiTech Products

Usability is

not

measurable Simply talk to

the users

Usability is

common sense,

my QA

engineers can

take care of this.

Usability is

just visual

design of

screens

User Centered

Design (UCD) is

all about painting

pretty icons &

colorful images Features are more

important than

usability

improvements

Whats your favorite myth?

User-centered

design process

is time

consuming

Page 30: Usability & Interface Design for HiTech Products

[email protected]

LinkedIn Group ―Adaptive Marketing‖

Page 31: Usability & Interface Design for HiTech Products

Design of Everyday Things – Donald

Norman

Don’t make me Think

Inspired – Marty C.