存档

文章标签 ‘交互设计’

没有评论交互设计模式——空间记忆

2009年12月17日

当人们进入一个全新环境时,他们需要对空间建立认知模型,要有个空间记忆的感觉。同样,当新用户来到全新、陌生的网站时,用户也希望有个类似站点地图的东西。但如果想让用户更加自如的使用网站,让用户毫无顾及的去尝试,不怕迷路,我们必须为用户建立起空间记忆模式。它犹如沙漠中迷途者手中的指南针与行驶在荒原上汽车装的GPS一样,那么在网站上空间记忆模式的应用有哪些表现呢?

来自用户的抱怨

“我敢发誓,这个按钮一分钟以前还在这里。它哪里去了?”:

当人们使用东西或文档时,他们经常通过回忆它们在哪里来再次找到它们,而不是它们的名字。很多网站把它们的表单按钮——确定、取消等——放在预定的位置上,部分原因是由于它们的空间记忆依赖性。在复杂的应用系统中,下面这些元素也可以由记忆它们的相对位置找到:工具条上的工具、层级结构中的对象等。因此,你应该小心使用像响应式展开(Responsive Disclosure)这样的模式。把某个东西添加到界面上通常不会引起麻烦,但是把控件重新排列会打乱空间记忆,从而难以找到。这得看具体情况,如果你不确定的话可以做一些用户测试。空间记忆和习惯之间的关系很密切。和习惯一样,空间记忆也是一个在应用中及在应用间保持一致性会带来好处的理由。人们会期望在类似的地方找到类似的功能表现。顺便说一句,网站导航菜单列表的顶部和底部都是很特别的区域,从认知的角度说,与处于菜单中间的项目相比,顶部和底部的项目会获得用户更多的注意力,记忆也更持久。如果他们发生改变,对用户的重新建立空间记忆势必会造成影响,请慎之。
阅读全文…

分类: 交互设计 标签: ,

没有评论网页栅格系统研究(3):粒度问题

2009年12月7日

研究(2)中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。(注:如非特别指明,栅格系统均指24列960栅格系统)

淘宝的首页截图)目前尚未严格遵守栅格系统,如果重构的话,宽度方向可以考虑采用下面的栅格布局(只考虑页面主体部分,忽略高度的比例):

(图1) 阅读全文…

没有评论网页栅格系统研究(2):蛋糕的切法

2009年12月7日

首先澄清一个应用场景问题。研究(1)中指出,对于结构复杂的网站,不少设计师们喜欢采用960固定宽度布局。但要注意的是,960并不是万能钥匙,大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局,最大限度的呈现信息。Google更是简简单单,主题部分就一个列表。eBay的页面非常简洁,商品页面宽度自适应,信息自然流畅,噪音少,购物很踏实。类似的站点还有很多,对于这些站点来说,宽度自适应布局更受青睐。

阅读全文…

1 条评论交互设计师如何提高自己的能力?

2009年11月8日

转自:http://blog.uxredesign.com/interactive-design/interaction-design-job-ablities/

2年前,去杭州某公司做交互的时候,除了自己在书上看来点的交互外其他的一概不了解。后来,在杭州那公司做久了,才知道交互设计是怎么回事。总结下自己初学交互时的坎坷,希望后来的同胞可以进步的更顺利些。

这个以户为中心的设计是近几年才逐渐流行起来的,交互设计也是个新兴的行业。和我之前做的老本行:网页设计师一样,交互设计由于其入门门槛低,也没什么考核标准。加上所用的工具乱七八糟:十八般触手可及的东西如:ppt、visio、打印的废纸背面、就连餐桌上擦嘴的纸巾都可以拿来干活。所以,网页设计师不管如何也得经过2个礼拜的photoshop上岗培训这样的门槛,交互设计师门槛更低了,只要会拿笔就ok了,因此良莠不齐的现象出现也属正常。而且,大多数交互设计师是从其他行业转过来的,因此在工作方式上亦有差异,有的偏视觉设计(可能喜欢用photoshop、illustrator干活做线框图?)、有的擅长逻辑分析(可能喜欢用代码做线框图)、也没准还有用餐巾纸做线框图的,那哥们也许是从餐饮业转行来的。
阅读全文…

分类: 交互设计 标签: ,

没有评论简历中的交互设计

2009年11月8日

每年的10月和11月是各大公司校园招聘的高峰期,今天没事的时候在同事收到的一箱子简历里面翻了一会,突然意识到,其实书写求职简历的过程,就是一种典型的交互设计过程。

我们一般所说的交互设计,都是指用户通过软件等手段与机器之间的交互,这从交互设计的前身“Soft Face”这个名字中,或许就可以窥知一二。但是事实上,交互设计在生活中是无处不在的。对于人机交互来说,用户需要通过设计师所设计的用户界面(UI) 来与机器交互,UI的好坏直接影响着用户体验。同样,作为一个求职者,他们所面对的“用户”,实际上就是公司的HR,而求职简历这薄薄的两张纸,就是求职 者的UI,而这个“UI”的好还则直接决定了其是否能够得到面试机会。本文试图从交互设计的角度来探讨一下如何书写求职简历(因为校园招聘中的简历问题比较明显,本文以校园招聘为例)。

r3

  阅读全文…

分类: 交互设计 标签: ,