What are the elements of professional looking webdesign?
Posted 21 November 2005 - 10:14 AM
I can spot a website with a pro look when I see it, but I fail to pinpoint exactly what can be done to make a average site look great. It would be nice if someone has a checklist or some pointers.
This is a question I normally would have use a socketpuppet for
Posted 21 November 2005 - 10:52 AM
I'm guessing plenty of others will want to chime in, so I'll just touch on a few things.
(1) Harmonize your colors. Colors go together (or don't) like musical notes go together (or don't). Just as your design is a pattern, color is a pattern; it needs to hang together, and it does this through harmoniousness ... colors that "go together". That doesn't mean that some colors can't be darker or lighter, or more vivid or more drab; just that they need to go together.
Sometimes a good design just doesn't seem quite right. It may be that the colors need to be harmonized, and that once you do that, it'll all pop together.
I think many people try to "eyeball" the color scheme, but I've found that that can miss the mark. There are many color scheme programs out there; the one I like the most (have only tried a few) is colorschemer.com -- the square one (not the one with the round color palette). This, or tools like it, can spare you spending the rest of your life adjusting colors against each other, any of which may not be quite "right". <grin>
(2) Design for your market. This gets assumed a lot of times but not really addressed. Bottom line: what works for one topic may not seem at all right for another (e.g., music website versus bank website). Have some idea of the sensibilities of your target audience (and that that target audience probably is not "everyone") and address them "in their own language", as it were. I could go on about this, but I think it's best to leave the thinking/designing part to the site designer.
(3) Styles of web design. There have been what, to me, have been distinct styles of design on the Web. Mid- to late-90's, it was the deep, vivid colors of realistically-hand-created images (the best of which may have been Moira's Jewels which, unfortunately, was closed down). Then, following what I surmised to be the influx of big ad agencies to the Web, the bar was raised in quite another way: suddenly we were competing with the beauty (and lengthy history) of print design ... and print designers often have a very keen eye for subtleties that can easily be overlooked. Fortunately for us, they also generally had no concept of ... well, download time. Nor, generally, that the Web doesn't function like paper. Today ... well, things are progressing. But everyone always wants to get better, no?
In my view, the way to improve is to start where you start, and then better it.
Posted 21 November 2005 - 10:52 AM
The one thing I've learned is that experts seem to have their expertise in very narrow fields. It is good to share experience and help whether as a sockpuppet or not.
Posted 21 November 2005 - 11:16 AM
If your site sells products maybe a similar design to amazon.com
layout wise, this has worked well for me, taking something that works and is familiar to users and adding your own touch to it
id also like to reiterate what DianeV said about colors. you could have the best design/layout in the world but if the colors are not complimentary the site could still look like crap
Posted 21 November 2005 - 11:21 AM
BTW, alloemseo, love your avatar.
Posted 21 November 2005 - 12:07 PM
Pix with "jaggies" are also a major put-off. They just scream "geocities" (sorry, no offense intended )
Just an observation. It's not a 100% correct rule.
Posted 21 November 2005 - 07:00 PM
Colour schemes, as Diane pointed out, are also really important - I too am a huge fan of ColorSchemer. A member also posted a link to a site that showed colour trends which was really useful but I just can't find the link. I'll keep digging.
Other considerations include a professional looking logo, consistent clear navgation and relevant calls to action.
Designing for your audience is really important. For example I love the use of white space in a design but if I was designing for the Harley Davidson type prospect I'd opt for something more suitable for them.
Finally as alloemseo suggested looking at other leading sites in your industry is always a good idea.
Posted 21 November 2005 - 07:16 PM
If main navigation links move around from page to page, I do not expect the company behind the site to be professional.
I'd also add that less is more, except for where clear copy is concerned.
Leave white space between clusters of information.
Use words specific to your topic.
Spellcheck and grammarcheck.
If you serve a specific area, say so. For example, don't be one of those sites that say "we're Acme products, the best for all your steam cleening needs," without substantiating "best" (voted best by xyz,) saying what you "cleen," where you do it, etc.
ditto re flaming logo
also - be careful with clip art - you may not even need it.
Posted 22 November 2005 - 01:50 AM
Great web design combines well matched and pleasing color schemes, with intuitive information architecture, a layout that flows and naturally and drives the eye to where it should go next and most importly, that has some type of theme or consistent structure that holds everything together.
In my experince, it is not something that a single person picks up the skills to create quickly, but all of the tips above are a very good start. I'd also recommend reading a good beginner/intermediate web usability book like "don't make me think" and study some sites that you think are well designed. See if you can identify what about them really works. All the best designers I've worked with pull a great deal from others.
Posted 22 November 2005 - 02:11 AM
I still feel like we haven't gotten to the heart of the matter. Maybe it's that professional vs. unprofessional design is so hard to describe. It's like pornography - you know it when you see it.
Does anyone have any examples of a site that points out good design vs. bad - that would make for a great resource link to point people to as I try to explain this concept at least twice a week to would-be webmasters who send me emails.
Posted 22 November 2005 - 02:32 AM
On Nov. 21, the largest image and main focus of the site for this guitar store was a keyboard. Hmmm... I play guitar and I'm looking for a good guitar store... so I check out this one and see keyboards? Not what I want. Also, the site for me is information overload. Too much cluttered info on one site.
Just a subdirectory of #1.
This looks like a cheaply done basic site that is hard to read, sloppy, and... well... you can tell it's NOT professional.
Same analysis as #3
Professinally done but not well designed: http://www.mguitar.com/
Here's a site I think is designed by a professional, but I don't like the 'intro' page idea unless you have various countries (see #1 -- Ibanez -- below). Intro pages seem cheap and old fashioned in my view. Just give me some content, not a pick with "click here to enter the 'real' site."
NOW... for some sites I think are high quality sites that sell guitars:
I chose my country of USA to see this site: http://www.ibanez.com/splash/
Posted 22 November 2005 - 03:54 AM
But then I looked at the Fender website, and now its black space. Either way, the site is clean and crisp. No confusion about what they do.
Same with Gibson. Here is my guitar -> http://www.gibson.com/Products/
(you know you are in the big time when you have a 'Family of Brands' )
Good quality photography can really help as we can see in the example above. They sell nice guitars with gold plated string tuners and Mother-of-Pearl inlays. Its a guitar most customers will drool over anyway, so the photography really helps inspire the customer.
As far as layout goes, people are starting to get accustomed to
(a) the logo being a link to the home page.
(B) every section and image on the home page being a button.
© easy to find contact details
Its not just the look though. Primarily, you need to implement the business plan of the company properly online and making things real simple for the target audience to achieve their objectives.
These are actually two great looking websites that did not quite follow through with the real business objective - To get the person in Perth to ring the dealer in Perth.
Got through to www.fender.com.au , but it was much lower quality. It is a good example of why the company should brand its website all the same across the globe. Its a bit of a letdown after visiting the global site. Its an example of why consistent branding is so important.
You have the customer on the end of the fishing hook, and the same logo and feel should have followed my online journey all the way from the global site to Perth.
Gibson actually did not have an Australian website at all.
Posted 22 November 2005 - 05:08 AM
One of the hallmarks of amateur 'geocities' style design is the number of flashy/movey things included on a site for the 'ooh cool, look at that' factor. When actually it's only remotely cool the first time anyone see's it. After that it can be an annoyance.
Not to say a site shouldn't be fun and must be full of corporate blue, that comes down to your target audience and what the site is trying to do.
If you can properly justify the elements on a page, then they probably deserve to be there. If you struggle to justify it, maybe you need to consider if it should be there?
Posted 22 November 2005 - 05:18 PM
Bingo Travis. Monkey press button, Monkey get banaana.
Primarily, you need to implement the business plan of the company properly online and making things real simple for the target audience to achieve their objectives.
Professional includes ensuring the prospect achieves their desired aims with a minimum of fuss.
Posted 22 November 2005 - 08:20 PM
Business plan -->
usability & SEO (as a pair) -->
graphic feel and presentation of USP (as a pair) -->
user testing and client check-in -->
Or you may end up starting with
Business customer's needs/interests -->
something tastefully viral
Where is a design most likely to skip the skids and miss professionalism?
Posted 22 November 2005 - 11:09 PM
Posted 23 November 2005 - 01:59 PM
The Principles of Universal Design
For example, here's one:
PRINCIPLE TWO: Flexibility in Use
The design accommodates a wide range of individual preferences and abilities.
Posted 24 November 2005 - 10:13 AM
A great web site accomplishes:
- Meeting the business objectives by appealing to the user's motivations
- Meeting the user's needs, expectations
A great web site has consistent messaging, a consistent look and feel and consistent navigation, reenforced throughout the site.
Posted 24 November 2005 - 02:51 PM
What is good design?
Look at a knife and fork. Chances are that the fork you usually eat with has 4 tines. Fewer tines mean the fork applies more pressure to 'spear' things, but also provides less traction for the thing to stay impaled. So a traditional carving fork, which you want to easily withdraw has 2 tines. Some forks have handles that show immense crafting detail, but by and large the 'business end' of the fork is pure usability and function.
Knives vary a lot more. Blade shape and length, serations, and that's still just 'general purpose' table knives. There's a lot of thought and time has gone into the development of cutlery to make it comfortable in the hand and easy to use. That is what good design is all about.
The real way to judge design isn't in how it looks, but in how it performs its function. Something pretty but unusable may end up as an ornament, but it is a failure of design.
Posted 30 November 2005 - 06:14 PM
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users