Archive for 交互纯属意识

PowerPoint设计展现中的交互意识

2 五月 2009

PowerPoint设计展现中的交互意识

PPT作为演讲展示的媒介,在其中起到了非常关键的作用,由于其生动的展示效果和低成本的制作,已经完全代替了老式的幻灯片。

不可否认,大量的PPT制作者还不懂得如何有效的利用PPT来展现内容。如果在你的会场里面“昏睡率”较高的话,那你也该考虑考虑是否有PPT设计不妥的因素在里面。

内容展现:

第一个,对比度。为什么大家都用黑板白笔,白板黑笔?关键就在于对比度。一些初学者在制作PPT包括网页的时候,忽视了最基本的东西,喜欢使用一些花里胡哨的背景图片,不仅分散了观看者的注意力,甚至其中的文字也会“淹没”在了背景中,想分辨分辨不出来。个人觉得使用纯色背景或者干扰性不大的单色系渐变背景是比较好的选择。

熟悉PPT的人都知道,幻灯片中充满文字是制作PPT的大忌,可有些人偏偏喜欢把大段大段的文字都塞进里面,恨不得把整个演讲的内容一字不落的写进去,然后照着一个字一个字的读,要这样的话还不如每人发一篇文档带回家自己研究。PPT只是一个辅助工具,会场上主体还是——演讲者,文字内容列成提纲即可,其余的交给演讲者去延展。

关于数据。数据是给“后台”看的,没人愿意眯着眼盯着大屏幕去分辨一个个细小的数据,在PPT中把数据转换为图表也是一个十分有必要的措施,在做数据转换的时候不要怕麻烦,对于与会者来说,看那些直观的图形比起那些枯燥的数据表效果要好很多。

图表

不同的数据有不同的图表类型去对应,需要设计者自己去权衡和把握。

由于PPT为线性的展现方式,所以其中加上过多的链接不见得是件好事。不管是内部还是外部链接,就像原本一个条例清晰的故事,无故的把它揉成一团捏出一部分来回搓,谁听了都觉得不对味儿。

同下载一样,PPT展示的过程中也可以利用一些隐性的进度条来表示会议进度,用来克服焦急心理。可以这样做:

演示

图中是将左边上下排列的标签隐性地作为进度条使用(仅仅为示例)。

还有,如无特殊需求,特效不宜显示得过慢,幻灯片之间的切换也不宜过慢……

展现方式:

会场的展现也需要投入一些技巧,如何让与会者能集中注意力不至于走神等等需要注意的地方我们也可以通过PPT的特殊设计来实现目的。

会场最大的失败就是有人在途中昏昏欲睡, 如何通过一些小技巧让与会者能提起精神?

现场推送一个:在幻灯片设计时,可以加入“全黑淡出”的切换效果,我比较推崇这个特效,在切换幻灯片的时候通过幻灯片淡出淡入之间产生光线的一明一暗,能对人的视觉产生刺激。也可以在幻灯片切换的时候加一些轻微的切换音,记住,是轻微的,不能让声音太吵持续时间太长,否则容易使人产生烦躁心理。

另外我不喜欢深色背景的PPT,因为展示PPT的会场相对来说光照度就不够,如果此时你的PPT不够亮,会场的“昏睡率”估计也要增加了。

PS:在正式场合中将PPT另存为.pps文件,展示的时候能直接打开而不“泄露”后面其他的内容,也是一个很不错的选择。

欢迎补充。

验得有体验

29 三月 2009

验得有体验

验de有体验,验děi有体验……这个标题随你怎么读。

自从5G要求我每次登录时都要输一遍验证码后,我对验证码就产生了一些研究的兴趣。

验证码,是为了防止机器注册或者其他在网站的恶意机器行为而建立的一种会员验证形式,网站在用户登录或注册时要求用户输入一串随机产生的字符串,字符串的表现形式或者是一张不太好辨认的图片,或者是嗞啦嗞啦的背景声下给你读几个字母(这个用到的比较少)。我说的问题比较多的集中在“不太好辨认的图片”上。看图:

5g

图1(截图来自5G登录验证):验证码“EX”后面的是数字9还是小写的字母q?

live

图2(截图来自Hotmail注册页面):那么多字母“糊”在一起,有的甚至超出了图片边界显示不完整,你能全看懂吗?

但是为了网站安全起见,他们不得不使用一些可视难度大的字符来难倒机器们,但是这可苦了我们人类……但是我认为网站可以做这样一个小改进:可以忽略用户的一个小错误。比如图2,字母GJK后面的字母到底是a还是o很难分清楚,但是用户填a可以通过,填o也能验证,这样就免得用户因为填错而再来一次烦人的字符辨认了。

我也考虑过是否能有更好更方便的验证方式,但最后想的往往又不够合理,经不起推敲。想通过页面后台动作验证来替代用户界面验证,但是又不能不忽略一个浏览器密码保存功能的特例;想叫用户做一些特殊的操作,那肯定得让用户去读一大段文字,似乎又是在浪费用户的时间。

其实有一种已存的验证方式挺好的,就是问你一个常识问题,例如一加一等于几。

让我们一起摆脱XX主义的束缚,向着革命的大道前进!

21 七月 2008

让我们一起摆脱XX主义的束缚,向着革命的大道前进!

思维世界的发展,在某种意义上说,就是对惊奇的不断摆脱。——爱因斯坦

