用户体验与交互设计

——雅秋@UCD交互设计

Archive for the ‘原型设计prototype’ Category

继续把偶菜鸟的学习过程分享给大家。 承接上文,我把原型工具学习计划这样制定: (ps:详情参照《从AXURE谈原型工具的学习(一)》) 1. 先把Axure各个控件(Widgets)了解清楚,知道每个控件最基本的功能都是哪些; 2. 掌握控件对应的常用交互命令及组合使用方法; 3. 找一个喜欢的网站,模仿出来! 4、最后就可以自己创新了,可以自己寻找某个需求来实现它。 第二期就从各个功能和控件(widgets)入手: 首先是Axure的工作环境: 1. 主菜单和工具栏(Main Menu & Toolbar) 文件打开、保存、输出原型、输出spec等常用操作。 2. 站点地图面板(Sitemap…

设计师无论“点子”多酷、多富创意,难免面对实际“交付物”——交互文档书写的问题。尤其在一些大公司,文档书写的漂不漂亮有时是“Make your work visible”的关键。 实际项目中,文档大体可以分为三类: – 用户需求文档 – 商业战略文档 – 设计文档 用户需求文档主要解决网站为“谁”提供服务,用户是谁?的问题。商业战略文档主要是对产品概念模型、网站主要内容和商业竞争分析。而设计文档的书写才是这里讨论的重点。 首先,要弄清文档和哪些人联系在一起: – 写文档的人 – 用文档的人 – 批准文档的人 如果你是“写文档的人即设计师”,那么还要满足其他两类人的需求——让“用文档的人”(无论是用研还是开发人员)领会你的设计意图;让“批准文档的人”(也许是你的老板或股东)清楚理解你这样设计的优势,计划合理的工期和费用。…

  交互设计师在设计线框图原型的时候,熟悉常见的web设计模式很有帮助,做到“心中有数”才能创造出符合需求,用户熟知操作方式的界面来。所谓“没有必要重复发明轮子”,模式往往容易解决常见问题,正确的模式能帮用户熟悉界面、提高效率。

  越来越多互联网和软件大鳄投入开发完善庞大的原型工具来缩短开发流程,降低开发沟通成本,比如微软大力推荐的Microsoft Expression Blend功能之强大覆盖整个开发流程,从最开始的草案到高保真原型,最后可以直接转化为C+,使得设计和开发无缝接洽。但是,Axure无疑是目前最流行、最普遍的原型工具。它的优点这里就不再啰嗦了。我想通过我这个菜鸟在学习中的心得来介绍原型工具在产品开发中的实际应用。

  这是我先前在触屏手机上做的一个关于twitter应用的原型草案。

  虽然最终没有采用,但还是拿出来晒晒:)

  原型工具使用的是:Balsamiq Mockups

  这款工具非常适合在项目初期,概念设计(conceptual design)阶段快速绘制出低保真原型(Low-fi Prototype)并小组讨论。