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 [email protected] Blog udayms.wordpress.com

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

QuesSons?


Technology

UI Engineering - Rebooted