Interface harmony
Interface consistency, 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 for you if I shared my approach.
Interfaces evolve based on the needs. Each task may require different elements which include buttons, dialogs, drop-downs, select boxes, checkboxes, input fields, etc. These elements are like musical notes in a composition. If they don’t harmonize with one another they can begin to feel out of place which can have a negative effect on the design as a whole.
To ensure a harmonious interface I’ll usually arrange elements on a single comp 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.
This is by no means groundbreaking, I just thought I’d share.
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.
Farrell31SHARRON http://www.lowest-rate-loans.com/
If you want to buy a car, you will have to get the loans. Moreover, my mother commonly uses a auto loan, which seems to be really firm.
psychologue http://www.lepsychologue.net/
Hello, nice blog. Grettings from Paris
ufc 117 live stream http://mannypacquiaopictures.blogspot.com/p/ufc-117-live-stream.html
Genius. Simply inspiring.
farmville cheats http://fvcheats.com/
Personally, I like your post, who have shared knowledge and good experiences. Keep it up. Good work, thanks for sharing such an informative ideas.
metin2 yang http://www.metin2.mobi/
nice articles thank you for sharing
wristbands http://www.wristbands.net/
Interesting stuff to discuss.Thanks for sharing.
elliptical for sale http://www.ellipticalforsale.org/what-is-the-best-type-of-elliptical-machine-for-home-use.htm
I find it difficult to subscribe RSS feeds, bookmark this site anyway I have is a very useful and complete information.
Chicago mover http://www.usamovingandstorage.com/
great article about Interface.
best home insurance http://www.getbesthomeinsurance.com/how-to-find-cheap-online-home-insurance/
I really enjoyed your blog post. I bookmarked your page so I that can keep track of your future post.
vigrx http://www.goarticles.com/cgi-bin/showa.cgi?C=3117932
great site
Büyü Nasil Yapilir http://www.buyunasilyapilir.com/
Personally, I like your post, who have shared knowledge and good experiences. Keep it up. Good work, thanks for sharing such an informative ideas.
MelbaMOSES31 http://www.bestfinance-blog.com/
I took 1 st mortgage loans when I was 20 and it supported my family a lot. However, I need the short term loan once more time.
cheap Phantom of the Opera tickets http://www.onthebroadway.com/cheap-broadway-tickets/Phantom-of-the-Opera.php
To ensure a harmonious interface I’ll usually arrange elements on a single comp 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. Thanks for sharing.
wholesale new era hats http://www.i-capshop.com/
Generally I do not post on blogs, but I would like to say that this post really forced me to do so, Excellent post!
Red Bull Hats http://www.caphatshop.com/
That is an awfully astounding column you’ve posted.Thanks a lot for that a fantastically amazing post!
increase semen volume http://best-volumepills-product-review.blogspot.com/
great site
ClubPenguinCheats http://www.club-penguin.org/
Awesome post! Wishing you the best of luck with your project!