好的交互设计是什么样的(一)淘宝、京东篇

好的交互设计是结构清晰而合理的

这里说的结构是指基于产品目录层次的路径,是一个产品的导航构造,假设我需要购买一款iPhone手机,那么在还没有打开京东前我就知道怎么找到所需要的商品,首先会打开APP切换到“分类”页面,我称它为一级导航,然后点击左侧的“手机数码”,称为二级导航,然后手机数码又分为“热门品牌”、“手机通讯”、“运营商”等三级导航,我们从其中的“热门品牌”中点击其中iPhone,进入商品列表,称之为四级导航,这里展示就是所有iPhone的型号,从其中可以点击我们需要的型号进入到最终商品的页面,虽然这些不是真正的层级目录,对于程序来说是通过一层层标签的筛选,但它所展现给用户的就是一个路径,我们可以很清晰的知道是怎么样从商城进入到准确的商品页面。我们再回到“分类”页面,如果我们把所有导航都当做是标签的话,其实一级导航、二级导航和三级导航是可以相互包含的,我们也可以通过“热门品牌”再进入“手机数码”,但这种导航结构最终也会指向我们需要的商品,但显然这种导航方式不符合用户的认知,最终造成用户的迷惑。

好的交互设计是流程顺畅而便捷的

每个APP都有一个主流程,就是这个APP为用户提供某项服务的主线,以京东和淘宝来说,它们的主流程就是用户通过搜索或者分类或者推荐等途径->找到需要的商品->发起购买->填写信息->付款->商家发货->用户确认收货->评价服务,另外还会涉及到售前沟通、售后沟通、退货处理等等可能存在的支线环节,我们只看前期的几个流程,以京东为例,如果我们曾经在京东消费过的情况下,那么我从商品页面选购到支付完成不需要做出任何选择或者填写就可以完成整个步骤,所有需要填写或者选择的信息都存在一个默认的选项,而其他附加服务等不重要的选项都不会出现在主流程中,只有在用户需要时再自行选择。

好的交互设计是让用户感知流畅的

我其实很喜欢SONY的手机,从我的第一部手机索尼爱立信的经典手机T618开始,一直到iPhone 3G的出现,之间我换了几款手机都是索尼爱立信的,换用iPhone之后我中间也买过几次SONY的安卓机,安卓用起来总不如iPhone流畅,但其实并不是iPhone的性能更好,而是因为iPhone的各种过渡效果减缓了等待的感觉同时营造了一个连贯的视觉。

例:淘宝商品页“更多”按钮动效

好的交互设计是更明确的做出反馈的

像京东的收藏图标,其实仅仅只是图标的变化已经足以让用户确认了收藏行为,但心形的动画更加强了这种反馈,可以把这两种方式想象成现实生活中的触摸键盘和机械键盘的区别,机械键盘的手感远远好于触摸键盘,虽然同样都是点击按钮输入文字,但机械键盘能给人更直接的反馈。

例:京东关注图标动效

好的交互设计是符合用户习惯

例:京东和淘宝底栏功能按钮和布局

好的交互设计基于自身特性的

淘宝和京东虽然同样是电商,但其实是两种模式,京东类似于一个大超市,虽然也有第三方商家入驻,但其主要业务还是京东自营,而淘宝是一个大卖场,只提供摊位自身并不直接出售商品给用户,京东有自己的一套物流系统,多数情况下商品都是由京东的快递进行配送,而淘宝是每个商家自行配送。再理解了这个前提下,再看京东商品的底栏和淘宝的区别,京东的商品页面缺少了立即购买的按钮,我其实非常不习惯京东的购买方式,京东的商品页面并没有立即购买的功能,只能先加入购物车,然后点击购物车图标进入结算页,但京东之所以这样做也是有它的原因,因为京东有自己的物流系统,如果每个商品都单独支付的话可能就会产生多次的运费。

好的交互设计是能预知用户行为的

准确的预判到用户意图,可以为用户带来更贴心的体验,当我们在淘宝的某个商品页面进行截屏操作时,淘宝会判断我们是想把这个商品分享出去,所以自动生成一个淘口令来更方便用户分享。

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

推荐阅读更多精彩内容