前言

21世纪各种移动端设备充斥着人们的生活,我们越来越多的精力被投入到移动设备以及网络交流中,而现实中的人际交流变得越来越少,那么移动设备上到底有什么?又能完成怎样的娱乐商务以及沟通功能呢?作为获取信息的展示形式之一:网站无非有着举足轻重的位置。

如何才能规划好一个网站?在经过我网页设计师,软件开发以及多个门户网站的经历和用户体验和对此书的阅读之后有了更深刻系统的认识。有需要的伙伴可以拿去参考。

网站的设计原则

1 标识导引:所谓标识导引是指用方便认知的图标或者感性的图片用来指引。原先是用来区别男性与女性记忆特点的方法,因为相比于男性的理性认识,女性更倾向于选择感性认知以及记忆的方法。在这个原则的导引下,需要明确的四个问题是:当前所在的位置,所寻找的在什么位置,如何去寻找的路径,以及已经看过或者搜索过的位置。
2 设置期望并提供反馈:现在的网站已经发展到web2.0甚至3.0,所以网站与用户有交互设计是很必要的。需要对用户的当前操作提供标识和提醒,以及可能的下一步,上一步,可撤销操作,可灵活的返回到某一位置。
3 基于人类工程学:越来越多的设备开始设计基于这一核心的,为了符合更多的受众,为了获得更好的用户体验。而针对与网站,考虑的是导航的方便性,色彩的搭配,视频以及音乐插入的科学性(参考Myspace).
4 保持一致:稍微专业的网站或者设计产品都会把握一个原则,就是设计风格一致,而不会是杂七的拼凑,从各个大的门户网站以及手机设备的icon风格便可见一斑。另外就是设置风格一致时,要考虑到色彩搭配以及和主题的相关性,例如医药之类的网站就不适合用大红大紫的颜色体系。
5 预防以及保护:对于相应的信息要提供纠错支持以及相应的正确方法提示,在保护用户信息的私密时,要注意保存用户的信息。减少网页跳转丢失信息的可能,与此同时要对错误的信息以及可能出现的故障进行相应的错误提示,反馈给用户。
6 靠辨认而非记忆:对于网站中出现的问题,要让用户在体验的过程中去发现并反馈,而不是局限于工作人员的自查。
7 考虑到不同水平的用户:网站的最终客户毕竟不是设计人员本身,所以最大程度的分析不同年龄,不同心里,不同用户习惯的网站用户参与到网站的设计中是最好的。
8 提供上下文的提示以及帮助文档,据我了解到的淘宝在这方面做的很详细,任何一个淘宝名词都有相应的解释以及操作,还有专门的机器人回复以及云客服。

用户体验的平衡法则:

1 ucd(以客户设计为中心),了解用户是什么,与用户进行交流,为用户设计,一同测试并实现(网站原型),可以少量取材反映大众意见,当所取样本具有一定科学性时,就具有80%以上的可用性。
2 当前网站的类型:市场模型(提供交易平台例如京东,阿里),广告模型,联营类型(第三方购物分享网站),社区模型(豆瓣,天涯),订购模型(软件,服务以及硬件等)

规则性:

1 分析用户访问一个网站的原因:寻找某个信息,完成某项任务,消磨时间
2 访问页面时的心里以及行为:我在正确的位置,网站上有我找的东西,还有没有更多更好的,我现在或者下一步该做什么。针对此需求,需要完成的页面要求,产品的范围要具体,顶级服务要在明显的位置,可以直接跳转到某个需求页面。
3 组织系统:所谓的组织系统是指我们把一系列的信息存放时所用于寻找时对应的简单标识的类型。我们常用的有字母(通讯录,员工手册),位置(地图),时间(日历),连续区间(排行榜),数字(邮政码),种类(书刊或者商品),随机(用户自定义等),而这些有时又会被定义为书签。可以用来快速定位到某个位置。

信息架构 :

1 参见选项:搜索相关信息时能够自动填充,填充可以为用户的也可以为需要的或者为样例的格式,对于将要出现的类型,还可以进行相应的说明,对于模糊或者错误的词提供纠错提示。常见于搜索引擎。
2 关键字: 为每个可能性数据设置关键字,用户也是可以添加的,因为在未来的时间里很多越来越多的内容是用户添加的或者丰富的,而网站的工作人员更多的成分是提供管理以及便利支持。
补充:设置关键字的几个方向:受控词汇表(需要设置常用的以及优选项),等价关系,层次关系,联想,逆向工程(another word).

研究搜索引擎:算法以及查询建议

1 搜索的原理:目录加配置,提供快速加载,将常用的最先加载,提供给用户使用,提供分段加载。
2 查询建议工具:提示需要的关键字,如上一节所述,另外就是在相关的关键词处用加粗或者样式标出相关性。也可以随时的加入用户增加的结果。
3 个性化搜索:通过用户已经做过的进行建议,查询的上下文,用户所反映的个人习惯,位置进行推断,得出共同点以及倾向行为。

从a到b到 c:

任何网站都可以提供信息,但是提供的方式各有不同,如何能在提供信息的同时提供趣味性或者交互性就是赢家。用户的一些列操作就是像走一段没有路标的虚拟之路,如果有路标,如果有故事,和用户本身的角色以及属性相关,那么他会愿意再来一次或者推荐朋友来的。不是只有游戏网站才可以有这样的设计思路,为自己的网站设置一个网站路径图或者任务分析图吧,列表或者文字啥的太枯燥了。

从方框到页面:

1 到这里就该讲一下网站的布局,网站的布局分为梳状,树状,星状等。而导航以及相应的模版要做到样式简单好用但是功能强大,能够让用户对这个网站的架构很清晰,并且便利的找到,而不是毫无架构层次关系的方框图。
2 一些常用元素的添加,例如工具条,面板提示框等。

导航之路:

1 假定用户是迷茫的,如何找到使用或者寻找的某项内容或者页面,回答无非是两种,一种是导航,另外一种就是搜索。导航分为几类:已知项导航,探测搜寻,类导航(结构导航,关联导航,可用性导航)布局位置有区别。
2 全局导航,局部导航,下一步指示(成功与失败两种结果)。
3 涉及导航考虑的因素:内容如何组织,用户希望什么,希望用户什么,分页导航。

构建社交空间:

1 BA反馈 2 问题所在 3 重新构造
4 影响客户 5 用户需求 6 我的内容
7 技术实现 8 设计元素样式 9 设置格局

参考文档

《锦绣蓝图》 [美] Christina Wodtke ,Austin Govella 著