ÍøÂçѧԺ w3popÉçÇø ÍøÂç×ÊÔ´ ITÐÂÎÅ

w3pop.com :: ÍøÂçѧԺ :: Éè¼ÆÀíÄî :: ½øÐÐÓÅÐãÍøÕ¾Éè¼ÆµÄÔ­Ôò

»áÔ±µÇ½

ÕʺÅ

ÃÜÂë

»Ø´ð

¼ÇסÃÜÂë

Íü¼ÇÃÜÂë? ×¢²á

Éè¼ÆÀíÄî
ÈçºÎÓÅÑ¡ÖÐСÐÍÉÌ..
¶ÔÓÚÍøÒ³Éè¼ÆÐÂÊÖ..
´´½¨ÎÞ±í¸ñÍøÕ¾µÄ..
ÍøÒ³Éè¼ÆµÄ¡°½ðÔ¿..
ÍøÕ¾±ØÐë°üÀ¨µÄ²¿..
ÌáÉýÍøÒ³Éè¼ÆÐ§¹û..
´´½¨ÈËÃDZض¨·ÃÎÊ..
ÍøÕ¾Éè¼ÆµÄÖ÷Òª·½..
ÏÖ´úÍøÒ³Éè¼ÆÖС°..
¸üÐÂÕ¾µãDIY
½øÐÐÓÅÐãÍøÕ¾Éè¼Æ..
Öð²½½ÌÄãÊéд³É¹¦..
¾Å²½´´½¨¸öÈËÍøÕ¾
ʵÏÖÍøÕ¾×Ô¶¯»¯µÄ..
RSS¼ò½é
ͨ¹ýÄãµÄÎÄÕÂÀ´½ø..
½ÌÄãÈçºÎÉè¼ÆLogo
ʲôÊÇXML Schema
ÓòÃûºÍÍøÂçÉè¼Æ
ʲôÊÇXForms

½øÐÐÓÅÐãÍøÕ¾Éè¼ÆµÄÔ­Ôò


×÷Õß:×÷ÕߣºAdrian Mullan / ·­Ò룺W3POP.COM ·­Òë/ÕûÀí:w3pop.com ·¢²¼:2007-04-28 ä¯ÀÀ:4405 :: ::

We've all heard the line 'Don't judge a book by its cover'...but let's get real for a moment.

ÎÒÃǶ¼Ìý¹ýÕâÑùÒ»¾ä»°£º“¿´È˲»Òª¹â¿´Íâ±í”¡£ÈÃÎÒÃÇÀ´Àí½âÒ»ÏÂÆäÖеÄÕæÚаɡ£

In the real world everyone judges you (and your business) by the image you project. The same goes for your website.

ÔÚÏÖʵÉú»îÖУ¬Ã¿¸öÈ˶¼ÊÇͨ¹ýij¸öÈË»òij¸ö¹«Ë¾µÄÍâ±íÀ´ÅжÏÕâ¸öÈË»òÕâ¸ö¹«Ë¾µÄ¡£Í¬ÑùµÄ£¬¶ÔÓÚÍøÕ¾À´Ëµ£¬ÕâͬÑùÊÊÓá£

For many businesses, a website is the first point of contact for potential customers so it's vital that you make a good first impression.

¶ÔÓںܶàÒµÎñÀ´Ëµ£¬Ç±ÔÚ¿Í»§Ê×ÏȽӴ¥µÄÊǸù«Ë¾µÄÍøÕ¾£¬¼´£ºÍøÕ¾Êǹ«Ë¾µÄµÚÒ»ÃÅÃæ£»Òò´Ë£¬ÍøÕ¾ÊÇ·ñÄܹ»¸ø¿Í»§ÁôϵÚÒ»¸öºÃÓ¡Ïó£¬Õâ·Ç³£¹Ø¼ü¡£

The three key components of any web design are:

ÍøÕ¾Éè¼ÆÐèҪעÒâÏÂÃæÈý¸öÖØµã£º

1.      Presentation
ÄÚÈݱíÊö

2.      Functionality
¹¦ÄÜÐÔ

3.      Usability
¿ÉÓÃÐÔ

Presentation refers to the way your website looks.

ÄÚÈݱíÊö£ºÉæ¼°µ½ÍøÕ¾µÄ¾ßÌåµÄÄÚÈݺÍä¯ÀÀ·½Ê½¡£

