Web Page / Web Site Design

Talk about and discuss various advancements and achievents in the arts and sciences of invention and modification; computers, sciences, mathematics, and technology for all.
Post Reply
User avatar
Deepak
Posts: 2789
Joined: Fri Nov 19, 2004 3:02 am
Contact:

Web Page / Web Site Design

#1

Post by Deepak »

Hey guys,

I need help with an assignment. I'm doing a paper on Human Computer interaction and have to design a User Interface for a business that is involved in the travel industry. Basically this business will be booking flights, buses, taxis, ships etc for traveling as well as hotels, motels, bed and breakfast etc and also tours.

Now the lecturer has left us as students to decide which medium we intend to design our User Interface in. We are not marked on the functionality but the ease of use of the interface. What I have decided is that the designed software will be directly linked up with the systems of the airlines and hotels etc so that the information for booking etc will be readily available and will be in real time. Which means that if a room is booked in a hotel in California a few minutes before a user gets on this interface and tries to book the same room it will show it as booked.


That is the background of it. However since the assignment is based around the UI and many of you have been dealing with websites for quite longer then me you would know conventions etc that need to be implemented or standards like the ISO standards etc on designing a website for a business purpose.

For example what is the recommended white space requirements? Where should buttons be placed? What should be the recommended scroll down length etc.

If there are any other tips in designing a web page / website I will greatly appreciate it. And oh yeah im doing it in HTML

Cheers.
WHEN THE RICH WAGE WAR ITS THE POOR WHO DIE

BBcode:
Hide post links
Show post links
User avatar
AYHJA
392
Posts: 37990
Joined: Fri Sep 17, 2004 2:25 pm
Location: Washington, D.C.
Contact:

Re: Web Page / Web Site Design

#2

Post by AYHJA »

Shit Deep, you might be the most advanced coder here, lol...I think I know a few guys that work well with UI's especially, and see if they can help w/this...I mess around, but as far as standards go, you got me...

BBcode:
Hide post links
Show post links
User avatar
5829
Posts: 1726
Joined: Sun Jan 22, 2006 11:09 pm
Location: The Village
Contact:

Re: Web Page / Web Site Design

#3

Post by 5829 »

There are standards for these type of things? If so, I'm afraid that I can't help you. You could try W3C. They seem to have standards for just about anything, most of which I never read.

The World Wide Web Consortium (W3C)
http://www.w3.org/

Take a look at some web sites that you like the layout of and see what they do.

Some sites from a quick Google search.

Web Site Layout and Design
http://webdesign.about.com/od/layout/We ... Design.htm

A complete guide to designing web sites that work
http://webdesignfromscratch.com/

Website Layout - Tips & Tricks
http://content.websitegear.com/article/layout.htm

Major Turnoffs in Web Design
http://www.davesite.com/webstation/web- ... hap7.shtml

Best Practice in Web Design
http://www.ew4newbies.co.uk/best.htm
Nudes are played out.
Send me a video of you reading out loud so I know you are not dumb and your profile picture is actually you.

Free Rice - feed the world - play for free
National Domestic Violence Hotline - 1-800-799-7233
National Rape, Sexual Assault Hotline - 1-800-656-4673
Love Is Respect - 1-866-331-9474

~~~ accept everything - Believe Whatever - TRUST NOTHING ~~~~

There are more things in heaven and earth, Horatio, Than are dreamt of in your philosophy.
Never tell all you know...

Disclaimer: The opinions are my own. Nobody else wants them.

BBcode:
Hide post links
Show post links
User avatar
AYHJA
392
Posts: 37990
Joined: Fri Sep 17, 2004 2:25 pm
Location: Washington, D.C.
Contact:

Re: Web Page / Web Site Design

#4

Post by AYHJA »

Thanks to Sanitarium @ VEF for giving me this info for you Deep, and anyone else that needs it..!

---------------------------------------

The key on designing pages is the functionality. A site width viewable for users with 800x600 screen resolution should not be wider than 730 pixels. The main navigation menu should be located at the left side of the page. In this menu should be all the critical info like hotels, flights etc. There should be an extra menu located at the top of the page, under the header image with the rest of the info, like contact, about us, login/register. If we want the page to be 3 columns styled then under the left menu we could post some ad banners. At the right side (column) we could post some announcements or news. And under that we could post some more ad banners. In the main area, the center column we should post the highlights of the site. Maybe an discount offer of some hotels or flight tickets. Some special vacation programs etc.

Some books and videos you could use are :

Web Design and Marketing Solutions for Business Websites
Spoiler:

Code: Select all

http://rapidshare.com/files/104375004/FriendsofED.Web.Design.and.Marketing.Solutions.for.Business.Websites.Aug.2007.rar
xTrain - Photoshop CS3 for Web Designers
Spoiler:

Code: Select all

