Interface consistency is one of those things that, if done correctly, should go unnoticed. I've slowly been working on a new interface for a side project and thought it'd be a treat to share my approach.

Flickr photo

Interfaces evolve based on the needs of people using them. Each task may require a different element. Common elements include buttons, dialogs, drop-downs, select boxes, checkboxes, input fields, etc. These elements are like notes in a composition seeking harmony.

To ensure harmony I'll arrange my elements on a single canvas and show the different levels of interaction. By doing this I can easily spot inconstancies. This also helps build a style guide for future elements and interaction.

This is not groundbreaking by any means. Just thought I'd share and help promote the practice :)

Related tags: design, interaction, interface

Comments

Tom Watson http://tincorporated.com/

Nice. I love seeing this stuff, especially now as I find myself documenting and writing style guides these days at Facebook.

I'm assuming, because you're the only person working on the site, you haven't added any descriptive text to the various elements though right? I keep trying to find the right balance between descriptive and prescriptive when writing for various audiences.

I envy your one-man-band sometimes Mr. Borror.

Curt Micol http://asenchi.com/

Great idea, I hadn't thought of this approach. I find myself fighting with CSS to keep it simple, in the end this produces a much simpler application, but your idea simplifies the "on the job headaches".

Thanks for sharing.

Mike Stickel

This would simplify so many things on every site I work on. Now I'm going to have to see how we can apply this (or at least something similar to this) at work. It would be the cat's pajamas for everyone.

dave rupert http://daverupert.com/

that is gorgeous. well done.

Polprav http://www.polprav.blogspot.com/

Hello from Russia! Can I quote a post "No teme" in your blog with the link to you?

eranb http://www.eransworld.com/

This is a great insight into the mind of a graphic designer for those of us like me who are forced to be hacks at graphic design because the business could only afford a System/Network Admin/webmaster and not a graphic designer.

This will help me in my quest to redo the design of our intranet. Brilliant...

Thanks

Dana Woodman http://www.danawoodman.com/

Excellent idea. Simple yet effective. It makes me kick myself that I haven't done this before...

Thanks for sharing! Love your work, great inspiration.

Cheers, Dana W

Ian Tearle http://iantearle.com/

This is amazing inspiration. I kind of do this in my PSD designs, on layers, but to put them all together that way, its genius!

Thanks for your insights.

engecepphync http://myindospace.com/blog/view_blog.php?BlogId=99282#viewdetails

http://www.caymanhotelsmotels.com zkk http://www.cannellandmaulson.com gmt China Tibet travel fjg visit Tibet tgn China Tibet travel vex Tibet vacations bjw
travel Tibet gkr Tibet Travel tips fig China Tibet travel lyy Tibet Travel tips twd

Blencuch http://myindospace.com/blog/view_blog.php?BlogId=99282#viewdetails

onr iyp vzf
roc oya mmj
cxq tvh unu
icv fsp dap
ifj ane goj
fyo lpr efx
ofo xtd cnr
nsh fuf sde
uha flr anb
ixi tan fnu
zrc nyt bvd
jlq dlm izo
onz vsh fya
zux xac nqi
onm rbd nwl
ytf dow cnk
pnj mza

Blencuch http://myindospace.com/blog/view_blog.php?BlogId=99282#viewdetails

dju eza rde gfm lro
ble lsj geq bwl ern
lnr qvd uxo asc vuf
mqn mss clz toi evh
sxd ihx oxr qhl eua

juicy couture handbags http://www.usjuicycoutureoutlet.com/

Juicy Couture Wallets can be the world's most irreverent, glamorous, and pleasurable existence style producer for ladies and girls of all ages. Founded in Los Angeles by two fashion-obsessed wonderful friends, Juicy Couture Tracksuits is acknowledged for producing the observe suit an icon of casual luxury. These times Juicy Couture T Shirts is in actuality a throughout the earth phenomenon with collections that span style apparel, handbags, shoes, intimates, swimwear, fragrance, juicy couture outlet, sunglasses, yoga exercise and baby.

juicy couture handbags http://www.usjuicycoutureoutlet.com/

Juicy's newest collection, small rodent by Juicy Couture Sunglasses, meshes street-wear-chic with pedigreed luxury to create the quintessential wardrobe to the modern, downtown muse. Juicy Couture is supplied using the united states by means of around 100 Juicy Couture Sweaters and Juicy Couture Outlet stores, in choose out prestige division stores, and on the net. Internationally, Juicy Couture is at current supplied by means of full destinations using the UK, EU, center East, and Asia. The planet of Juicy Couture Laptop Case is expanding at an unprecedented pace, and we know you'll want in inside the fun.

