以用户为中心的设计 |
这是UCDChina提前预览网页留下的存档，不包括作者可能更新过的内容。 推荐您进入文章源地址阅读和发布评论：http://piglili.blogbus.co......54440623.html |
||
|
一般我们会觉得，最终呈现给用户的UI是交互设计师水平的直接反映。但作为用户研究员的我，开展原型测试时接触、比较过各条产品线十多个交互设计师所做的原型，深刻体会到：原型的质量，有时更能体现交互设计师的功力——包括思维能力、组织能力以及细致程度。就比如你看一个美女穿着光鲜亮丽得体，但你得看过她家里才知道她到底是淑女还是邋遢女。
原型的质量，是指保真程度么？非也。
高保真——交互细节均做到位，带有视觉雏形——当然非常好，但这只能体现交互设计师使用原型软件的技巧。九零后的PS技巧也很高超，不代表他们的作品有品质。同理，你是Axure高手不代表你能做出可用、易用的产品，只能保证你的工作更有效率。
那怎样评价一个原型的质量？其实，光看页面结构树，页面命名这两点就能看出问题来。
1. 页面结构树
页面结构树图例 个人认为，页面结构树是否结构分明、分层清晰，能反映设计师对于产品整体把握程度。不仅对于页面关系复杂的产品如此，对于树状结构不强，流程性结构的交互也一样（详例见页面命名部分）。页面结构树为什么重要？
页面结构树与产品逻辑结构树一样么？非也。因为前者完全以产品、以功能为中心，反映了产品的思维能力。而页面结构树，是在产品逻辑的基础上，融入交互设计师对于信息架构、对于用户的理解。比如实现一个功能，用一个还是两个页面？用页面还是层？用跳转还是新窗口？等。
总之，在花心思实现某个页面上的交互前，不如花一点时间，把页面结构树建立好？这是帮助自己理清思路、深入思考的重要一步。月漓的做法很值得参考，她会先画出页面结构图（图1），计算总共需要多少个页面、多少层，以及这些页面在流程上的分布。
图1
2. 页面命名
每每看到命名为new page或者copy of XXX的页面，我就要抓狂。页面命名只是举手之劳，没有任何技术难度，也正因此，它能反映一个设计师是否细致周全——而这，正是做出精致产品的关键条件！
表意清晰的页面命名，才能保证页面结构树的清晰和一目了然，才能时刻提醒自己：这个页面到底是干嘛的？？比如超群的做法（图2），我觉得非常好，在页面上加上StepX的标注，能让自己在设计时脑清目明。
图2 一致的页面命名，才能保证页面涉及到的概念，在展现给用户时是一致的。比如某个界面上的tab叫牛逼，对应的页面却命名成牛掰，你就常常会发现下次牛逼/掰这个概念再出现时，又会变成niubility了。小文案，大学问呐！常常我看着界面上那些错字、不统一的名词，就纳闷设计师们做好页面后，是不是连好好瞅一眼自己作品的时间都没有呢？
除了以上两点，原型制作还应养成一些良好习惯，如添加标注、添加参考页面等。图3是我在老三的原型里发现的资料参考页，他把可用于参考的一些关键页面、模块截出放在原型里，方便查阅，是非常好的做法。
当你从零开始，用原型软件动手做原型时，第一步该做什么？期望看到有交互设计师分享他们的第一刻。
|