Great websites are easy to spot because they:

ÓÅÐãµÄÍøÕ¾Éè¼ÆÈÝÒ×ÈÃÈËÃǼÇס¸ÃÕ¾µã£¬ÒòΪ£º

  • Look clean and professional
    ¿´ÉÏÈ¥¼òÃ÷¡¢×¨Òµ

  • Make sensible use of colors and graphics
    É«²Ê´îÅäºÏÀí¡¢Í¼ÐÎÑùʽµÃÌå

  • Attract the right target market
    ÎüÒýÕýÈ·µÄÄ¿±êÊг¡

Bad sites are equally easy to spot, because they:

Ôã¸âµÄÍøÕ¾Éè¼ÆÒ²ºÜÈÝÒ×ÈÃÈËÃǼÇס¸ÃÕ¾µã£¬ÒòΪ£º

  • Are difficult to use
    ʹÓø´ÔÓ

  • Make bad use of color combinations and graphics
    É«²Ê¡¢Í¼ÐδîÅä»ìÂÒ

  • Have text that is too difficult to read
    Îı¾ÄÚÈݸ´ÔÓÄѶ®

  • Pages that take too long to load
    Ò³Ãæ¼ÓÔØÊ±¼äÌ«³¤

Functionality refers to your website's ability to give users what they want.

¹¦ÄÜÐÔ£ºÉæ¼°µ½ÍøÕ¾Äܹ»Âú×ã¿Í»§ÐèÇóµÄÄÜÁ¦¡£

For example, if you wanted to a book an airline ticket online, a site with good functionality would allow you to:

¾Ù¸öÀý×ÓÀ´Ëµ£¬Èç¹ûÄãÏ£ÍûÔ¤¶©Ò»ÕÅ·É»úƱ£¬ÄÇô¹¦ÄÜÐԽϺõÄÍøÕ¾¿ÉÒÔΪÄúÌṩÈçϰïÖú£º

  • Easily view the available flight times
    Çå³þÃ÷ÎúµÄº½°àʱ¼ä

  • Compare pricing options
    ¼Û¸ñÑ¡Ôñ×éºÏ

  • Make a booking with your credit card
    ÐÅÓÿ¨Ö§¸¶¹¦ÄÜ

A less functional site, would:
ͬÑù£¬Ò»¸ö¹¦ÄÜÐԽϲîµÄÍøÕ¾¿ÉÄÜ»áʹÏÂÃæÕâÖÖÇé¿ö£º

  • Not have the ability to check pricing or book flights
    ²»Äܲéѯ¼Û¸ñºÍº½°àʱ¼ä

  • Contain vague or ambiguous information
    Ä£ºý¡¢ÄѶ®µÄÐÅÏ¢

  • Have a confusing payment process
    ¸´ÔÓµÄÖ§¸¶¹ý³Ì

And finally, Usability refers to how easy (or difficult) it is to use and navigate your website.

¿ÉÓÃÐÔ£ºÉæ¼°µ½ÍøÕ¾ÔÚʹÓÃÉÏÊÇ·ñ·½±ã¡¢µ¼º½ÏµÍ³ÊÇ·ñÇåÎú¡£

Have you ever visited a site that took too long to load?

Äã·ÃÎʹýÕâÑùµÄÍøÕ¾Âð£¬ËüµÄÏÂÔØÊ±¼äºÜ³¤£¿

A website where the text was too small and you struggled to read it?

Äã·ÃÎʹýÕâÑùµÄÍøÕ¾Âð£¬ËüµÄ×ÖÌå³ß´ç̫С£¬µ¼ÖÂÄãÔĶÁÆðÀ´·Ç³£³ÔÁ¦£¿

Or a website where the menu system was confusing to navigate?

»òÕߣ¬Äã·ÃÎʹýÕâÑùµÄÍøÕ¾Âð£¬ËüµÄ²Ëµ¥µ¼º½Ìõ·Ç³£»ìÂÒ£¿

That's bad usability in a nutshell.

ÉÏÊö¼¸Ìõ¶¼ÊÇ¿ÉÓÃÐԽϲîµÄÀý×Ó¡£

If you want to create a website that is functional, easy-to-use and quick-to-load, here are a few tips to keep in mind:

