1. 铺天盖地的创新
网页设计(Design)师都非常有创造力。我们希望通过作品来表达自我。我们总是在寻求创新的设计方法(method)来脱颖而出(本领全部显露出来)。但是,当涉及(to involve)到交互设计时,创新并不总是好事。甚至会给你的网站带来坏的影响。用户渴望熟悉的事物,他们总是会遵循一些特定的操作(operate)方式。
Randy J. Hunt,Etsy的创意(originality)总监和GOOGLE PRoduct Design for the Web作者,清晰地陈述过:“嘿,设计(Design)师:别再TM自作聪明了。UI设计教程UI表面上看是用户与界面两个组成部分,但实际上还包括用户与界面之间的交互关系。”在文章中,他详细解释了为什么别在网页设计上过分热衷创新。
以Iotorama网站为例。UI设计教程具体还包括:可用性分析、GUI(Graphic User Interface即图形用户界面)设计、用户测试等。好的UI设计不只是让软件变得有个性有品味而已,更重要的是让软件的操作变得舒适、简单、易用,并且充分体现软件的定位和特点。它挺漂亮,音乐深情,但是看着满屏幕移动的球,用户不知所措。不要误解我的意思,这个项目非常出色,超级有创造力!我喜欢这个大胆的创意(originality),但它一点也不直观。
Overwhelmed with Innovation
还有一个例子。Safety on the Slopes项目背后的创作者想到一个巧妙的交互式图形,用来警告(Warning)用户冬季运动的危险(danger)。非常创新,同时也很直观、有趣、令人印象深刻。
Irwin
2. 令人困惑的导航
“不要自作聪明”的准则也可以沿用到网址导航上。有些设计(Design)师试图使用(use)折衷的名称来寻求新颖(Novel)。比如Chijoff网站就让用户不知道他们究竟提供什么,如何聘请他们。需要看上好一阵子,才能理解“共同创造”页面实际上就等同于“服务”。甚至还有,通读整页后用户仍然不知道该怎么做……页面末尾只有个小注册表单用来获取(obtain)最新的行业新闻和提示!在“联系”页面也没有表单,只有邮编和邮箱地址。使人们联络或聘用他们非常困难(difficult)。
Chijoffco
你能猜出“Universe”在Maison Margiela网站中是什么意思吗?实际上它链接到他们的Facebook主页。谁能想到?
Maisonmargiela
相反,看看legworkstudio的网站。它的创意(originality)与超凡令人震撼。网址导航非常清晰不含糊。用户绝对不会迷路。
3. 杂乱无章
有一段时期,网站都试图把一切可能(maybe)的东西摆上台面。那些日子已经一去不复返,但是很多网站仍然在犯这个错误。看看这个在线商城:
Flipkart
设计师试图坚持一种单色配色,但是大量颜色不同的色块、logo和字体,在这个页面上就足够让用户步履蹒跚。搜索框有着醒目的文案:“那么,今天你想要什么?”,但整个布局的外观和感觉非常过时。
EBay是主要在在线零售商之一,在这点上做得不错。没有用产品(Product)图片、促销(promotion)和各种行动召唤塞满整个页面,而是保持它干净简洁,强调他们确实希望用户首先关注的东西,并附上清晰的提示,接下来该怎么做。
ebay
4. 注意(attention)对比,大哥!
对比是创造视觉层级、吸引用户注意(attention)特定元素的最重要的方式之一。在网页设计中,对比不仅仅意味着颜色使用(use),也包括尺寸、形状和位置(position )。
这个网站是最简单生动的例子。他们做到了统一一致,但整体背景(background)和按钮并不够吸引人,尤其是在订购按钮上。
Modern themes
相比来看这个。UI视觉设计承担的不是单纯意义上美术工人的工作,而是软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。颜色选用很接近,但结果却完全不同。而且,创新的滚动效果(effect),流畅(Fluent)地介绍了产品的新功能——反光材料(Material)。很酷,对吧?
Bjornborg
5. 忽视表单样式
评论(0)