交互设计之底层逻辑:有序 专注 高效

原文链接:

公众号「Mavis杂谈」的文章——交互设计之底层逻辑:有序 专注 高效

谈谈互联网产品中的交互设计。

我们谈论一样东西,首先从它的目的开始。

企业通过产品和用户产生价值交换,因而产品的目标是:高效完成用户的目标,交互的目的则是帮助产品高效达到目标

产品为达到目标,拥有很多子系统来帮助它,主要有视图、数据和控制器。

前两者通过控制器逻辑连接,用界面的方式把内容数据呈现给用户,从而达到目标。

交互在里面的作用,主要是连接用户,是使用者连接计算机的语言。

那么,交互的目标其实就是让用户以最低的操作成本,更高效地向计算机(手机)传达自己的目标,让它帮助自己达到目标


用户在使用产品时都是带着目标的,产品要尽力知道这些目标,并全力满足用户。

有时候甚至要挖掘到潜意识层,满足用户他自己都没意识的目标,他自己的直观感觉就是爽。

什么叫全力?就是尽可能每个细胞都保持达到目标的高度一致性。如果有商业上的考虑,需要平衡好。

例如使用工具类产品,就是有针对性地完成某个目标,像定闹钟,产品的核心目标就是让他高效顺畅地达到目标;

如果使用内容类产品,他可能渴望一些刺激感,那么产品核心目标就是为他提供这种刺激感,把内容、节奏、呈现方式等等元素看作一个组合,最大化满足他的目的。

交互设计基于自身属性,作用在于让产品的每个功能/内容,展现给用户的逻辑是最高效的

如何做到高效呢?


现实生活中,人需要通过专注在目标上才能高效,如果目标太大太杂,就需要每次专注在某个小目标上,并通过这些小目标的逻辑关系,达到最终的目标,来获得高效。

产品也是一样,高效的关键在于:专注

即通过交互上的设计,让用户每次专注地完成目标或大目标的一个小目标。

那么,如何做到专注?

通过元素组合的有序化。要做到有序,就是针对性地解决功能/内容的无序问题。


举几个常见交互的例子。

1、功能复杂——TabBar

首先解决功能的复杂问题——常见的有序化方式是tabbar,底部标签栏,粗暴有效地分类。

既不占视觉上的重点,又能进入用户的潜意识,帮助用户在任何时候都能快速切换功能模块。

之所以不藏起来,是因为功能和功能之间没有清晰的逻辑关系,即用户在用一个功能时,如果看不到就想不起来用别的功能。

所以最好就是展现出来,又要弱化,底部是很好的选择。

2、内容复杂——Slider、Waterfall

这里有序化的方式是通过简单规则大量重复

这个办法也是模仿生物、自然甚至整个宇宙的,有句话叫“大道至简”,表达的就是世界是通过简单规则大量重复形成的,掌握了那些“简单规则”,就能掌控规律而无往不利。

简单规则大量重复是希望呈现给用户一种,逻辑关系简单,不会因为大量而觉得复杂的感受。一般内容有序化的方法有Slider (卡片式滑动)和Waterfall (信息流)。

卡片滑动的亮点在内容的专注度,牺牲的是内容数量,如果一千张图片让用户一张张手动滑……感受一下。

探探为啥能脱颖而出,独特的卡片交互是亮点,因为它明白对交友来说照片就是核心,提高筛选照片的效率就能大大提高择友效率


如果内容多,就要适当牺牲专注性,采用时间序的信息流方式。

之所以用时间为序,因为大量的内容肯定要找一个序来呈现,而时间是比较好的尝试,用户对新鲜感是有天性上的需要的,采集狩猎时代谁掌握了最新的消息,就能获得更多的生存资源。

所以很多资讯类、社交广场类、内容类(尤其是深度低,娱乐为主的内容,比如微博)比较喜欢用时间序列的信息流展示。

信息太多,且并不需要仔细研究,划过就划过,不可惜。

3、功能和内容都单一——SlideMenu

例如工具类产品,这个时候产品元素不多,不需要复杂的有序化手段,专注的核心仅在于:区分主次

一个好的方式是slidemenu(侧滑菜单),即大多数时间都让用户专注于主页面主功能主内容,让用户快速使用工具达到目标,用完就走。

而一些辅助功能就藏在侧滑菜单中,需要时再滑出来设置一下。

这里侧滑菜单之所以藏起来,是因为:不需要用户主动关注,但他需要时会自己找到

就像抽屉里的东西,平时不需要看到,想起要用时就会拉开抽屉去找。

类似道理,对于抽屉里辅助功能的拉开方式,除了侧滑,上下滑也是可以的。

不过很多页面不止一屏,往上滑一般都用来滑动屏幕了,所以下滑更常用一点。例如一些备忘录下滑出设置选项,微博下滑刷新,苹果系统下滑搜索栏等等。


总结:

交互的目标是让产品更高效地达到用户的目标,通过专注于每一步来做到高效,通过有序化内容和功能来做到专注,通过针对性解决无序问题来做到有序。


如果你对思维进化感兴趣,欢迎关注我,我会定期分享原创优质内容,帮助你提升底层逻辑和元进化力:)

(公众号:Mavis杂谈)

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