Èç¹ûÄãÏ£Íû´´½¨Ò»¸ö¹¦ÄÜÐÔÇ¿¡¢¿ÉÓÃÐÔÇ¿¡¢¼ÓÔØÊ±¼ä¶ÌµÄÍøÕ¾£¬Äã¿ÉÒÔ×Ðϸ¿´¿´ÏÂÃæÕ⼸ÌõСÌáʾ£º

DO:
ÇëÕâÑù×ö£º

  • Immediately tell visitors what your company does.
    ¿ªÃżûɽµÄ¸æËßÄãµÄ·ÃÎÊÕߣ¬ÄãµÄ¹«Ë¾¾ßÌåÊǸÉʲôµÄ

  • Allow visitors to find information with a minimum amount of clicks.
    ÈÃÄãµÄ·ÃÎÊÕßµã»÷×îÉٵĴÎÊý¾ÍÄÜä¯ÀÀµ½ËûÃÇÐèÒªµÄÐÅÏ¢

  • Keep your menu options clear and simple.
    ±£Ö¤ÄãµÄ²Ëµ¥Ñ¡ÏîÇå³þ¼ò½à

  • Use decent font sizes that are easy to read.
    ʹÓñãÓÚä¯ÀÀ×Å·ÃÎʵÄ×ÖÌå³ß´ç´óС

  • Keep sentences short and split paragraphs into chunks.
    ±£Ö¤¾ä×Ó¼ò¶ÌÒ×¶Á£¬½«Ã¿¸ö¶ÎÂä·Ö²ã£¬²¢ÇÒ»®·Ö³É¾ßÌåµÄ¿é×´½á¹¹

  • Give your visitors relevant content.
    ΪÄãµÄ·ÃÎÊÕßÌṩÓмÛÖµµÄÄÚÈÝ

  • Use dark text on light backgrounds.
    ¾¡Á¿Ê¹ÓÃÉîÉ«×Ö¡¢Ç³É«±³¾°

  • Make liberal use of 'white space' as it helps break up the page.
    ʹÓÓÁô°×”½«Ã¿¸öÒ³Ãæ¸ô¿ª

  • Keep your website quick-to-load by using graphics sparingly.
    ¾¡Á¿½÷É÷µÄͼÐΣ¬±£Ö¤ÍøÕ¾µÄÏÂÔØËÙ¶È

  • Design for your target audience, not your own personal preferences.
    ´ÓÄ¿±ê¿Í»§µÄ½Ç¶È³ö·¢È¥Éè¼ÆÍøÕ¾£¬¶ø²»ÊÇ´ÓÄã×Ô¼ºµÄ½Ç¶ÈÈ¥Éè¼Æ

DO NOT:
Çë²»ÒªÕâÑù×ö£º

  • Use more than 3 main colors on your site. Try to stick to a consistent color theme across your website.
    ½¨Õ¾Ê±£¬Ê¹ÓÃÁ˳¬¹ý3ÖÖÑùʽµÄÖ÷É«µ÷¡£¼Çס£ºËùÓеÄÑÕɫһ¶¨ÒªÎ§ÈÆÍøÕ¾µÄÖ÷Ìâ¡£

  • Use multiple font styles, sizes and colors. Stick to the one font style to keep your site looking consistent.
    ½¨Õ¾Ê±£¬Ê¹ÓÃÁ˹ý¶àµÄ×ÖÌåÑùʽ¡¢³ß´çºÍÑÕÉ«¡£¼Çס£º¾¡Á¿Ö»Ê¹ÓÃÒ»ÖÖ×ÖÌåÑùʽ£¬È·±£ÍøÕ¾µÄÁ¬¹áÐÔºÍÒ»ÖÂÐÔ¡£

  • Overuse graphic effects, flashy logos or sound effects - they'll simply distract users from the main message of your site.
    ½¨Õ¾Ê±£¬¹ýÁ¿µÄʹÓÃͼƬ¡¢flash logoºÍÒôЧ¡£¼Çס£ºÕâ»á·ÖÉ¢ä¯ÀÀÕßÔĶÁÕ¾µãÐÅÏ¢µÄ×¢ÒâÁ¦¡£

  • Use lots of industry 'buzz' words.
    ʹÓÃÁ˹ý¶àÈÃä¯ÀÀ×ÅÄÑÒÔÀí½âµÄ´Ê¡£

 

ÆÀÂÛ (0) All