UE设计实战怎样评价一个原型的质量_第1页
UE设计实战怎样评价一个原型的质量_第2页
UE设计实战怎样评价一个原型的质量_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

一般我们会觉得,最终呈现给用户的UI是交互设计师水平的直接反映。但作为用户研究员的我,开展原型测试时接触、比较过各条产品线十多个交互设计师所做的原型,深刻体会到:原型的质量,有时更能体现交互设计师的功力——包括思维能力、组织能力以及细致程度。就比如你看一个美女穿着光鲜亮丽得体,但你得看过她家里才知道她到底是淑女还是邋遢女。原型的质量,是指保真程度么?非也。高保真——交互细节均做到位,带有视觉雏形——当然非常好,但这只能体现交互设计师使用原型软件的技巧。九零后的PS技巧也很高超,不代表他们的作品有品质。同理,你是Axure高手不代表你能做出可用、易用的产品,只能保证你的工作更有效率。那怎样评价一个原型的质量?其实,光看页面结构树,页面命名这两点就能看出问题来。页面结构树默认品牌后宽屏后Lenovo^默认品牌后宽屏后Lenovo^L尸口匕山口巨口日.匚口叩Home-:ne:?/choase页面结构树图例个人认为,页面结构树是否结构分明、分层清晰,能反映设计师对于产品整体把握程度。不仅对于页面关系复杂的产品如此,对于树状结构不强,流程性结构的交互也一样(详例见页面命名部分)。页面结构树为什么重要?•它反映了产品的信息架构。如果结构树混乱不堪、节点层级错乱,大可推断设计师也许只是机械地按照产品经理的产品说明文档(PRD)把页面给做出来,TA缺乏深入思考,并没掌握信息架构或页面流。那试问,连自己都没搞清楚,你怎样期望用户顺利完成任务、不迷失?它使设计师在整个设计过程中,清楚知道当前编辑中的页面的归属,从而保证一致性和连贯性;没有良好的结构作为基础,在需求变更时只会使页面及页面关系越来越混乱。结构化并不会导致灵活性缺失,因为只要有明确的页面子节点关系,整个分支的移动反而更轻易、更不会出错;原型毕竟并不是只给自己用的,它是交付物,对其他岗位角色的工作也会有影响。比如交付给用户研究员开展原型可用性测试,如果页面结构乱七

八糟,而页面又没有很好地串联起来,我为了设计测试任务而不断走查原型会非常麻烦。页面结构树与产品逻辑结构树一样么?非也。因为前者完全以产品、以功能为中心,反映了产品的思维能力。而页面结构树,是在产品逻辑的基础上,融入交互设计师对于信息架构、对于用户的理解。比如实现一个功能,用一个还是两个页面?用页面还是层?用跳转还是新窗口?等。总之,在花心思实现某个页面上的交互前,不如花一点时间,把页面结构树建立好?这是帮助自己理清思路、深入思考的重要一步。月漓的做法很值得参考,她会先画出页面结构图(图1),计算总共需要多少个页面、多少层,以及这些页面在流程上的分布。L尸口丄山口匕口Eh匚口叩屮二聒甘亂氏W台亦悠LU一为*STBIirt-^»^HM5r:■■XiOfli点!L尸口丄山口匕口Eh匚口叩屮二聒甘亂氏W台亦悠LU一为*STBIirt-^»^HM5r:■■XiOfli点!raHlWHS-叶war?)下一审赴恥「曙mUi哇■水fc-^._B.n.^,-^5u..1—iBilrAttHiPI■如・井豪|:FRM如祁■■:算矗■料飞■审样屯事“r-霽抵干廉吟口尺面审4出名血息豪■卫■第网缶曲■割AEnl咼牡果覃貝IHnt曲丸良寿・*禾兀・奋矍漲限型・图1页面命名每每看到命名为newpage或者copyofXXX的页面,我就要抓狂。页面命名只是举手之劳,没有任何技术难度,也正因此,它能反映一个设计师是否细致周全——而这,正是做出精致产品的关键条件!表意清晰的页面命名,才能保证页面结构树的清晰和一目了然,才能时刻提醒自己:这个页面到底是干嘛的??比如超群的做法(图2),我觉得非常好,在页面上加上StepX的标注,能让自己在设计时脑清目明。」八网破落潜迅J,Step1立囲輕9啓^曰席JStepl购靭车人口□Step2碗认订単信息」Step3^到付款JSt&p3疲付宝图2一致的页面命名,才能保证页面涉及到的概念,在展现给用户时是一致的。比如某个界面上的tab叫牛逼,对应的页面却命名成牛掰,你就常常会发现下次牛逼/掰这个概念再出现时,又会变成niubility了。小文案,大学问呐!常常我看着界面上那些错字、不统一的名词,就纳闷设计师们做好页面后,是不是连好好瞅一眼自己作品的时间都没有呢?除了以上两点,原型制作还应养成一些良好习惯,如添加标注、添加参考页面等。图3是我在老三的原型里发现的资料参考页,他把可用于参考的一些关键页面、模块截出放在原型里,方便查阅,是非常好的做法。vgcnnKnor—Il尸口上也口匚口m1*■«a*■!*£!»*■图3以上是我在接触十多个设计师的原型后的小小想法。我绝对认可必须做好具体交互过程,但是我觉得,制作原型,保真度低点、页面丑点没关系,建立架构和准确命名却能使你的整体设计更佳——而这其实并不需很多时间。更何况如今有了模式库,实现控件化

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论