Wednesday, May 23, 2007

User Interface (UI) design / UI / UI design / HTML CSS



----

http://www.causata.com/product#benefits
 good site I understood JS code  , few points
 1) it has  benefits menu options that goes to   tabs  ( from main menu item products )
 2) it has solutions that has tabs
 3) it shows how have menu items in details that is TOP  vertical STRIP then Deatail view below
 4) it used fonts from ( see View source )  typekit.com  ( free ) see  .JS  files and  typekit site
 5) it uses Jquery min.   for all JS
  6) it has Video popup to show  thinks ,   PDF links ....

 came to this site Via  http://jgc.org/  , good blog Home page .. ( AVC.com referred site )

----------------
good web site design

http://brightfarms.com/better-food/why-farmers-markets
http://www.farmigo.com/find   -- good filter with check boxes ..

--------------
asr: great fonts, good left hand menu List to hold lots of Items, good alphabetical index on lefthttp://www.mathworks.com/access/helpdesk/help/toolbox/finance/index.html?/access/helpdesk/help/toolbox/finance/volarea.html&http://www.google.com/search?hl=en&source=hp&q=price+by+volume+chart&rlz=1R2ADSA_enUS339&aq=0&oq=price+by+volum&aqi=g2
-----------------
another simple site to show list of items on LEFT menuhttp://www.incrediblecharts.com/help/daily_updates.php

------------
one of the best UI for categorization is this Yslow url
http://developer.yahoo.com/performance/rules.html#page-nav
for each Yslow topic look there is discussion topic which gives valuable details


indeed.com simplyhired.com has good search filters on the left side . Both companies are implementing similar UI techniques for fold/unfold of search parameters.
with help of Js it seems anybody can use these kind of UI serach filters .


---------------
Form design
- use this service , very easily forms can be developed . this site is by particletree guys who are experts in design


Different Ajax Forms are discussed along with Wufoo


good Layout
- go next link on top you see many screens

Macnn - this site shows
- good top menu on mouse over shows next level menu no click reqd
- a smooth multi Tab box ( cnn.com multi tab "top stories/Most popular" seems more customizable with numbers etc..)

msn porifoilio
- this site shows how to add new rows Ajax way , it can be used with search ( text filed next to Add button ) then adding based on ajax search. It has nice Ajax style Delete x also.

Ruby
- ShackPrices is a Seattle-area real estate Ajax application written using Rails by Galen Ward and team.

PunBB is a fast and lightweight PHP-powered discussion board.
-see this pubBB is used by wuFoo guys - see bottom Forums Powered by PunBB. Depend on what best sites used for Forum software use the same (asr)


Online Help Systems
good windows style help
NetFlix has good consumer help system check their help/Faq

3 comments:

shamgarchella said...

User interface design is a subset of a field of study called human-computer interaction (HCI). Human-computer interaction is the study, planning, and design of how people and computers work together so that a person's needs are satisfied in the most effective way.
----------------
Reputation Management|
Remove RipOff Report|
Corporate Reputation Management

NoBrain said...

nice info for sharing
Thanks

Unknown said...

Thanks for sharing this article..
Modifikasi Honda Mobilio-Modifikasi Honda Tiger-Modifikasi VW Golf-Modifikasi Harley Davidson-Modifikasi Mercedes Benz-Modifikasi Honda Jazz-Modifikasi Honda CRV-Modifikasi Toyota Celica-Modifikasi BMW E46-Modifikasi Kawasaki KLX150