弱弱的说交互设计原则

    交互设计本身是一个很大的话题,因为我本身是程序猿,所以对传统工业设计的一些基本的概念和原则不是很了解。自己在琢磨产品设计的时候,经常会关注于很多的高大上名词(UI,UX和交互设计等),看的东西越来越多越感到迷茫,感觉没有碰触到实在的东西。这里先拿用户体验说个事,我在上大学期间很荣幸的代表学校参加过一次全国计算机设计竞赛,当时做的是一个手机商城(基于java web的),我在说明作品的时候据着重说了“用户体验”这个这个词,现在不记得当时具体说了什么,大概意思还记得:用户在商品详情页面一般是如京东的一样(图一)

图一  正常的商品详情页面

我们当时在右边下面加了一个配件购买的功能,只要选中配件就直接可以购买,不需要跳转任何页面,也不需要进行任何的搜索。而且只是展示了配件的一张主图+价格,我当时认为这个简直是太完美了,简化了用户的操作,用户肯定会爱死这个功能了。

    现在回想起来觉得很是欠考虑,首先这个设计违背了交互设计的一个基本的原则。这个设计是工程实现模型的而不是基于用户心理模型的。我们的用户会知道这样会方便但是并不代表用户会买账,首先这个配件质量,价格怎么样,其他质量差不多的产品价格如何,有其他产品一起有优惠吗?你看,赤裸裸的人性需求展现出来了,用户根本没有按照你的期望和引导去完成这个购物行为,那反向也可以验证这个设计的不合理性了。所以不要觉得用户会按照你的指引去实现购物流程,用户是趋向自己的人性思考去使用一款产品的。那么最好的设计大概就是用户在使用的时候不会感受到被动的引导而是主动的基于人性的思考,并且这个基于人性的引导是如此的自然,让用户从不觉得自己被别人“设计”了(说的有点阴险邪恶了)。

    接下来要说的是少让用户输入,输入是可以尽量给出提示。这一点在无线端越加的明显,本身虚拟键盘的盲打就不方便,而且容易产生误按。具体的应用场景就像搜索,在我搜索iphone的是时候,是不是在我打出iph的时候就可以出现我需要的内容提示了或者搜索最热的产品是不是可以直接放在搜索框下面(如果页面够大的话,无线端不建议)。这一点的本质其实是提示,就像我们出门的时候妈妈会说今天冷,带个外套出门一样,这是贴心的表现。


图二   自动补全提示


图三  搜索框下提示

    第三点是不留白,不为空,这个应用的场景也是比较常见的。当搜索结果为空的时候怎么处理呢?是展现空白,告诉用户搜索结果不存在是吗?


图四  京东搜索为空的处理

我们不应该把我们的用户扔在半路中而是要送到终点,只是是在的说我们没有这个商品会让用户很尴尬,他们会想:那我要怎么办?是我用的关键字不对吗?这个时候不如给用户一个良好的出口,那就柳暗花明了不是吗?更是增加了用户的粘性,提示用户也许其他的某些东西会有他需要的,者是不是很人性?没有感觉?没关系,我举例子呀,我发现自己就有这样一个问题,在进入超市前我就想好了要买什么东西,最后结账付完钱一看,是不是惊呆了,和预期结果不一样。因为我们在定下目标商品后,中间产生了很多的干扰(店员的推销,某个商品有打折等等)。所以,当用户找不到想要的东西的时候,为什么不告诉他又更好的选择或者可以替代的选择?

    第四点是不打断用户行为,提供非模态的反馈。大家都有这么一个感觉,在做一件事的时候不希望被打断。就像程序员来了灵感正努力敲键盘的时候,有人跟他确认需求或者任务进度的时候,心理是不是那个家伙混出去是不是?我们的用户也是一样,这里设定一个场景,我(alvin)现在要把晃眼的邮件列表删掉一些然后写一份紧急的邮件。我选中一个邮件,点击删除,然后出现一个弹层,然后点击确定,然后完成了一封邮件的删除是吧。那我最想要的状态是我选择邮件点击删除以后,然后就可以去写新邮件了。因为确认对我其实意义并不大,因为我可以从已删除邮件里找到这些邮件,大不了撤销操作就好了。你一个弹层的出现就打断了我的计划,我没办法做其他的事情,必须做完弹层上的操作,有木有感觉这简直是在强奸用户,折磨我们可爱的用户的精神世界?抓狂吧,少年!哈哈。。。

    第五点全局导航栏要一直存在,不同导航的最新状态可显示在全局导航。全局导航在Web交互设计中比较容易做到,在手机移动端全局导航要看产品设计的需求,什么功能需要全局导航,社交应用通常是:消息,通知,请求;音乐视频应用通常是:下载,搜索;工具类产品经常是核心工具条(tool bar) 比如浏览器,语音助理,音乐识别应用等等。全局导航的价值在于可以让用户在使用过程中不会丢失信息,减少主页面和次级页面之间的跳转次数,当然全局导航中的info-task要能在当前页面完成,如果需要跳转到新界面,就会失去全局导航的意义,因为当出现多个info-task的时候,就需要用户不停的进入全局导航页面来完成。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容