Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,152,740 members, 7,817,040 topics. Date: Saturday, 04 May 2024 at 12:21 AM

Using Patterns in Website design - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / Using Patterns in Website design (751 Views)

Get Trained In Website Design And Employ Others / When You Fail To Plan, You Plan To Fail: A Case Study In Website Indecision / One On One Training For An International Certification In Website Design (2) (3) (4)

(1) (Reply)

Using Patterns in Website design by prodgalson: 4:46am On Jan 12, 2008
Ui Patterns help in answering questions like:
- When do you use a side menu instead of a top menu?
- When do you use a fly out menu instead of an icon menu?
- Do I really need a news ticker?
- I like accordion navigation, but are they necessary for my site

A UI pattern, just like a coding pattern, is a description of an optimal solution to a common problem within a specific context.

A pattern has four components
a title
a problem
a context
a solution


Example?
------------------------------------------------------------------------
We use the concept of patterns everyday in the real world. EG. Here's a pattern concerning eating:

Title :
Refridgerator Cooling

Problem :
Food is too hot to eat

Context (or when to use this) :
When the eater is impatient, but has access to a refridgerator, and nepa is behaving.

Solution :
Place your food in a plate, and put it in the refridgerator, towards the top shelf so as to have minimal impact on other food in the fridge, and so it will not cool at a fast rate.

And there you have it, I've just written a pattern called 'Cooling' Silly example, but a simple concept, right?


So?
------------------------------------------------------------------------
If you've continued reading up to this point, here's why it was worth it: there are dozens of proven UI patterns for interaction design.
Martijn van Welie, (Ph.D. Human Interaction design), is a long time contributor to the topic of UI patterns, and is respected by designers worldwide, including many experience designers at Adobe. The best part, his findings are publicly available on his website.

Have look, and enjoy:
http://www.welie.com/patterns/index.php

Also, see Yahoo's design pattern library:
http://developer.yahoo.com/ypatterns/index.php

Hopefully some of you will understand and apply what you learn, and watch, over time, how much more effective your websites become.
Re: Using Patterns in Website design by prodgalson: 7:31pm On Jan 14, 2008
Update: Found even more additional design patterns and interface guidelines here:
http://www.cpluv.com/www/feeditem/5046

Enjoy

(1) (Reply)

Earn Huge Income Monthly From Webdesign Business Using Secrets And Tools That Wi / Liberty Reserve Software Extracting $57 Dollar Daily N Web Admins / Become A Website Traffic Consultant

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 9
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.