UI Engineering - Rebooted

Adobe Flash Pla-orm Summit 2010, India. www.adobesummit.com

UI ENGINEERING Rebooted

August 27, 2010 udayms.wordpress.com | @udayms | linkedin.com/in/udayms | facebook.com/udayms 1

UDAY M. SHANKAR Bangalore 2010

• Prototyping at Yahoo! India

• 11 years in the UX/UI space

• Twitter - @udayms • LinkedIn – linkedin.com/in/udayms

• Facebook – facebook.com/udayms

What happened?

REMEMBER THE OLD WAYS OF DESIGN?

THINK OF THE NEW WAYS OF DESIGN

DESIGN IS EVOLVING. LET’S ADAPT

AS DESIGNERS, WE DESIGN UI

WHAT WE WANT USERS TO SEE

WHAT USERS ACTUALLY SEE

AND SOMETIMES, IT GETS SCARY

DON’T DESIGN UI. SOLVE PROBLEMS.

Adobe Flash Pla-orm Summit 2010, India. www.adobesummit.com Adobe Flash Pla-orm Summit 2010, India. www.adobesummit.com

How to solve those problems?

Start with a Prototype

Designers to get more tech-savvy

Understand that each application has a personality of its own

And…Follow 6 simple principles

1. Desktop or Browser

Many advantages on both fronts

Old motivators for moving to web is irrelevant in the context of RIAs

Don’t let legacy and current

trends decide this for you

Do it for the right reasons

2. Interact with user

Always keep user informed of what the software is doing

Display ‘information’, ‘error’ with appropriate icons and colors

Avoid ‘confirmation’ and ‘warning’

3. Forgiving UI

Do not punish the user for using your UI

Provide rollback wherever possible

Prevent user from making

mistakes rather than throwing warnings/errors later

Allow ‘reset’ to last known good state

4. UI Architecture

Architecture is not LAYOUT

De-Couple UI completely from backend

UI technologies are short-lived

Architect differently for web and desktop

5. Design Right

Many RIA designers have a tendency to get carried away

with the cool effects that’s

possible using RIA technologies

Possibility is not equal to Usability

Cool is not equal to Usable

6. Accessibility, i18n, l10n

Think about it in the beginning

Think about it while designing

Think about it while skinning

WOWS & WTFS

If you had to use this daily!

Stop bugging me

Talk sense or shut up!

Simple is not enough

Too much power in user’s hand

Forgiving UI

WOWS & WTFS: REAL WORLD

What Sme is it? Bad Time!

What would you do?

Why analog?

Lack of usability evaluaSon

Keep it clear

Remember

Design for users. Not for geeks!

REALITY CHECK

BROWSER WARS ARE BACK!

HTML5 / CSS3 ARE HERE TO STAY

THINK SOCIAL

Adobe Flash Pla-orm Summit 2010, India. www.adobesummit.com UI Engineering is

NOT about making screens

‘look’ better!

Email udayms@gmail.com Blog udayms.wordpress.com

Twitter @udayms flexed.wordpress.com References Google, Slideshare, Flickr

QuesSons?

UI Engineering - Rebooted

Technology

WebRTC Codec Wars: Rebooted

COLUMBIA ENGINEERING UX/UI BOOT CAMPmedia.trilogyed.com/Columbia/pdf/co_uxi_curric_04092020.pdfThe 24-week Columbia Engineering UX/UI Boot Camp is a challenging, part-time boot camp

Spring Rebooted

Cisco's Kevin Bloch at NBN: Rebooted

H H W - Life Rebooted

NBN: Rebooted - Assia's Dr John Cioffi

Prashant Dolas - adiavanti.comadiavanti.com/LTHEProjects.pdf · SharePoint Designer & UI UX Designer L & T Hydrocarbon Engineering . Work Profile of LTHE SharePoint Designer & UI

Book review - Microsoft rebooted

Federico Guillen at NBN: Rebooted

NBN: Rebooted - Economist Bronwyn Howell

Recruiting Relationships Rebooted

310414 UI DEVELOPMENT 1 USER INTERFACE DEVELOPMENT 310414 SOFTWARE ENGINEERING 310414 SOFTWARE ENGINEERING

KYACAC Millennial (and parents) Rebooted

Retail Rebooted

LEONARDO REBOOTED

20042018 - Brochure-NoMarks · Industrial UI/UX Design Machine learning IoT infrastructure engineering and design Industrial UI/UX Design Simulation and modelling Industrial UI/UX

Triple Vision TVR4000S - Life Rebooted

HCI 2015 (7/10) HCI Engineering. UI Evaluation. Models

HCI 2014 (7 of 10): HCI Engineering. UI Evaluation. Models

Academic Papers Dance Rebooted Rubidge