小时候看过一道题,印象颇深:如何利用直线段一笔画出一条路径,使得下面的九个点都能画到?(不能走重复路线)

思考

相信很多人在第一次做这道题时,思维无形的被这几个点所组成的“方框”给局限住了,潜意识便在“方框”内寻找答案。但是,往往正确的答案是在“方框”之外的。所以突破思维定势来思考非常有必要,不管你是不是设计师。

说一下这道题的正解:

正解

淘宝网李坏曾经出给我一道题:公司里有3个交互设计师,有一天在设计注册表单的时候发生了冲突,,A交互说:“表单里必填项的*号要放在文字的前面。” B交互说:“必填*号该放在输入框的后面。”C交互说:“必填*号该放在文字与输入框之间。”请问各位大侠,你们支持谁的说法呢?请说出理由!或许不放*号你有更好的创意?

细想起来A、B、C的方案都有可行之处,但是我个人认为,注册表单的页面不该仅仅局限于一张页面,完全可以分步解决:第一步填写必填项;第二步填写选填项……这样的好处就是既能让用户分清主次,也不至于让用户看到原来那种长长的注册表单而生怯。

稍微总结一下:我们遇到问题的时候往往被问题牵着鼻子走,无形中会被问题本身所禁锢,我们必须要跳出这个“怪圈”。当然,仅仅做一些“头脑风暴”是不够的,更多的,要善于思考

PS:曾经看到过一个创意团队,办公室里高高放着一个玩偶,举着一张旗,旗上几个大字:打死也要出创意。

让按钮更有“安全感”

1 七月 2008

OutC

发现很多国外的交互专家都提过这样一个观点:用户在浏览网页时缺乏安全感。页面的用户体验也越来越被更多的设计者重视。对于网页体验,大致可分为视觉体验、导航体验、布局体验和操作体验。今天谈谈操作体验的细节:网页按钮体验。

首先谈一下我对网页按钮的看法:

  • 网页按钮在人机交互中起着相当大的作用:用户需求命令的提交都要用到按钮
  • 视觉上应突出(凸出),至少应该让用户觉得——那是用来按的
  • 比起实际生活中的按钮,优秀的页面按钮往往多一个鼠标经过感知(自创词:事件感知)
  • 优秀的按钮即时反馈应该及时,我不推荐Google的部分按钮(下面会说到)
  • 超链接也是按钮的形式之一
  • 暂且这么多

同其他体验一样,按钮的用户体验有三个环节:感知、操作、反馈。

感知可分为视觉感知和操作感知,页面按钮比起实际生活中的按钮来说最大的区别在于虚拟性,不可触摸性,日常生活中的按钮由于是可触摸的,有触觉感知的,于是有些页面按钮便有一个“鼠标经过事件”。

但要细分起页面按钮体验流程的话,我认为优秀的按钮体验可分为五个要素:视觉感知→事件感知→点击操作→即时反馈→目标反馈

解释一下:

  • 视觉感知:对于优秀按钮的视觉要求应凸出且突出(这个“突出”的概念是相对的),一目了然。
  • 事件感知:也就是鼠标经过事件,当鼠标停留在按钮上的事件反应(豆瓣的超链接体验很不错)。
  • 用户操作:即用户的点击行为。
  • >即时反馈:大部分的手机键盘按钮按过后都会有清脆的响声,向用户反馈按下操作已完成,但在页面中用声音来表现即时反馈似乎不太现实(至少现在不现实,也会有条件限制,如需要声音输出设备等等),只能在视觉中体现反馈,不过这个反馈可能是细微的。
  • 目标反馈:向用户提交真正的目标需求(页面转向等等)。

▲个人认为按钮的即时反馈很有必要性的,可能部分用户的网络带宽不足,在点击操作之后得不到及时的目标反馈,因此按钮的即时反馈就显得比较重要。我一个朋友在一次无即时反馈的按钮操作之后也没有得到及时的目标反馈,结果他以为没按,于是给按钮一通猛点……

案例1:Wordpress

wp.gif

Wordpress的关闭公开访问按钮我还是比较欣赏的(即时反馈即为按下按钮时按钮视觉上的凹下凸起的视觉感知)

案例2:Google

gtalk.gif

对于Google Talk下载页面的下载按钮,我倒不是很推崇,尽管很突出,也够“凸出”,但也缺少了不少的感知要素。

诺基亚的404页面表现

29 五月 2008

top.jpg

一次在诺基亚网站点击下载手机的词典文件链接时,诺基亚网站出现了错误提示:一个主题为“抱歉”的404页面

往往用户在浏览网页时,一旦出现了“出错”或者“抱歉”页面之类404页面的时候,用户会对网站的信任度迅速降低,如何有效的留住用户成为404页面的使命,但一般网站往往会忽视404页面所应体现的作用。

咱们看看诺基亚的具体做法:404页面中随机贴出一张俏皮的图片(共三张)再加上几个关键的“安慰词”,将用户的紧张感瞬间打消,并立刻在下方给出了解决办法。

此页面的价值:

1.告诉用户所处的环境:出错。
2.告诉用户出错原因。
3.打消用户紧张感。
4.告诉用户该如何解决问题,给出几条途径。
5.留住用户,增加用户黏性。

尽管用户不一定能得到满意结果,但是,这个404错误页面的使命已经完成,而且完成得很好。

07d15eee778c99e9b3fb955e.jpg