找回密码
 加入怎通
查看: 555|回复: 7

[其他] 值得借鉴的门户网站设计的准则

[复制链接]
feiying12345 发表于 2012-07-25 19:19:53 | 显示全部楼层 |阅读模式
标题   Ø 浏览器title应该表达出页面主题
% |! I: R1 p7 i  Ø 网站中文章标题规范按照VI设计规范执行
6 ~+ h" l! w$ g0 H: B4 P. j- }1 Z  导航0 \/ e: a; }% Z2 r9 m3 l8 e
  Ø 内容页头部导航简单化,尽量整理成一行
7 B( }* ]/ F/ b# _3 ]3 K8 y  Ø 内容页需要添加面包屑导航,让用户明确该内容的明确路径,格式如:网站> 频道> 文章标题
$ D3 M8 c; ]0 F* y# m& k9 R+ Z  Ø 导航简单、有效,减少混乱、避免链接冗余+ S5 f3 b3 l/ Z6 t
  Ø 链接和标签的名字应当明确,符合用户语言习惯
6 ^" d9 q4 b# `$ q# {  Ø 主要导航元素放在左上边,忌放右边
6 w3 \0 B) V, ^/ p# Z$ [7 p# @, _  文字4 c# \6 y4 B! h
  Ø 链接:
# q, }9 @& u. E; q% O3 W  ü 页面链接原则上统一为一种颜色,鼠标经过时变色,点击后变成另外一种颜色,留下访问痕迹。(具体颜色设置按照VI设计规范执行), s$ h9 O2 f9 L* R7 p* N, ?( R' ~# [$ K
  ü 链接命名原则上不要使用宽泛的、语义不明确的词语,要有更清晰的指向。如果使用了简称要达到鼠标悬浮时显示提示。(如对“更多”的应用)3 H: Q) a& u+ i  w
  ü 链接减少中间环节,尽量直达。3 ?: W" N1 [% c5 B- e4 f* p0 C
  ü 可点击和不可点击要尽量区分出来。
7 l0 ~! p" o! ^/ O2 _8 m+ f  Ø 字数:$ T7 f, U; m% c* K4 o# Q; I
  ü 提取的文字链接不能出现截断的情形
7 P6 O, d+ w  X$ K/ f( \  Ø 文字大小:
) t, A. z6 |( y3 f3 l6 c  ü 文字忌太小或模糊不清(至少12号常用字体,具体字体大小按照VI设计规范执行)
2 Z" ?% d  I) U( m  ü 限制浏览器里改变文字大小影响页面文字2 s# R( r: s2 d% C& ~1 t
  Ø 避免文字的颜色和背景对比度不够,杂乱背景, j2 A: W# e0 i0 }  p
  Ø 避免文字周围的设计元素过多,使得文字不突出
  k! m2 f7 f0 {! F+ n" H  Ø 少使用移动文字、全部大写及图形文字
' M% B3 x: o7 ?) I6 l' ?4 \  Ø 用语规范:
( P; [9 D' E  A& r  ü 不使用术语: U& T. t, z! U& b
  ü 不使用首字母缩略语
3 c2 z' T+ m6 I/ f/ R  ü 不使用讥讽、微妙的文字( [2 D! W7 ?( d' D5 ~% S& r2 D% T$ ?
  ü 页面文字使用用户习惯的文字" H- u8 d, ^) O0 d
  ü 减轻夸大的宣传
3 D2 F/ e; _9 K/ v( n% u; ~  ü 不使用自造的单词
; {, Q6 l' u9 {  图片' X  P8 s2 ]& Z5 B4 @8 R
  Ø 图片要求清晰,具体规范按照VI设计规范执行
+ r7 C) G2 g' c# c) _- Z$ W  广告. O' Y( I! P& \* I& S! j
  Ø 广告的投放尽量减少对页面速度的影响
& h$ r' d. Q5 f  搜索( d0 O2 D6 w) f4 ^, u
  Ø 同一品牌网站使用统一标准输入框样式,符合用户使用惯例
7 S' X' q% ~" ^6 a8 z  Ø 对于搜索结果为0,提供特殊搜索引擎结果页面,明确表示没有找到搜索结果,引导用户尝试更有效的搜索或找到结果的方式。/ u9 ?( z& j0 \! n$ a* w
  Ø 帮助用户修改他们的查询,以便得到更好的结果(拼写错误纠正功能,提示尝试其他提法的关键词)3 M  g8 D7 i4 q* }
  Ø 用户的对搜索和查询有明确的界定,搜索,任意输入关键词;查询,给定条件选择,因此对于以上2种按钮的命名,一定要遵循用户的界定。
/ S/ ^7 z( k. ?9 S, B" h  Ø 原则上,搜索框宽度规定为:长输入框27个字符,短输入框10个字符
' I' \0 J5 U6 Z2 ~8 T% h4 g* ^  Ø 以模糊关键字搜索为主,降低对高级搜索的重视度
- M, D0 `5 g- S9 _3 i  Ø 尽可能避免范围受限的搜索(解决方法:1.将全局搜索设为默认搜索模式 2.在搜索引擎结果页面明确指出搜索范围 3.提供使用户只要进行一次点击就可以在整个网站范围进行重复查询的功能)
2 z" a7 n: }2 K  Ø 翻页按钮在搜索结果上下都需要有
% z' S* a1 F# @5 A: j, ~: x3 w' Q  Ø 搜索结果页的输入框要保留原查询关键字
, T! `& L1 V, z0 Z8 Q, _& a  U  Ø 相关度较低的搜索结果列表容易造成用户流失
0 [3 r3 M8 v2 G0 I! {  头尾, D: |+ }7 d& L! @
  Ø 同一品牌网站头尾尽量统一8 Q; D* f& J  X2 N# h8 Y
  Ø 内容页头部表现简洁,只能有一级栏目导航6 g& r& K2 d' w( F# l
  Ø 频道及栏目页头部有两级导航8 E: D/ ^2 _9 Z" x1 D" r$ ]: F
  表单
, h# a* W1 ^, k8 `7 o. h  Ø 各输入框有灰色文字提示输入内容,点击框内,文字消失。
3 ?' i3 ?* }+ v1 B% }; v* V5 G  Ø 输入框要使用标准样式(各网站内定义几种供用户选择),使之符合用户使用习惯。
: E. X' d" c4 c7 V) q# H; E' r本文由(源码营 http://www.yuanmaying.com/)发布 . C4 m+ g* F0 @) I8 [: S/ v
回复

使用道具 举报

酷艺 发表于 2026-01-10 08:24:07 | 显示全部楼层
学习到了,之前一直没注意过这个点,受教了
回复 支持 反对

使用道具 举报

txl031036 发表于 2026-01-10 08:54:39 | 显示全部楼层
说得很实在,没有夸大其词,这种真实分享太难得了
回复 支持 反对

使用道具 举报

☆自由缘ミ↘ 发表于 2026-01-12 22:35:22 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复 支持 反对

使用道具 举报

展翼-腾飞 发表于 2026-01-20 09:15:05 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复 支持 反对

使用道具 举报

qwertyuiop 发表于 2026-01-26 08:08:05 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复 支持 反对

使用道具 举报

csyp2017 发表于 2026-05-11 22:15:19 | 显示全部楼层
这个分享太实用了,刚好能用到,感谢楼主!
回复 支持 反对

使用道具 举报

琉琉 发表于 2026-06-02 16:57:23 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复 支持 反对

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-6-15 04:31 , Processed in 0.026932 second(s), 24 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表