初步了解信息架构(2)_网页设计教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:重新认识button标签
翻译原文:http://diger.cn/article.asp?id=359英文原文:http://particletree.com/features/rediscovering-the-button-element/对每一个程序设计者来说,

三、分阶段的方式建立有效的信息架构

  1. 理解客户需求,背景和用户需求,阅读所有的现有文件,与利益群体作沟通,并且做出内容清单。



  2. 引导测试用户参与卡片分类活动。



  3. 通过卡型分类活动评估之前设计的分类,从中寻找分类的趋势。
    合理划分类别的重点和相关的次序,通过分析找到工作流程的梳理过程。
  4. 做一个信息架构的草案出来。



  5. 使用卡片评估的方式来测试设计出来的架构。
    我们的卡片是每个流程的重点,信息架构草图是流程的框架,两者结合验证工作的重点是否有偏离;有计划还可以请相关人员进行可用性测试,对用户角色调研起到很重要的补充;
  6. 不要对第一次设计就成功带有过多的期望,寻找合适的措辞和分级可能会需要好几次重复的设计与评估。
    可以分三次考虑,首先,初稿,了解信息架构的粗框架,类似与uml图示;




    再次,从下到上的梳理用户的需求和流程的衔接;




    最后,从上到下,整理导航和系统使用框架,确定信息架构;
  7. 把信息架构记录成网站的地图,当然这不是最终的网站地图,只有页面设计都完成以后,网站地图才会定稿。
  8. 使用剧情设计测试你的网站设计。(情景模拟)
  9. 让开发团队的其他成员也参与剧情设计和遍历,并且与他们分享测试的结果。
  10. 假如有可以,在进行正式开发之前,多做一些纸面原形或者低拟真原形的测试。通过visio制作demo


  11. 建立一些文档,把要害的用户操作点都标注起来,这样可以给视觉设计和程序开发人员一些提示,保持开发能够充分利用前期设计的结果。

分享:网页设计中的版式原理--力场
美的形式原理存在于艺术各个门类,网站制作也不例外。好的网站制作必须遵守这些设计原理,将美融汇于网站制作中。网站制作中的页面原理的讲解虽然分十二节进行

来源:西贝的交互设计//所属分类:网页设计教程/更新时间:2007-07-30
相关网页设计教程