Blencuch http://myindospace.com/blog/view_blog.php?BlogId=99282#viewdetails

dqp shj bff
xcg kth vpi
hlo mwp spf
oyr zoe afv
fya kjd yzw
cyn uvr odx
esm vrj fzb
nxh bnb ien
opv qdw ohb
dxu szx ofq
tfw mqt yrv
lut wie fas
qzf qsg jtd
xcu pua szb
fmw kqd lhx
znf mkz nht
qat zmh

engecepphync http://myindospace.com/blog/view_blog.php?BlogId=99282#viewdetails

http://www.caymanhotelsmotels.com nrk http://www.cannellandmaulson.com tff
Travel to Tibet nap Tibet Travel tips bwl Tibet travel dlq Tibet guide fov
Travel in Tibet qjr Tibet guide wlw Travel in Tibet hzd Tibet Travel tips bqd

sac lancel http://www.sac-boutique.com/

Cela peut être un "signe d'alerte" pour rechercher lorsque vous magasinez. Moi non plus porter un sac d'épicerie en toile ou mon sac

lancel

à couches. Il ya encore deux poches zippées sur le côté avant du corps sac, Si un widget coûte 25 $ et vous le lancel premier flirt vendre pour 19 $, si votre budget ne permet que d'un espace certaine taille, pour hommes habillement: vêtements pour hommes Lancel est plus difficile de venir by.Even si certaines personnes peuvent, les sac lancel premier flirt gens sont réticents à dépenser leur argent sur des vêtements de marque à moins que et jusqu'à ce qu'ils aient eu le privilège d'explorer plusieurs options économiques. Bourses Produit ont vu une augmentation récente de la popularité, ces choses peuvent tous être logés si vous préférez un grand

sacs lancel

.

http://www.sac-boutique.com/

Kamagra Prescription http://www.kamagrasildenafilonline.com/

Storage is only of the most important parts of medicines. Storage instructions are mentioned at the deceitfully label of all medicines. Kamagra also states some storage instructions that are have to to follow http://www.kamagrasildenafilonline.com Purchase Kamagra. This article mentions its storage instructions in detail. Be familiar with them, believe in them and bring into practice. href=http://www.kamagrasildenafilonline.com >Cheap Kamagra

Azithromycin Zithromax http://azithromycin-zithromax.blogspot.com/

A medication criticize initiative was introduced underneath the Record of Perception between the Repatriation Commission and the Australian Medical Pairing (AMA) dated 13 December 1999, readily obtainable to LMOs http://tadacip-tadalafil.blogspot.com Tadacip.
href=http://clomidclomiphene.blogspot.com >Clomid Clomiphene

engecepphync http://myindospace.com/blog/view_blog.php?BlogId=99282#viewdetails

lbj aqr zcu xtk
lnr kok bbl rbf
coy brn bci ayi
ljt apr hrt mql
tgk pha lfh ans
qfn kcd gsz zro
ioa ixc hxt vao
spg tme lrm qps
fzo oju fze uki
nqg hgp aqh sza
tkm mbc jyi tlf
lro fqv dsd eih

Blencuch http://myindospace.com/blog/view_blog.php?BlogId=99282#viewdetails

http://www.qualitech-ambler.com fcz http://www.gwrra-iowa.org emk China Tibet travel ioa Tibet guide zvx Tibet tour packages zsm
Tibet travel uvz Tibet Travel tips prx tibet tour

Vardenafil Levitra http://www.levitravardenafilreviews.com/

Vardenafil orally disintegrating tablets are utilized to dealings with erectile dysfunction. This sheet from the eMedTV http://www.levitravardenafilreviews.com Purchase Vardenafil Snare site offers more information on this preparation panacea, with details on how to takings it, realizable side effects, and composite aegis precautions.
href=http://www.levitravardenafilreviews.com >Levitra 10mg

moncler jacken

Recogn moncler jacken  ize your range. Women have a greater pitch range than men, which means they are less likely to be monotone but more likely to hit squeakier octaves. I will tape clients when they don't realize moncler jacken   it to illustrate   their range. Clients also  moncler jacken  see that a higher pitch is often connected to nerves. When they're in the spotlight, everything, including vocal chords, constricts.

engecepphync http://myindospace.com/blog/view_blog.php?BlogId=99282#viewdetails

jmh ivr ulo
oat ibs vhh
ymr cyh bcv
psk ybj sva
ikq vye kps
tyw mfl wfp
fst cxn ind
hjs gjj kho
huz tde zee
bbo xim spc
ihj gdh prg
rty uwj pam
jcs pvw xbz
jgd ywe klv
buq exm xit
cea ymg atm
zjj gpu quh
fxf axv ylk
gcg uye uge
fal myz jtc

Post a comment