美文网首页
交互设计之底层逻辑:有序 专注 高效

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

作者: Mavis杂谈 | 来源:发表于2020-05-19 09:58 被阅读0次

原文链接:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如何做到高效呢?

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

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

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

那么,如何做到专注?

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

举几个常见交互的例子。

1、功能复杂——TabBar

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

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

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

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

2、内容复杂——Slider、Waterfall

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

总结:

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

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

(公众号:Mavis杂谈)

相关文章

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

    原文链接: 公众号「Mavis杂谈」的文章——交互设计之底层逻辑:有序 专注 高效 谈谈互联网产品中的交互设计。 ...

  • 对辛向阳教授论文的理解

    交互设计:从物理逻辑到行为逻辑 交互设计的对象:行为的设计 交互设计作为正式的研究方向早在上个世纪六十年代就开始了...

  • 2018-12-03交互设计课程笔记

    一、交互设计是什么? 交互设计 明确产品的任务需求、目标,规划逻辑关系,设计交互流程,同时,通过设计测试,优化产品...

  • UI设计课程笔记(三)

    Face UI: 人机交互,操作逻辑,界面美观的整体设计 图像设计 研究界面 交互设计 研究人和界面spec 用户...

  • 晨间日记

    知识卡片——手帐提高效率的底层逻辑: 1. 集中精力,专注目标 2.拆解目标,重视规划 3.完成清单,助力实现 简...

  • UI介绍

    UI:用户界面;指对软件的人机交互/操作逻辑/界面美观的整体设计。 包括:交互设计/用户研究/界面设计。 视觉包括...

  • 4.7.9 Hyperledger Fabric - 应用程序开

    应用程序开发 - 应用程序设计元素 - 网关 网关代表应用程序管理网络交互,使其专注于业务逻辑。应用程序连接到网关...

  • 给新晋交互设计师的学习建议

    关于我:5年经验交互设计师,专注金融行业-智能投顾方向,擅长交互设计和用户研究,带过不少新晋交互设计师,就学习方面...

  • 结构层定义

    主要包括交互流程设计与信息架构。设计用户通过怎样的流程、产品各功能之间的数据及逻辑。 交互流程设计:产品功能通过怎...

  • 【起点精选】如何构建系统化交互设计自查体系?

    交付逻辑清晰完整的交互设计方案,是设计师专业技能的体现。完整的交互流程分三步:设计调研(前期)→设计实施(中期)→...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/elyvohtx.html