Web2.0体验式网站设计的41个关键点

Web2 0 体验式网站设计的体验式网站设计的 41 个关键点个关键点 Web2 0 时代 体验式营销 体验式网站设计开始走向主流 那么体验式网 站到底意味着什么 具体表现在那些地方 周末 根据建站的一点经验和观察 也参照了网友的一些建议 总结了体验式网站设计的四个方面 41 个关键体验 点 将其梳理概况 但仍是较为粗浅 欢迎补充建议 一 体验式网站设计的四个方面一 体验式网站设计的四个方面 1 1 视觉体验 视觉体验 呈现给用户视觉上的体验 重在 UI 设计 强调舒适性 2 2 浏览体验 浏览体验 呈现给用户栏目和内容的体验 重在合理规划 强调协调性 3 3 信任体验 信任体验 呈现给用户的信任体验 重在细节斟酌 强调稳定性 4 4 互动体验 互动体验 呈现给用户操作上的体验 重在路径设计 强调易用性 二 视觉体验的二 视觉体验的 1111 个关键体验点个关键体验点 视觉体验 呈现给用户视觉上的体验 重在视觉体验 呈现给用户视觉上的体验 重在 UIUI 设计 强调舒适性 设计 强调舒适性 1 1 整体风格整体风格 这是网站给用户呈现的第一印象 主要体现在两方面 一是 网站质量的权衡 网民第一次看到网站后 首先会根据感觉对网站有个上 中 下额评判 二是网站类型的归属 例如是资讯型 形象型等 因而网站在设计 之前 必须明确目标客户群体 并针对目标客户的审美喜好 进行分析 网站 设计要符合目标客户的审美预期和类型归属 2 2 网站网站 LOGOLOGO LOGO 的设计水平直接体现了站长的审美水平 并且 logo 是 网站整个风格的主导 也是网站对外传播的形象标示 务必要仔细斟酌 不仅 要简洁得体 还要符合网站的定位和目标 3 3 页面布局 页面布局 重点突出 主次分明 图文并茂 声画全面 网站的有效空 间是有限的 网站的第一屏画面至关重要 页面布局要与网站的营销目标相结 合 将最能吸引用户的内容 通过合适的表现形式 放置在最重要的位置 4 4 页面色彩 六个务必页面色彩 六个务必 网站务必要有个主题色 务必注意冷暖色调的搭 配 务必注意主色调 辅助色的使用数量 务必保持网站整体形象相统一 务 必注意渐变色的使用 务必恰当搭配色彩的明度和亮度 5 5 页面大小 页面大小 最好将网站设置成为自适应的页面 如果无法修正 最好调 整为 1024 768 照顾到 800 600 用户 页面主要内容可以偏左设置 此外 还 有一些异性的网站 务必要考虑到核心用户群的使用习惯 可以主要从年龄上 来判断 30 岁以上用户 还是 800 600 居多 6 动画效果 动画效果 首先注意动画的放置位置 其次是呈现方式 再次是加载速 度 最后也是最关键的是内容的表现形式 动画效果会在第一时间吸引用户的 关注 但关注不是目的 要让用户有兴趣接受动画所传达的内容 在动画表现 形式设计时 还要注意与主画面相协调 动画效果节奏适中 不干扰主画面浏 览 8 8 图片展示 图片展示 首要的还是图片栏目的页面位置 要与整体网站比例协调 符合一般用户的浏览习惯 其次是图片的展示形式 现在有很多 flash 的图片 代码 还有 lightbox 的 js 也是不错的选择 再次是图片内容要清晰 不变形 图片选择上也要符合网站的总体风格 不要太突兀 9 9 图标使用 图标使用 首要考虑与页面整体风格统一 其次是简洁 明了 易懂 准确 再次可以尝试使用一些 3D 效果图标 10 10 广告位的设计 广告位的设计 广告设计最关键是要符合用户对网站广告的预期 不 要让用户对广告产生反感 有很多是网民早已认可的广告位置和形式 例如页 面上方的 banner 条 页面两边的对联形式 页面右下方的文字广告等 这些位 置都是网民们默认的广告位 千万不要冲击网民的浏览习惯 避免干扰视线 除非你的广告创意绝对吸引人 否则结果往往是立刻关闭广告和网站 11 11 背景音乐 背景音乐 除非是活动推广或者是形象推广类主题网站 搞点刺激性 的音乐提提神 否则千万不要设置背景音乐 一个字 烦 就算设置背景音乐 最好将开关按钮及音量控制放在显要位置 免的网民因为找不到控制按钮而立 刻关掉页面 三 浏览体验的八个关键体验点三 浏览体验的八个关键体验点 浏览体验 呈现给用户浏览上的体验 强调吸引性 浏览体验 呈现给用户浏览上的体验 强调吸引性 1 1 页面导航 页面导航 网站导航如同楼房的地基 是整个网站基础和框架 一切内 容和服务都是从导航中延伸出去 页面导航的设计分为两个层次 一是形式层 体现在导航位置 表现形式 文字 图片 flash 等 等方面 二是内容层 页面导航也是对整个网站内容框架的分类和高度概括 形式层的设计 建议参 照一下韩国网站的设计风格 动感 简洁 清晰 至于内容层 就因站而异了 分类条理最关键 但栏目名称尽量简短 栏目层次也不宜过多 两层比较合适 但也要以内容为中心 1 1 页面速度 页面速度 web2 0 网站中增加了越来越多的视频 动画元素 对网站 速度的要求也越发苛刻 回想一下 这么多视频分享网站中 为什么很多人 选择优酷 就一个速度 此外 大一点的网站再考虑一下南北互通 或者教 育网的对接问题 此外选择一家稳定的服务器托管商也至关重要 2 2 页面容量 页面容量 主要指首页的页面容量 除非是资讯类网站 否则网站首页内 容最好不要超过两屏 最好不要让用户再滚动鼠标就可以浏览到整个页面 再就是页面设计要考虑到文字和图片的搭配 还有不同字号 字体 颜色的 搭配 还有网站留白的设计 以免页面造成视觉抵制 心理学家做过实验 人眼每秒摄入的有效字符最多只有 20 个 要是页面全是细密的文字 效果 就可想而知了 3 3 页面结构页面结构 结构就是放置内容的框架 网站的页面结构其实是有章可循的 尤其是现在大家见的网站越来越多 自然也形成一些列默认的模式 简单分 网站主要也包括 同 字型 司 字型 三 字型 F 型等页面布 局 具体随后会撰文详述 这里要强调的是页面结构的创新也要基于一定的 规律 千万不要打破用户的浏览预期 4 4 内容安排内容安排 首先是突出重点内容 大标题 大图片塑造视觉冲击 这也是 借用报纸的操作手法 其次是内容协调 每一个栏目应确保足够的信息量 避免栏目无内容情况出现 再次是内容形式 兼顾视频 图片 文字的比例 和页面协调 5 5 内容更新内容更新主要包括内容来源 更新频率 更新数量 内容质量三个方面 Web2 0 网站更多强调如何调动用户的积极性 内容更新已经不仅仅是对编 辑的考量 也是对网站用户价值的衡量 对于内容质量 主要是从原创 转 载 内容本身价值等方面权衡 6 6 内容形式内容形式 现在有个立体化新闻的概念 视频 图片 文字 评论都在一 个页面中展示 而且再加上网民评论的即时更新 表现形式更生动 此外 对于文字部分 字体大小最好设置可调选项 对重点内容进行标注 对关键 词设置链接 seo 如果没有广告的考虑 最好不要设置多页浏览 很影 响阅读体验 7 7 内容呈现方式 内容呈现方式 更多的是细节的内容 包括新文章的标记 文章导读 相 关内容的推荐 还有网友推荐 打印页面 E MAIL 发送给好友 复制网址 等 现在 web2 0 流行的 DIGDIG 功能 加入些鲜活的互动元素 8 8 路径记录 路径记录 记录用户的浏览路径 方便用户随时返回和查找 此外对一些 重点栏目和页面可以设置快速链接或者设置页面底部导航 为用户提供明确 的快速入口 二 信任体验的十二个关键体验点二 信任体验的十二个关键体验点 信任体验 呈现给用户的信任体验 重在细节斟酌 强调稳定性 信任体验 呈现给用户的信任体验 重在细节斟酌 强调稳定性 1 1 友情链接 友情链接 对于新兴网站而言 用户对网站信任的判断不仅建立在对网 站设计的和功能体验的基础上 而且还有一个对同类或者其他相关网站的评估 上 友情链接的价值不仅在于 SEO 上 也是一个网站用户定位的重要体现 如 果网站链接的都是不知名的小网站 用户对它的评级也不会太高 首页友情链 接的设置不宜过多 更多的链接可以放置在一个单独的友情连接页面中 要特 别注重友情连接的质量 哪怕是做些单向链接 也要显示自己的实力 2 2 底部信息 底部信息 网站底部信息内容是网站中每个页面都共同的内容 底部信 息为网民提供了很多建立信任体验的内容 例如网站的建立时间 是否备案 是否经营性网站 是否有网警标示 隐私声明 网站的归属关系 如 xx 旗下 的网站 这部分虽然是细节的内容 但又是最为标准化和普遍的内容 最好留 心设计 3 3 关于我们 关于我们 这是一个用户了解网站背景的最直接途径 对很多有趣的 web2 0 网站 对于很多喜欢刨根问底的网民 关于我们还是很重要的一个栏目 因为这是网站站长必须的一个原创内容 对关于我们栏目和内容的设计和安排 往往会体现了站长的做事态度和风格 4 4 联系方式 联系方式 并不是有事找网站的时候才会关注网站的联系方式 一般情 况下 联系方式在网站中出现的频率也是网站自信程度的一种侧面体现 联系 方式不一定非要是详细的电话传真 通讯地址 哪怕一个邮箱 或者是一个联 系人的姓名 对于初创网站而言 翔实或者高曝光率的联系方式 比较容易给 网民建立踏实 信任的额感觉 总之放心 负责 能找到人 如果有实力 整 个 400 电话也成 现在 400 电话已经是白菜价了 但公信力还不错 而且方便 易记 5 5 帮助中心 帮助中心 对于 web2 0 新兴网站 尤其是功能型网站而言 最好是有 一个翔实的帮助中心 或者 FAQ 栏目 千万别相当然的认为网民对新东西一看 就会 新东西总会有出问题的时候 再加上国内网民的背景和层次差距较大 帮助中心还是必须的 此外 帮助中心的功能和内容丰富程度也是网站客户服 务意识的一种体现 值得重视 6 6 网站备案 网站备案 最基本也是必须的一道程序 说啥先把网站备案搞定 至少 要确认一下网站的合法地位 如果有条件和需要 最好是申请一个 B 字头的经 营性网站备案 此外如果涉及到视频 新闻还要到相关部门申请一下其他备案 备案这东西 看似小事 但关键时刻对网站就会有致命的影响 别的不说 看 看这两个月 和 的差别就知道了 7 7 内容格式 内容格式 内容的规范程度也是网站建立信任体验的重要方面 主要体 现在资讯类内容标准化展现上 一方面每条信息是否包含了来源 作者 编辑 发布时间 还有点击量和评论 全面的辅助信息是网站质量的主要参照 因为 现在能把这几点完全列出来的网站越来越少了 对于点击量也可以都设置一定 的初始值 但最好还是带着 另一方面就是个性化细节 例如设置页面颜色 设置字体大小 点击直接发送到邮箱 复制页面地址等 8 8 内容订阅 内容订阅 无论是用 feedsky rss 还是传统的邮件新闻列表 内容 订阅的设置不仅仅是要提高用户的黏度 推动用户再次访问 而且也是大型网 站和正规网站的重要标示 只有那些有实力和细心的网站才会提供定期的资讯 服务 其实这部分在功能上已经很完善了 网络中也有很多工具和服务商 只 需站长每天 每周 梳理一下重要资讯即可 此外这也是盘活注册用户的重要 一环 9 9 网站地图 网站地图 对 web2 0 的新站 无论网站规模大小 一定要做个网站地 图 一方面搜索引擎容易抓取到网站信息 而且网民使用起来也会很快了解到 整站架构 又是细节 但很重要 1010 加入收藏 加入收藏 加入收藏和设为首页是传统网站设计中必须的环节 现在 而言设为首页的意义几乎没有了 但加入收藏还相当重要的 一般是在网站的 右上方 最好将加入收藏的位置放在最前面 用醒目的颜色标注 1111 用户登录 用户登录 这也算是互动体验一部分 用户导向是 web2 0 设计的一个 核心理念 只有用户登陆才能享有更多的个性化服务 用户登录就无处不在 随处可见 而且还要设计的方便合理 最好不要打开新的登陆页面 具体情况 各异 1212 论坛人气 论坛人气 无论网站做的再花哨 如果有论坛这个栏目 打开论坛一 看 没几个在线用户 没几条热点内容 很容易直接就把网站否定掉了 因此 论坛千万要注意 要么不做 开设了就得注意人气的经验 哪怕自己每天狂灌 水 也得先把网站人气拖起来 三 互动体验的十个关键体验点三 互动体验的十个关键体验点 互动体验 呈现给用户操作上的体验 重在路径设计 强调易用性 互动体验 呈现给用户操作上的体验 重在路径设计 强调易用性 1 1 会员申请 会员申请 会员申请务必要贯穿在网站的每个页面 将随机性用户转变 成注册用户是提高网站流量和用户黏度的重要一环 会员申请的按钮或者位置 最好设计的醒目一些 此外 会员功能的核心是权限控制 网站必然要有一些 只有注册用户或者是高级用户才能浏览到的内容 但还要保证展现给非注册用 户的信息也具有一定的吸引力 否则 网民怎么会有动力去注册呢 扪心自问 为什么值得注册 用什么吸引注册用户 用什么稳定注册用户的定期访问 2 2 会员注册 会员注册 web2 0 网站最好设计多级注册方式 只填写注册名 邮箱 密码等就可以完成第一层次注册 让后再进一步吸引用户补充内容 第一层主 次 务必要流程清晰 简洁 为用户节省时间 其实更为关键的还在于后面 如何吸引用户补充全面的信息 这里就有一个 web2 0 的理念 你分享出去的 内容越多 得到的权利和尊重也会越多 要让网民明确他们补充信息的价值 在哪 此外 还要注意提示用户信息的完整程度 3 3 表单填写表单填写 表单填写有多种方式 但最好不要将所有项目分为两个阶段 必填项在第一页 或者提供明显的标示 千万不要将所有项目全部列出来 用 户一定会吓坏的 Web2 0 就要人性化一点 考虑一下用户的接受程度 简单一 点还是没错的 提交成功后 感谢提示页面务必要精心设计 尤为注意应该将 注册后的用户引向何处 是回首页 还是个人界面 还是前一个浏览页面 感 谢页面在内容和形式上最好设计的有个性一点 4 4 点击提示 点击提示 点击浏览过的信息颜色需要显示为不同的颜色 以区分于未 阅读内容 避免重复阅读 对于图片 最好设置图片标注 鼠标滚动到图片时 能显示图片标题 5 5 错误提示 错误提示 设置错误提示页面 对错误页面以合适的引导 无论是什么 原因 网民只要在网站上遇到了错误页面肯定会非常不爽 甚至会直接关闭网 站 要充分考虑到此时用户的访问心理 设置一点真诚的解释说明 最好将网 民重新引向网站 或者可以设置个报错的反馈 细心处之 6 6 在线问答 在线问答 在线问答有太多中形式 从用户的使用预期出发 既然是在 线问答 消费者希望得到最快的答复 但现在的情况是 往往网站提供了很多 方式的问答渠道 但往往没有人回应 毕竟工作人员不能 24 小时守候啊 建议 搞个小 I 机器人训练一下 顶个美女客服了 还有一种误区 认为在线问答就