26
BEYOND BASICS OF UX Presented by Marlin Jayakody Manager UI UX – ExcelSoft Global

Beyond basics of_ux

Embed Size (px)

Citation preview

BEYOND BASICS OF UX

Presented by

Marlin JayakodyManager UI UX – ExcelSoft Global

.

#ui-uxworkflow

Even the Ninja Turtles

have them

Contact [email protected] 8

Contact [email protected] 10

Contact [email protected] 11

Contact [email protected] 13

“We are in the age of experience”Jared Spool (2007)

#ux-beyondbasics

“That’s all great but,how do you actually do it?”

IT’S EASY AS 123

#ux-beyondbasics

5 STEPS TO ACHIEVE GOOD UX

#ux-beyondbasics

1.STRATEGY2.SCOPE

3.STRUCTURE4.SKELETON5.SURFACE

#ui-uxworkflow

STRATEGY

Find out the objectives of the application and

what will be the business needs of the target

user.

Discuss about the branding of the product and

how it will reach to our clients,

Creating personas after basic interviews with

the users and identify user needs and how they

are used to work in their environment.

Look at the industry standards and what are the

levels and the standard of your competitors.

#ux-beyondbasics

SCOPE

Functional Specifications: Discussing

the Functionalities of the product.

Technical requirements: The

technology which is used to achieve the

proposed functionality, Limitations and

Possibilities.

Content requirements: The content

elements of the system. What the user

needs exactly and how we are going to

include the content which will speak to

the user.

#ux-beyondbasics

Insert image

SCOPE

Using the MUSCW method Prioritize

functionalities and features of the product.

Must – Things must be done in the

current version.

Should – do it if the time allows it.

Could – what could we do to make it

better.

Won’t – won’t do it at the moment.

#ux-beyondbasics

Insert Image

STRUCTURECreating user flow diagrams of the

project.

Scenarios of the use of the

software: in some cases we can

speak about the different scenarios

which the software might be used by

explaining through story boards.

Literature - what language we are

using in the application.

#ux-beyondbasics

Insert image

UI Wireframe design.

Information

Architecture.

Alterations of the

design.

#ux-beyondbasics

VISUAL DESIGN Skeleton

VISUAL DESIGN Surface

Insert image

Selecting icons and

colors .

Style Guides.

Front end Development.

#ux-beyondbasics

EVALUATE & IMPROVE

User Testing

Track real world usage

Continuous improvement

#ux-beyondbasics

Insert image

#ux-beyondbasics

www. uxcolombo.org

[email protected]

www.facebook.com/uxcolombo@UXColombo

WE ARE HERE TO HELP

THANKS FOR TOLERATING

For any questions tweet me on

@MarlinJayakody