• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
The Language of Interfaces

The Language of Interfaces



A talk given at CS Forum11. More information can be found in the supporting blog post here:

A talk given at CS Forum11. More information can be found in the supporting blog post here:



Total Views
Views on SlideShare
Embed Views



34 Embeds 11,681

http://theresaneil.wordpress.com 7162
http://inspiredm.com 3084
http://www.inspiredm.com 802
http://www.raketablog.ru 234
http://lanyrd.com 91
http://digitalapprentices.collected.info 71
http://design.collected.info 59
http://www.website-bouwen-blog.nl 47
http://webdesigner.collected.info 45
http://bangmirza.blogspot.com 11
http://www5.esc13.net 11 7
http://feeds2.feedburner.com 7
http://36ohk6dgmcd1n-c.c.yom.mail.yahoo.net 6
https://twimg0-a.akamaihd.net 5
http://mirzaisme.posterous.com 5
https://theresaneil.wordpress.com 5
http://www.newsblur.com 4
http://therearenonewideasinspireme.collected.info 4
http://feeds.feedburner.com 3
http://translate.googleusercontent.com 2
http://www.hanrss.com 2
http://thewebdesign.collected.info 2
https://si0.twimg.com 2
https://twitter.com 1
http://newsblur.com 1
http://www.gizoogle.net 1
https://www.google.com 1
http://newdesignblog.com 1
http://zootool.com 1
http://zhuaxia.com 1
http://paper.li 1
http://us-w1.rockmelt.com 1
http://seok-kun.blogspot.com 1


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.

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

    The Language of Interfaces The Language of Interfaces Presentation Transcript

    • I com.
    • T nguage t fac D Trayn @ rayn
    • Websites are turning into web-apps.The web is being rebuilt around people. A web-app is a gamble on content. The content is created by the people.The people use the interface to do this.Interfaces are the language of software. Language influences behaviourC.S. plays an integral part in app design We need to think skills not roles
    • Web S A Turn g I o Web A s
    • A bombs
    • “Five y rs from now, ’ be no such g a webpage.” - Jim B l n
    • W t A s?
    • F ums Netw ksLoc n-a s W t A s?So al sho g Pho -a s FB a s
    • T Web Is Be g Rebuilt Ar Peop Paul Adams @pa ay
    • Build g a so al web a a gamb c t t
    • T se guys bet peop w ld fi box.
    • T se guys bet peop w ld wr e “wa s”
    • T se guys bet peop w ld know w t a “Wave” w
    • T se guys bet peop w ld know w t a “Wave” w
    • T peop come ad c t t
    • T c t t c by peop
    • T age old prob m
    • Th do n’t m n ’s luck. C t t c trols .
    • Y c trol 3 gs
    • Y c trol 3 gs1. T UI
    • Y c trol 3 gs1. T UI 2. T b nk s te
    • Y c trol 3 gs1. T UI 2. T b nk s te3.T C t t Defin n
    • 1. Us I face Microcopy
    • L guage fl be v ur
    • T Sapir Wh f T s L gu c R iv y
    • T UI flAc s & R nships
    • INSERT INTO tweets NEWTWEET VALUES ("11012314","destraynor", "Just atebreakfast LOL!", "Dublin,Ireland");Tw ng - Not so sexy now, ?
    • T y c ld ve ca S , upd e, p t, y g
    • It’s not A e. Love. Ag e.
    • But No e “Lik ” a m s g c
    • Y sh ldn’t ‘like’ a s g s h
    • But y c +1 se gs.
    • Y get w t y k f ...
    • W t’s g?
    • W t’s y r m d?
    • It’s a same. It’s a diff t
    • Y get w ty sign f .Lik ecu cyIn agram
    • Tw t ab t tw ts
    • Tw t ab t tw ts
    • W ds Infl eR nships
    • “L k we d ’t n d put a b , do we?”
    • I ve 281 fri ds Faceb k. But I w ldn’t cr s road say hi 240 m
    • I’m okay w h “fo ow g” 459 peop
    • 54 fri ds cl m k.
    • L k In ks difficult q n,Thus, fri d n’t m n g .
    • 2. T “B nk S te” f new us s
    • I’ve z o fri ds,W ts t gs do peop wr e ?
    • El rly P ts Faceb k...
    • El rly P ts Faceb k...
    • Why sh ld I say y g? No e se .
    • Talk rad .DJ sets ne.Ev y e se fo ows .
    • How did Y tube co ts get so m ic?
    • How did Y tube co ts get so m ic?
    • Yah ! Answ s. W id cy & ir y co i
    • T “hug” ck.
    • How did Qu a get so f mal?
    • How did Qu a get so f mal?
    • Get S fac k ps d cu n vil
    • No exc m n m ks.
    • No typ sh ng.
    • 3. T C t t Defin n
    • Who s w t a view ?
    • Who s w t a view ?
    • A S views e bad.
    • Peop give low views g , but exp sive a s
    • A simp solu w ld be k bo .QUal y Val :
    • 2 Bad Examp s W n c t t go bad
    • Give y r fri d 3 l t s ov Wifi
    • G f tu . N ds a name...
    • Squi ! Y , I’m s us
    • “I w t squi y apictu my kids. Y c squi me back a vi o y r vac n. T ts a s tw e exp i ce.”
    • So, W t w t wr g ?
    • 1. Bad s ds, bad samp c t t
    • 2. Vag c cepts. “New wave” “D e”
    • Y s w t s?
    • Th gs-E i -To-U -TH -Wave
    • So w t... Peop wr e be “Lik ”. Peop tw t be tw t .Peop fo ow b s, c se numb s Y get c t ty s ve.
    • We’ve tabl dw ds e imp t t web a s.
    • T sw s c e mo l fects Release Q.A. Build Visual Design “Submit” Wireframe“Submit” C t t ’s “alright” surviv
    • T sw s c e mo l fects Release Q.A. Build Visual Design Share WireframeOMG_REPLACE_MEC t t ’s obv usly sh , usua y caught.
    • Not always :)
    • T ro C t t a sign
    • I com.
    • A typical qW t do we say sc w us s click chive, but m sage w al ady chiv bysome e ir t m so y c ’t d b chive. It’snot r , but same me didn’t , ohy h s w h c c l g emails w l, now I k ab t ...H . ” A typical c t t q n
    • Who?
    • P mium vs f eNew vs turn g Who?Adm vs gu r us “ev y us ”
    • W t?
    • Upgra y r p n C nge y r se g W t?Th c ’t be d e Y d ’t ve p m s n
    • T e
    • Bus s gl h C ual & fri dly T eAbu tly c Cute & fu y
    • Time
    • “By email i t y” “On next log ” TimeOn sc raight away Dur g w k g h rs ir me z e
    • How?
    • By sc fl h m sage By email? How? In ir c dsText a (space?) By SMS Aud effect
    • Microcopy framew kMessage for: Any userTo tell them: They don’t need to archive, it’s already been doneSo they: Stop trying, and move onDisplayed via: Flash box on app (60 char max)When: After user tries to archive already archived messageTone: Clear, personal, like a work colleague.
    • Bad sw s
    • E m sage R : Duplic e al ady chiv Archive Bump Bad sw s Y c ’t chive a Y c ’t chive am sage A m sag m sage A m sag Th m sage s b n chiv by y e y r co g s
    • “David al ady chiv two m ut ago”
    • Microcopy framew kMessage for: Purchasing usersTo tell them: Their order is enrouteSo they: Know what’s up, and feel happyDisplayed via: EmailWhen: Immediately upon orderTone: Fun. Make this user laugh at their damn keyboard.
    • “Thanks for your order with CD Baby!Your CD has been gently taken from our CD Baby shelves withsterilized contamination-free gloves and placed onto a satin pillow.A team of 50 employees inspected your CD and polished it to makesure it was in the best possible condition before mailing.Our packing specialist from Japan lit a candle and a hush fell overthe crowd as he put your CD into the finest gold-lined box thatmoney can buy.We all had a wonderful celebration afterwards and the whole partymarched down the street to the post office where the entire town ofPortland waved Bon Voyage! to your package, on its way to you,in our private CD Baby jet on this day, Wednesday, September19th.I hope you had a wonderful time shopping at CD Baby. We suredid. Your picture is on our wall as Customer of the Year. Were allexhausted but cant wait for you to come back toCDBABY.COM!!”
    • How P ic say ky .
    • How A L gus say k y . Badly.
    • C t t a s alwayso tun y light y rus s
    • Wrap up, D*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.
    • T nk y ! @ rayn
    • I com.