UI/UX 相关术语笔记

我从念书那会儿英语就不好,后来上了大学念计算机,考了好几次都没过CET-4,因为那时候我只能记住和计算机相关的术语,其他的一概不知,更别跟我提什么语法语态了。可是有的时候不论是计算机也好别的什么鬼的也好,总是引用的原本的英文术语,甚至简写,因为汉语的翻译有时候并不准确,又或者太过泛泛了。这一次踩进了UI/UX里发现专业术语比以前更多了,权当顺手记下来当个笔记,总觉得单音语系学习多音语系有种嘴皮子翻得不够快的节奏。

UI/UID  User Interface/User Interface Design   用户界面设计

UX/UE/UXD/UED User Experience /User Experience Design 用户体验设计

RD Research and development 研发

关于设计层面划分有以下五个部分

策略层

这一层多半还是在向客户获取更多信息以构造故事的环节,发想出所谓思维导图(Mind mapping)的东西。在这个部分多半是用笔在纸上涂涂画画,清晰一点的时候也可以用Xmind来制作思维导图。

功能层

这一层开始就具体到了产品的功能范围,需要制作功能图(Functional Map)来示意,这一层也多半可以用手涂,或者使用Xmind,这个软件确实很好用,而且是免费的。

结构层

这一层就需要从上一层中的功能图衍生转化出界面流(UI Flow)来了,界面流依然可以使用手绘或者Xmind,但是界面流属于一个非常规范的东西,对应着下一层的线稿图,只要有一页界面,就要有对应的一个线稿图,所以这里最好有编号,比较好对照。

骨架层

这一层就是通过界面流对应的画出每个界面的线框图(Wireframe)来,线框图一开始可以用手绘,比较容易抓住你想要展示的形式点,可以随意涂抹,并且多次修正,到完整的时候可以借助很装逼的线框尺来协助绘制,也可以使用软件Axure来绘制。这个图稿还可以加入交互完成低保真的模型(Prototype)进行逻辑测试。

表面层

这一层是通过之前的线框图经过精密的设计完成的高保真界面(Mockup)。同理加入交互之后可以成为高保真模型进行测试。

其实现在的客户很操蛋,你即使完成了线框图的低保真互动模型给他测试,他也会觉得看不懂或者觉得你们根本啥也没干好么,随便拿了个涂鸦来对付我是闹哪样。其实这时候才是最好的检验功能性和逻辑性的时候,有任何问题立马就可以修改,如果等到出了高保真模型之后再修改就是要累死个人了。那时候修改的地方应该是界面的设计细节部分才对。但是他们只有拿到成稿之后才会开始指点江山,做任何设计都是如此,每到这个时候总会呕血几两。


旧的一篇:
           新的一篇:

Leave a Reply