Usability vs Design – When Does One Trump the Other? AI (Alexander Interactive) and Saks Fifth Avenue
Upcoming SlideShare
Loading in...5
×
 

Usability vs Design – When Does One Trump the Other? AI (Alexander Interactive) and Saks Fifth Avenue

on

  • 1,904 views

I recently presented at the Internet Retailer Web Design Conference (IRWD) down in Orlando (Feb 13). The topic was "How to achieve harmony between usability and design". Special thanks to Jordan ...

I recently presented at the Internet Retailer Web Design Conference (IRWD) down in Orlando (Feb 13). The topic was "How to achieve harmony between usability and design". Special thanks to Jordan Lustig, from Saks Fifth Avenue, for joining me up on stage. We had a great time. Thank you all for joining us!

Statistics

Views

Total Views
1,904
Views on SlideShare
1,741
Embed Views
163

Actions

Likes
5
Downloads
69
Comments
0

4 Embeds 163

http://www.alexanderinteractive.com 99
http://www.linkedin.com 49
https://twitter.com 13
https://www.linkedin.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Usability vs Design – When Does One Trump the Other? AI (Alexander Interactive) and Saks Fifth Avenue Usability vs Design – When Does One Trump the Other? AI (Alexander Interactive) and Saks Fifth Avenue Presentation Transcript

  • USABILITY & DESIGNWHEN DOES ONE TRUMP THE OTHER?PRESENTED BYJosh Levine & Jordan Lustig April 5, 2012
  • DESIGN JOSH LEVINE CXO END-TO-END ECOMMERCE DESIGN & DEVELOPMENTFounded 2002, Independent • Manhattan • 50 Hands-On Employees • Transactional Expertise • IMA Top 10 Agency
  • UX JORDAN LUSTIGDIRECTOR OF PRODUCT MANAGEMENTOmni-Channel Luxury Retailer • Launched Saks.com in 2000 • New York Based • 46 Stores in 22 States • Dedicated to our Customers View slide
  • 2 YEARS AGO TODAY View slide
  • UsabilitySo what is it?
  • WHAT IS IT?THE EASE OF USEOF A HUMAN-MADEOBJECT.
  • WHY SHOULD YOU CARE?ON THE WEB,IT IS NECESSARYFOR SURVIVAL. Copyright: Jakob Nielsen’s Alertbox
  • IF YOUR SITE HASPOOR USABILITY,PEOPLE LEAVE.
  • HOW DO WECREATEUSABILITY?
  • LEARNABLE.1 On first encounter with an interface, it must be easy to accomplish basic tasks without needing to acquire new skill sets.
  • EFFICIENT.2 Customers achieve maximum productivity in minimum amount of time. Performing tasks can be accomplished easily and quickly.
  • FINDABLE.3 Locate what you are looking for, providing multiple ways of finding things.
  • MEMORABLE.4 What is learned on the first encounter is easily applied to other areas/tasks within the site and easily retained for subsequent visits.
  • FORGIVING.5 It is easy to recover. Errors don’t lead to a cascade of additional problems and wasted time.
  • Analytics WHAT User Testing MultivariateARE THE Prototyping TOOLS? Wireframes Surveys
  • DesignSo what is it?
  • WHAT IS IT?A SET OF PRINCIPLESCONCERNED WITHTHE NATURE ANDAPPRECIATION OFBEAUTY, ART, TASTE.
  • WHY SHOULD YOU CARE?CREATES ANEMOTIONALCONNECTION
  • WHY SHOULD YOU CARE?AND TELLS ACOMPELLINGSTORY.
  • HOW DO WECREATE GREATDESIGN?
  • Color TheELEMENTS Type Texture Imagery
  • Balance The UnityPRINCIPLES Contrast White Space Repetition
  • ULTIMATELY, GREAT DESIGN ESTABLISHESEmotional ConnectionBrand StoryVisual OrganizationCredibilityDelight
  • ARE USABILITYAND DESIGNREALLY AT ODDS?
  • U The beauty of the Web lies in “ its function, not its form, and I would rather that my sites attract attention because they are widely useful and usable than because they are pretty.
  • U While a high-quality site is “ important, the majority of people today value usability more than good looks or fanciness.
  • D Look after the design and “ usability will look out for itself.
  • D Attractive things “ work better.
  • DIRECT FROM FLORIDA WEDNESDAY RINGSIDE AT ORLANDO 1:30 PMDESIGN USABILITY
  • HarmonyDesign and Usability are not separateentities. Truly compelling experiencesconsist of harmonious balance.
  • AESTHETICS USABILITY FORM FUNCTION BEAUTY UTILITYHOW IT LOOKS HOW IT WORKS JOY OF USE EASE OF USE
  • BIG GUYS ARE CATCHING ONCOMPANIES NOTNORMALLY ASSOCIATEDWITH AESTHETICS,NO LONGER SACRIFICEFUNCTION FOR FORM.
  • SaksHow we found harmony.
  • CASE 1NAVIGATIONREDESIGN
  • BEFORE AFTER** Note: Need to replace this footer with final, live version **
  • BEFORE DESIGN Define roles & ownership. Business requirements. Dig in to data and brand. Create KPI’s and testing strategy.HOW WE DURING DESIGN Sketch before wires. DID IT Multiple iterations. Get management buy-in. AFTER DESIGN Test. Share findings. Measure and refine.
  • BUSINESS GOALS & REQUIREMENTSModernize design.Be more on brand.Maximize real estate.More flexibility.Fulfill long term strategies.Must integrate within existing site. ** Note: Need to replace this footer with final, live version **
  • ** Note: Need to replace this footer with final, live version **
  • ** Note: Need to replace this footer with final, live version **
  • DISPUTE IS INEVITABLE. AND HEALTHY.Stubborn IT folksSubjective executivesThe significant othersArrogant designersGrumpy product owners
  • CASE 2CATEGORYLANDING PAGES
  • BUSINESS GOALS & REQUIREMENTSMore flexibility for creative.Maximize real estate.Leverage opportunities with vendors.More editorialized content.Bring more emotion (too flat).
  • CASE 3MOBILECHECKOUT
  • MOBILE – CHECKOUT / OLD (jordan, do you have a screenshot of Step 1?)
  • MOBILE – CHECKOUT / NEW (Jordan, send me any updated screenshots)
  • So Who’sDoing ItRight?
  • BUT MOST OF ALL, DIFFERENTIATE
  • BEAUTIFUL ON THE INSIDE TOOCREATE A PLATFORMTO SHOWCASEYOUR PRODUCTS
  • KeyTakeaways
  • FACE ITUsability is Design.Design is having an effect onyour customers whether you areconsciously in control or not.Easy-to-use isn’t good enough.Design is what differentiates it.
  • PRACTICE ITEverything must have a purpose.Don’t let design decisionsinterfere with key UX principles.KPI’sClarify roles & responsibilities.
  • PROTECT ITEmpathize – treat your co-workers as partners.Debate. Move on. Test.
  • PREACH ITEveryone needs to be a brandchampion.Integrate into your culture.Style guides are crucial andconstantly evolve.
  • HarmonyJosh Levine jl@alexanderinteractive.comJordan Lustig jordan_lustig@s5a.com