http://rapidshare.com/files/102722003/Photoshop_Web_Designers.part1.rar
http://rapidshare.com/files/102722401/Photoshop_Web_Designers.part2.rar
http://rapidshare.com/files/102722682/Photoshop_Web_Designers.part3.rar
http://rapidshare.com/files/102722887/Photoshop_Web_Designers.part4.rar
Effective Web Design by Ann Navarro
Spoiler:

Code: Select all

http://rapidshare.com/files/102320675/packSyb.rar
Craig Grannell “The Essential Guide to CSS and HTML Web Design"
Spoiler:

Code: Select all

http://rapidshare.com/files/101715275/CSS_and_HTML_Web_Design.rar
Stylin\' with CSS: A Designer\'s Guide (2nd Edition)
Spoiler:

Code: Select all

http://rapidshare.com/files/99668664/New.Riders.Press.Stylin.with.CSS.A.Designers.Guide.2nd.Edition.Dec.2007.eBook-BBL.rar
Lynda.com Graphic Secrets For Business Professionals
Spoiler:

Code: Select all

http://rapidshare.com/files/94973763/LC.Business.pm.part1.rar
http://rapidshare.com/files/95279723/LC.Business.pm.part2.rar
http://rapidshare.com/files/95300910/LC.Business.pm.part3.rar
http://rapidshare.com/files/95329910/LC.Business.pm.part4.rar
http://rapidshare.com/files/95487800/LC.Business.pm.part5.rar
http://rapidshare.com/files/95005218/LC.Business.pm.part6.rar
Effective SiteStudio Pro 6
Spoiler:

Code: Select all

http://rapidshare.com/files/93271300/Effective_SiteStudio_Pro_6.rar
Logo Font & Lettering Bible: A Comprehensive Guide to the Design, Construction and Usage of Alphabets and Symbols
Spoiler:

Code: Select all

http://rapidshare.com/files/99438793/Logo_Font___Lettering_Bible_150dpi.rar.html
Killer Site Beginners:Flash,Dreamweaver & Webdesign ( AIO )
Spoiler:

Code: Select all

http://rapidshare.com/files/80519291/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part01.rar
http://rapidshare.com/files/80536225/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part02.rar
http://rapidshare.com/files/80565887/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part03.rar
http://rapidshare.com/files/80586859/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part04.rar
http://rapidshare.com/files/80598860/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part05.rar
http://rapidshare.com/files/80632965/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part06.rar
http://rapidshare.com/files/80503244/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part07.rar
http://rapidshare.com/files/80641330/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part08.rar
http://rapidshare.com/files/80651482/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part09.rar
http://rapidshare.com/files/80664542/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part10.rar
http://rapidshare.com/files/80683484/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part11.rar
http://rapidshare.com/files/80717187/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part12.rar
http://rapidshare.com/files/80748897/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part13.rar
http://rapidshare.com/files/80769746/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part14.rar
http://rapidshare.com/files/80777341/Beginners_Flash_Dreamweaver___Webdesign_Tutorials.part15.rar
Pass:http://www.pravamedia.com
--------------------------------------------------

BBcode:
Hide post links
Show post links
shining2001uk
Munky
Posts: 225
Joined: Fri Jun 16, 2006 4:34 pm

Re: Web Page / Web Site Design

#5

Post by shining2001uk »

sorry, have no idea how to build a website!
but can I ask a related question, how do you get your website to pop up in a Google search?

BBcode:
Hide post links
Show post links
User avatar
AYHJA
392
Posts: 37990
Joined: Fri Sep 17, 2004 2:25 pm
Location: Washington, D.C.
Contact:

Re: Web Page / Web Site Design

#6

Post by AYHJA »

Not going to happen overnight 2001, it takes what I feel is a good bit of effort for that to happen...

BBcode:
Hide post links
Show post links
User avatar
Deepak
Posts: 2789
Joined: Fri Nov 19, 2004 3:02 am
Contact:

Re: Web Page / Web Site Design

#7

Post by Deepak »

Oh yeah thanks for the help guys.

And with the getting your web page to come up in google search you can also pay them for it. I m not exactly sure how or how much . But i know that when certain key words are searched the prefered ones that you see on top is the ones that have generally been paid for.
WHEN THE RICH WAGE WAR ITS THE POOR WHO DIE

BBcode:
Hide post links
Show post links
shining2001uk
Munky
Posts: 225
Joined: Fri Jun 16, 2006 4:34 pm

Re: Web Page / Web Site Design

#8

Post by shining2001uk »

Oh right, that makes sense I guess, sadly it leaves my limited budget site a bit stuffed!

BBcode:
Hide post links
Show post links
User avatar
Skinny Bastard
shady character
Posts: 4381
Joined: Wed Oct 26, 2005 5:14 pm

Re: Web Page / Web Site Design

#9

Post by Skinny Bastard »

killer links

BBcode:
Hide post links
Show post links
Post Reply