建站常识
网站交互设计-探源
2012-05-14 22:06:58
思维方式一:从“平面”到“舞台”的设计
一位交互设计前辈曾说设计思维的局限有时在于太拘泥于面前的那个“方块”,如果你把面前的二维方形界面转化一个思维,将它翻转一下,看成一个舞台,你需要的元素都是你的演员,什么时候转场,什么时候出现那位角色,如何出现……很多事情都会豁然开朗。

其实这种思维方法,就把平时面对的二维交互界面更佳贴合用户接触的三维、四维空间,达到模拟现实,增加用户操作的感知和理解。
或许刚这样说,可能还无法hold。举个例子,在实际工作中,我们可能会和团队一起讨论这个页面是否应该出现某功能,出现在哪里?以及这个功能元素如何出现。可能大家争论不休,谁也没有特别能服众的理由。其实这个时候就可以使用这种思维方法,把这个功能元素当作演员,如果你是导演,那么这个演员应该在:
何时出现:用户什么时候需要它?
演员在合适的时间来到合适的位置上,出现在哪里才不会影响主角的风采,也足够醒目呢:它的出现会影响我主要功能吗?它的出现用户可以感知到吗?
它的出场是该渐渐显露还是突然出现呢:转场、跳转、浮出还是弹出合适?
思维方式二:交互设计是关于“时间”的
上述的思维方式还帮助我们思考“何时出现”,这就是交互设计中非常重要的“时间线”的设计。设计都是有时间的,可能很多设计师包括我自己都经常忽略到这点。用户是从开始到最后有时间流逝活动的对象,随着时间的推移,交互介质和交互场景都会发生转化。即使同一个元素,不同时间状态上展示的方式都应该有所不同。关于这一点举个简单的例子你就会马上明白。
appstore对于软件的安装中,你会发现,当你第一次安装的时候,状态显示的是“免费”,即向用户表明这是一款什么性质的app。当已经安装但是有新的更新,则显示“更新”,表示当前app有更新,可以点击更新。当用户已经安装新颖版本后,则显示置灰的“已安装”,告诉用户你已经安装过了,不用再操作了。置灰是防止用户误操作的好方法,这个在《容错性设计》中有描述这里就不多说啦。
思维方式三:创新
记得读研的时候,做装置艺术的一位导师说:“所谓设计的创新就是把本应该大的东西做小,本应该小的东西放大。”现在想来,其实可以扩散开来,把一些常规的组合打散,把一些元素重新组合。摆脱常规就是一种创新。
比如之前看到的一个按钮,把loading状态和取消组合在一起了,这就不同于我们常见的长条状进度条,右侧取消按钮的模式。这种把不同元素重新组合一起就是一种创新啊。
思维方式四:
“术”的过程
这里的说的“术”,不仅包含交互设计的初期需要掌握快速原型的方法(纸上快速表现也不错哦),更多的是对常见交互模式的熟知。
如果你认可:设计是用来解决问题的。交互设计往往为问题提供解决方案。那么,熟知已有的ui模式对于你用来解决常见问题非常有用。
例如,平行面板模式(手风琴模式)可以收起(一次只显示一个),也可以展开(同时显示全部)。这种模式适合组织大量类似或相互影响的信息,让用户在同一页面更高效的获得信息。最佳应用在:需要申请者需要填写各种没有顺序的类别目录。
更多关于设计模式的可以参考《常见UI设计模式》。除了这些平时需要多看不同的产品界面,接触越多拿出手的才能越多。
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2016-09-25 21:03:00] 行之有效的网络推广方式介绍
- [2016-12-19 15:51:00] 政府网站建设要按照“一级政府一个门户网站”的原则,实施政府门户网站群的策略部署
- [2020-11-25 15:03:59] 青岛网站建设时如何选择图片?
- [2017-01-03 15:04:00] 《中国移动互联网市场趋势预测》发布
- [2013-05-07 17:11:40] 史蒂夫 乔布斯 遗失的访谈-18年前对互联网的预见
- [2016-11-18 11:25:00] 美国大选之后,VR/AR杀手级应用还有多远?
- [2012-09-25 17:12:50] 网站的背景设计
- [2014-07-22 23:21:02] 修改了网站title 被百度K
- [2016-08-01 11:18:12] 青岛力图数字科技,分享百度优化影响网站权重的因素
- [2016-07-22 10:08:02] 外链建设,务必抓住行之有效的1%
- [2016-08-08 14:42:00] “定制”背后的智能模板建站的隐患
- [2016-07-28 14:12:42] 网站设计:如何让交互设计更加简化?


