Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Language of Interfaces

Des Traynor
September 15, 2011

The Language of Interfaces

Supporting blog posts
http://blog.intercom.io/writing-an-interface/
http://contrast.ie/blog/the-language-of-interfaces/

A presentation discussing the role of content in interfaces, what it influences, and why it is so important.

Des Traynor

September 15, 2011
Tweet

More Decks by Des Traynor

Other Decks in Design

Transcript

  1. The web is being rebuilt around people. The content is

    created by the people. Websites are turning into web-apps. A web-app is a gamble on content. The people use the interface to do this. Interfaces are the language of software. Language influences behaviour C.S. plays an integral part in app design We need to think skills not roles
  2. “Five y rs from now, ’ be no such g

    a webpage.” - Jim B l n
  3. F ums Netw ks Loc n-a s Pho -a s

    So al sho g FB a s W t A s?
  4. Y c trol 3 gs 1. T UI 2. T

    b nk s te 3.T C t t Defin n
  5. INSERT INTO tweets NEW TWEET VALUES ("11012314", "destraynor", "Just ate

    breakfast LOL!", "Dublin, Ireland"); Tw ng - Not so sexy now, ?
  6. I ve 281 fri ds Faceb k. But I w

    ldn’t cr s road say hi 240 m
  7. A simp solu w ld be k bo . QUal

    y ˒˒˒˒˒ Val : ˒˒˒ˑˑ
  8. “I w t squi y a pictu my kids. Y

    c squi me back a vi o y r vac n. T t's a s tw e exp i ce.”
  9. Peop wr e be “Lik ”. Peop tw t be

    tw t . Peop fo ow b s, c se numb s Y get c t t y s ve. So w t...
  10. Wireframe Visual Design Build Q.A. Release “Submit” “Submit” T sw

    s c e mo l fects C t t ’s “alright” surviv
  11. Wireframe Visual Design Build Q.A. Release OMG_REPLACE_ME Share T sw

    s c e mo l fects C t t ’s obv usly sh , usua y caught.
  12. W t do we say sc w us s click

    chive, but m sage w al ady chiv by some e ir t m so y c ’t d b chive. It’s not r , but same me didn’t , oh y h s w h c c l g emails w l, now I k ab t ...H . ” A typical c t t q n A typical q
  13. Who? New vs turn g P mium vs f e

    Adm vs gu r us “ev y us ”
  14. W t? C nge y r se g Upgra y

    r p n Th c ’t be d e Y d ’t ve p m s n
  15. T e

  16. T e C ual & fri dly Bus s gl

    h Abu tly c Cute & fu y
  17. Time “On next log ” “By email i t y”

    On sc raight away Dur g w k g h rs ir me z e
  18. How? By email? By sc fl h m sage Text

    a (space?) By SMS In ir c ds Aud effect
  19. Message for: Any user To tell them: They don’t need

    to archive, it’s already been done So they: Stop trying, and move on Displayed via: Flash box on app (60 char max) When: After user tries to archive already archived message Tone: Clear, personal, like a work colleague. Microcopy framew k
  20. R : Duplic e Archive E m sage al ady

    chiv Y c ’t chive a m sage A m sag Th m sage s b n chiv by y e y r co g s Y c ’t chive a m sage A m sag Bump Bad sw s
  21. Message for: Purchasing users To tell them: Their order is

    enroute So they: Know what’s up, and feel happy Displayed via: Email When: Immediately upon order Tone: Fun. Make this user laugh at their damn keyboard. Microcopy framew k
  22. “Thanks for your order with CD Baby! Your CD has

    been gently taken from our CD Baby shelves with sterilized contamination-free gloves and placed onto a satin pillow. A team of 50 employees inspected your CD and polished it to make sure it was in the best possible condition before mailing. Our packing specialist from Japan lit a candle and a hush fell over the crowd as he put your CD into the finest gold-lined box that money can buy. We all had a wonderful celebration afterwards and the whole party marched down the street to the post office where the entire town of Portland waved 'Bon Voyage!' to your package, on its way to you, in our private CD Baby jet on this day, Wednesday, September 19th. I hope you had a wonderful time shopping at CD Baby. We sure did. Your picture is on our wall as 'Customer of the Year'. We're all exhausted but can't wait for you to come back to CDBABY.COM!!”
  23. * C t t p ys a m sive ro

    us be v ur * C t t begets c t t * T w ds y put some g, be ac a ship, fine y r a * C t t e p ce y r a c sh e. Wrap up, D