分享
 
 
 

专业主页设计原则(3)

王朝厨房·作者佚名  2007-01-04
窄屏简体版  字體: |||超大  

网址:

尽可能使主页的网址简单记忆是非常重要的。不仅要让用户记住他们访问过的网址,而且是他们能快速猜到公司的域名,这是人们必须经常做的。一旦用户锁定某个网站,简单的网址能让他们明白是否在正确的网站上,而复杂的网址就是用户不敢断定。

1,商业网站得主页应该具有“www.公司名.com”或“www.公司名.com.cn”这样的域名。

不要在域名后面加复杂的代码甚至“index.htm”之类的内容,几乎没有用户愿意输入一长串令人恐怖的网址。

2,如果条件允许,要为站点注册不同的拼写、缩写或常见的拼写错误域名。

如果域名有不同的拼写方法,选择一个作为正式版本,将用其他拼写的网址重新定向到此网址上。

窗口标题:

每一个主页都有一个简单直接的窗口标题。虽然很多人在上网时或许不会留意窗口标题,它仍然在给窗口加标签和用搜索引擎查找网站时起关键作用。当用户把网站假如收藏夹时,窗口标题是默认的标签。这样当用户浏览书签列表来访问网站时,标题应该以最能将用户和网站联系起来的词作为开头。与之类似,搜索引擎在搜索结果中显示窗口标题,用户据此决定搜索内容和搜索项的关联程度,所以在一长串搜索结果列表中,标题必须方便浏览,内容独特。为方便浏览,窗口标题应以尽量短的句子表达尽量多的内容。

1,用最能传达信息的词语作为窗口标题开头——通常是公司的名字。

用户经常浏览而不是阅读屏幕上的文字,所以如果不能用最初几个词语吸引住顾客的话,可能就不会在引起他们的注意。如果没有用公司名称中最重要的词作为窗口标题的开头,公司名就不会在书签列表和搜索结果中出现。很多网站以“欢迎”、“主页”开头,独立的看这也很不错,但在首先出现的词中并未表示出任何此网站的独特信息。

2,不要在窗口标题中包括顶级域名,如“.com”。

除非它确实是公司名的组成部分。诸如“.com”的后缀对窗口标题是不必要的,并且会使公司形象在网上和网下不一致。当用户进入网站时,他们早知道是在网上,所以不需要加“.com”。

3,在窗口标题中包括对网站的简短描述。

这段描述对尚未广为人知的网站尤为重要,即使用户早已将网站加入收藏夹,或者在搜索列表中查看,就能轻易记住或理解网站的用途。可以考虑采用网站标签行的内容(如果网战有标签行的话)。

4,标题不要太长。

多长的标题不容易阅读,尤其在书签列表中更是如此。

控件:=

诸如下拉菜单、选择列表和文字框等用户界面上的小控件,总会引起用户的注意。但是不要经常使用它们,只有在为完成任务必须使用时,再使用这些控件。

1,如果不让用户点击,决不要将控件作为屏幕的一部分。

注意,控件是可点击的。例如如果在文字后面紧跟着使用图形化链接,要保证它们是可点击的,就像文字链接一样。在无数的研究中,我们早已看到用户会小心谨慎的试图点击图形化链接;如果图形处于不可点击状态,用户就会认为整行都不是链接,甚至在链接文字可点击时也这样认为。

2,尽量少用下拉菜单,尤其是当其中的项目本身不能说明自身意思的情况下。

他们能吸引用户,但经常是最无效的导航工具。如果下拉菜单列表中只有很少几个项目,将他们直接列在主页中效果更好。与之类似,要避免使用过长的下拉菜单——它们将使用户难以有效的操作,并且用户经常要将精力花在区分列表中的各项上。将用户带到一个单独的选择页面上通常是一个较好的办法,在这个页面上可以解释不同的条目,至少可以将他们组成比单个列表更有意义的多个类别。

版面设计:

图形设计应该有助于将用户的注意力吸引到页面的重要元素上,但在主页上最好不要以图形设计作为起始点。

1,在页面上要限制字体的样式和其他文本格式例如文字大小、颜色等。

因为繁多的文字样式容易分散用户对文字本身的注意力。如果文本样式看起来过于图形化,用户会把它当作广告而忽略。

2,使用高对比度的文字颜色和背景颜色,是文字尽量清晰。

3,在800*600的分辨率下避免水平滚屏。

水平滚屏不可避免的导致使用问题——最大的问题是用户有时候不会注意滚动条,从而忽略其中的信息。

4,页面并非越长越好。

如果您有兴趣看一下世界前500强的主页,您就会发现它们都致力于将主页控制在一个半版面之内。如果您的主页超过了用户通常使用的满屏高度的四倍的话,或许应该简化主页,将一部分内容移到次级页面上。另一方面,也不一定要将所有的东西都塞在一个屏幕范围之内,只要页面上部得能反映最重要特性的内容可以显示出来就行了。

5,最好使用动态页面设置,使主页大小可根据屏幕分辨率来调整。

6,慎重使用标志图案。

除了站点本身的标志图案外,仅在用户能了解它们的意思时,才能使用它们以吸引用户的注意。因为其他的标志图案更像是广告,而不是链接。

用图形有意识的表现内容,可以大大提高主页的表现力。但另一方面,图形会增加页面的混乱程度并增加页面的下载时间。与之类似,动画尤其如此。

1,用图形表现真正的内容,而不是主页的装饰。

使用和内容有关的照片,人们会被图片吸引,但是和内容无关的图片,却分散了用户的注意力。

2,如果图形或图片在上下文中意义并不明确,应简短的解释他们。

例如在关于电影节的文章里显示了一部电影的静态图片,就要清楚的说明这幅图片是那部电影的,以及它和电影节上的范围更广泛的电影有什么联系。另一方面,如果夸张的图片以帮助读者快速浏览页面时了解故事内容,或许不需要解释它的意思。

下3,以适当的尺寸编辑图片,并加上ALt文本。

数量过多的图片并不会传递过多的信息,反而会使页面看起来更加混乱。避免使用带水印的图片,它会使页面更加混乱,经常会减弱视觉效果。即使这些图片和内容相关并且有吸引力,用户也不能清楚地看到它,而如果不是这样,用户也没有看到它的必要。

4,在主页上,不要仅为吸引用户注意力而是使用动画,因为它会减弱用户对其他元素的注意程度。

5,不要用动画表示关键内容,比如公司的标志,提示行或主标题。

这些看起来像广告的动画区域不仅不容易阅读,而且用户更容易忽视。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有