UI & UX

Firefox OS

by

Salman Rahman Desh

Topics

> UX

> UI

> Role of UI & UX

> Building Blocks

UI  is not  UX

What is UX?

UX = User Experience

How user feels to use that particular product.

Strategy
 

 

Scope
 

 

Structure
 

 

Skeleton
 

 

Visual Design
 

 

UX

Strategy

Scope

Points

Structure

Skeleton

Visual Design

Example of good UX

This is a good UX

Number pad

Dial button

Call log

Contact list

Add new contact

Dial Screen

And this one

Five difference between each other

And this one also

Responsive

Example of Bad UX!

Seriously?

This is an Example

And this...

Even this...

What is UI?

UI = User Interface

What people use to interact with that product.

Creative Thinking

Mock Up

Graphics

Typography

Color

UI

Creative Thinking

Graphics

Open Sans

Arial

Noto Sans

Mock Up

Example of good UI

Example of Bad UI

Role of UI & UX

Building Blocks

Action Menu

Switches

Activity bar

Spinner

Seekbar

http://buildingfirefoxos.com

Thank you

Firefox OS UI & UX

By Salman Rahman Desh

Firefox OS UI & UX

  • 1,223