首页

交互设计太烧脑?学会模式思维,助你效率狂飙 300%

杰睿

在互联网领域中,人机之间的互动过程就是交互。交互也有一些可预测的、重复出现的规律,作者总结了其中常见的七种C端交互模式,可以提高大家的工作效率,分享给大家。

前段时间有个产品童鞋,他刚加我就问了一大串问题。

什么是模式(Pattern)?什么是模版(Template)?这两个概念有什么区别?

作为一个热心好学、乐于助人的产品仔,我当然和他畅聊了一个多小时,顺便总结下聊天内容。

你是不是也经常在生活工作中,碰到类似“行为模式、设计模式、语言模式、文档模版、表格模版”等名词。

但又搞不清它们有什么区别,搞懂了又有什么用?

别急,我们花几分钟,先来唠唠什么是模式。

一、什么是模式?

可预测、重复出现的现象或规律,通过归纳总结,就变成了某一种模式。

我们的生活中,就有许多模式的影子。

比如常见的商业模式、营销模式、行为模式、数学模式、语言模式等。

举个例子:

简单说下行为模式,它分为了“习惯模式、消费模式、学习模式”等等。

苦逼打工仔普遍的消费模式,一般是工作日花钱少,到了周末都爱到商场逛街和购物。

但又有特例,我有个朋友就特别宅,他只喜欢在上班的时候,摸鱼逛淘宝下单,简直离谱~

掌握模式,有什么用?

当你掌握了模式的概念,并尝试在生活中使用,相信你一定能感受到这 7 个好处。

  1. 信息压缩:把信息精简成特定的模式,记忆传播更容易了,教给别人更是轻轻松松;
  2. 知识萃取:通过学习模式,掌握系统化的知识,就像搭乐高拼积木,简单易懂、一学就会、举一反三;
  3. 简化问题:用模式来解决问题,意味着它不再是一团乱麻,成为了可分割的部分,原来苦恼的事,现在轻松搞定;
  4. 识别规律:当你摸清了模式的现象规律,就像旅游带着地图,走到哪里都不慌;
  5. 提高效率:把模式进行泛化使用,可以大大提高你的工作产出,盖章可比画图快太多了;
  6. 组合创新:试着把你学会的各种模式,打乱排序、重新组合,说不定会拼出一些新玩意;
  7. 预测未来:搞懂了特定领域的模式,意味着你熟知并能运用自如,自然而然学会了推演未来。

二、C 端交互设计的 7 种常见模式

我们试着再举个例子,加深下对模式的理解,顺便学学交互设计。

什么是交互?

简单来说,交互指的是在互联网领域中,人、机之间的一系列互动过程。

我还提炼了 3 种常见模式(简单反馈、数据操作、业务判断),比较粗糙凑合也能用。

现在试着再系统总结下,我常用的 7 种 C 端交互模式,主要有:导航模式、搜索模式、反馈模式、输入模式、编辑模式、分享模式、引导模式。

学完就能用,赶紧卷起来~

有人就问了,还有更多交互模式吗?

确实可以有,等我有时间再编几个。。

话说回来,如果是一些特别复杂的业务规则,可能会涉及到 N 个交互模式的任意组合。

1. 导航模式

常见的导航模式有按钮组合、标签菜单、宫格布局、列表视图等。

导航模式的主要作用是,告知用户当前在网站的位置,以及接下来到哪些页面,这有点像地图 APP。

上面这张图中,包含了几种导航组件呢?

2. 搜索模式

搜索,是各大电商 APP 常见的交互模式。

搜索模式允许用户输入关键词,然后系统返回搜索结果。

打个比方,这有点像在 Navicat 中写了一段 SQL 查询。

SELECT id, name, age
FROM users
WHERE age > 18

这段 SQL 的作用是,查询大于 18 岁的用户信息,包含序号、名称、年龄。

3. 反馈模式

常见的反馈模式组件,涉及了对话框、吐司提示、气泡提示等。

反馈模式用的比较多的场景是,告知用户一些信息或提示,比如“输入密码错了、展示订单取消的注意事项”等。

4. 输入模式

输入模式主要用于新数据创建,例如淘宝下单时,你新增了一个收货地址。

打开美团叫个外卖,整个订单创建流程,也是输入模式。

5. 编辑模式

有很多人可能会把输入模式和编辑模式搞混。

区别它们的一个方法是,交互流程涉及新数据创建,还是改旧数据。

改数据的话,那就是编辑模式。

6. 分享模式

我们在看到一些干货文章,或好用的小程序想要转发给朋友,那就要用到分享模式。

分享模式可以很简单,也可以往复杂了做,看产品阶段去实现。

7. 引导模式

引导模式和反馈模式有点像,都是展示特定的内容。

那怎么分辨它们呢?

以设计师视角来看,反馈模式需要用户触发,系统被动显示。

而要让用户特别关注的信息,那就是引导模式。

三、总结

模式,即抽象的规律。——好夕雷

说了这么多概念和例子,你是不是对模式的认知更清晰了呢?

模式运用在产品领域,就有了这 7 种交互模式,分别是“导航模式、搜索模式、反馈模式、输入模式、编辑模式、分享模式、引导模式”。

如果学会了模式,那么无论生活还是工作,相信你一定能轻松应对、事半功倍。

本文由 @好夕雷 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

动效设计中的节奏魔力

杰睿

关于动效节奏的问题,有什么好的方法可以提供?这算一个常见疑问,我总结收到的问题反馈,基本都是「动画节奏应该怎么做呀」「做完的动效一卡一卡的感觉不流畅怎么整」,索性借着今天的契机,我整理了这样一篇主题文章,分享我对于动效节奏的一点经验与思考,仅代表个人观点,欢迎交流探讨~

在当今数字时代,动效设计已然成为了产品和服务中不可或缺的一部分。

无论是手机APP、网页界面还是智能设备,动效设计或是引导用户操作的微小提示,或是增强用户体验的交互反馈,又或是塑造品牌形象的视觉元素,它们都以其独特的方式,为用户带来更加直观、生动的互动体验,因此流畅的观感体验很重要。

动效设计中的节奏魔力

提到流畅度,那动效节奏的重要性不言而喻。

动效节奏,简单来说是动态呈现中各个元素动作的速度和时长安排,它决定了动效的快慢、强弱、起伏和变化,从而影响着用户的感知和情绪。

一个优秀的动效设计,不仅要考虑单个元素的动效表现,更要考虑整个界面的动效节奏,使界面动效更加自然、流畅,也更加符合用户的心理预期,从而提升用户体验。

动效设计中的节奏魔力

所以,想入门动效领域并深耕,我认为深入理解动效节奏是尤为重要的,学会如何运用动效节奏来提升用户体验,让用户在享受科技带来便捷的同时,也能感受到艺术的魅力。

一、动效设计基础认知

1. 动效设计在用户体验中的价值

动效可以增强界面的可理解性,例如下图中广告推送,有一个手机图标的旋转动态示例,

动效设计中的节奏魔力

以及多多视频模块中的上滑操作指引等,帮助用户更好地理解界面功能和操作方式,从而更有效地去使用应用。

动效设计中的节奏魔力

动效可以提升界面的可用性,例如上传文件的操作,通过提供及时的反馈和指引,降低用户的学习成本和操作难度。

动效设计中的节奏魔力

动效还可以增加界面的吸引力,例如购物软件中模拟实际鞋盒开箱的形式,展现鞋品,通过生动有趣的动效表现,提升用户的使用欲望和满意度。

动效设计中的节奏魔力

2. 简述动效设计的基本原理与最佳实践

提到动效设计,了解其背后的基本概念和原则,才是赋予动效灵魂和意义的关键。

这里要提到三个关键词:

1)首先是时间

时间在动效设计中扮演着至关重要的角色。它决定了动画的快慢、停顿和节奏,从而影响用户的情感体验。

动效设计中的节奏魔力

例如,一个缓慢渐入的动画可能传达出优雅、稳重的感觉;

动效设计中的节奏魔力

而一个迅速闪现的动画则可能带来刺激、紧张的感受。

2)其次是空间

空间是指动画发生和存在的虚拟环境。在动效设计中,空间的布局、层次和透视关系都至关重要。

它们不仅影响动画的可视性和可读性,还影响用户的认知和行为。

动效设计中的节奏魔力

例如,合理的空间布局可以使用户更容易理解和操作界面元素,而不合理的布局则可能导致用户的困惑和误操作。

3)最后是构图

构图是指动画元素的排列组合和视觉平衡。

一个良好的构图可以突出重点、引导视线,并营造出和谐、统一的视觉效果。

相反,一个糟糕的构图可能会分散用户的注意力,甚至引发视觉疲劳。

动效设计的目标不仅仅是实现技术上的可能性,更是为了创造出让用户愉悦、满意且易于使用的体验,在美感和技术要求之间寻找平衡点,是我认为需要不断练习,积累总结经验的。

二、关键要素:动效节奏

在动效设计中,能让静态元素动起来形成生动流畅的动态效果,需要用到两大元素:关键帧与动效节奏。

1. 关键帧

关键帧代表了在特定时间点上某个参数的值。在动效制作过程中,通过设置关键帧,可以控制对象在不同时间点的状态,从而形成连续的动作。

动效设计中的节奏魔力

关键帧就像是动效世界里的路标,它标记了在动效呈现中某些重要时刻物体的样子。比如说,我想让一个球跳起来,那我就得告诉电脑,在开始的时候球在地上,然后在某个瞬间球在空中最高点,最后又回到地面;这些重要的时刻就是关键帧。

关键帧之间的变化可以是线性的,也可以是曲线的,后者可以创造出更为自然和复杂的动态效果。

2. 常见的四种动效节奏形式

线性或曲线变化,统称动效节奏,是指在一定时间内,通过一系列有规律的动效元素的组合和排列所产生的节奏感。

常见的四种动效节奏形式有 匀速、缓入、缓出、缓动。

动效设计中的节奏魔力

1)匀速(Linear)

匀速运动指的是物体在动画过程中速度保持不变的运动方式。这种节奏简单直接,没有加速或减速的过程。

动效设计中的节奏魔力

上面的小球弹跳呈现的效果,就是匀速运动,有些机械,缺乏实际场景中的动感。

在AE中,默认的菱形关键帧之间就是匀速运动,例如生活中常见的时钟,上图中钟表秒针旋转是平稳、机械的,这就是一个典型的匀速运动。

2)缓入(Ease In)

缓入是指物体在动画开始时速度较慢,随着时间的推移逐渐加速到最大速度的运动方式。

动效设计中的节奏魔力

一般元素离开画面或者物体加速阶段使用,例如上图中摩托车驶出画面的部分、进度条加载缓慢到快速的节奏等,它可以增加动画的真实感和生动性。

在AE中,以圆球为例,从空中下落的过程,就可以使用缓入的加速曲线;

动效设计中的节奏魔力

调出图表编辑器,调节曲线弧度如图「速度图表」所示,使曲线开始时平缓,越靠近出点速度逐渐上升,完成加速运动,此时结尾有些生硬。

加一个小知识点:曲线调节有两种形式,一种为速度图表,一种为值图表;

速度图表顾名思义,看曲线的弧度,图中球的开始入点曲线弧度较缓,结尾出点曲线斜度较大,则代表加速度节奏变化;

值图表分别代表X,Y轴曲线变化,如图中球的Y轴位置发生变化,因此对应绿色线条的曲度变化是球体的动效节奏变化,下落过程中加速,则区别于前半段的直线,入点平滑,出点更陡峭。

3)缓出(Ease Out)

动效设计中的节奏魔力

缓出与缓入相反,是指物体在动画结束时速度逐渐减慢直至停止的运动方式,如元素入画、人物行走至停下等,它能给人一种平滑和自然的结束感,是先快后慢的减速运动。

动效设计中的节奏魔力

同样以圆球为例,球落地后反弹的过程,就可以使用缓出的减速曲线;
调出图表编辑器,调节曲线弧度如图「速度图表」所示,使曲线结束时平缓,调节出点的手柄杆,完成减速运动。

4)缓动(Ease In Ease Out)

缓动是最接近真实世界物体运动规律的一种方式,适用于大多数动态场景,尤其是那些需要表现自然、流畅动作的画面呈现。

缓动曲线结合了缓入和缓出的特点,物体在动画开始时速度缓慢上升,中间达到最高速度,最后在结束时速度逐渐降低。

动效设计中的节奏魔力

示例继续完善小球的曲线节奏,我想让它看起来更顺滑、更有弹跳感觉,通过球的大小比例(缩放)的变化,增加模糊变化的细节,这样球跳起来的动作就会像真实世界里那样,既有起跳的冲劲,又有落地的缓冲,整个过程更加生动有趣。

动效设计中的节奏魔力

在AE中,缓动曲线没有具体的数值,多数时候需要结合不同场景表达,去尝试不同的曲度形式,通过反复预览检验,找到自己满意、适合画面感呈现的形式。

3. 刻意练习-节奏感积累

日常积累动效节奏,我会分析电影或MG动画中的经典镜头,比如角色走路、跑步的动作呈现,元素的出入场变化,以及自然界中的运动现象,如树叶飘落等。

动效设计中的节奏魔力

多做分镜脚本的拆分练习,多临摹实践,就可以逐渐掌握常见的运动规律,自己在做设计内容时,也可以更清晰知道怎样的节奏更适合当下场景呈现。

三、结论

总的来说,创造流畅体验对于动效设计来说还是很重要的,而要实现这一目标,掌握并灵活运用好动效节奏则是必不可少的手段之一。

万变不离其宗,多看、多思考、多练习,通过实践去总结复盘规律、梳理SOP流程,整理出一套适合自己记忆、使用的方法论与行动标准,提高自己对动态的感知,以及节奏力的把控,也能有效提升工作效率。

「想不如做,知行合一」,想让学到的知识和技巧,生长到自身,唯一要做的就是立马行动!在做的过程中解决一个个卡点,迭代出更适合自己的方法。

作者:Shirley_雪

本文由 @Shirley_雪 原创发布于人人都是产品经理。未经作者许可,禁止转载

题图来自 Unsplash,基于CC0协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

用户体验设计指南 - SUS系统可用性量表

杰睿

1. 什么是SUS ?

 

SUS 全称 System Usability Scale ,系统可用性量表。SUS最初是Brooke于1986年编制,可以科学地量化用户体验,用于完成一系列任务场景后,对产品或系统整体宏观的感知可用性测量。

0100e56128f98111013eaf70758e58.jpg

 

翻译过后可以得到下面的中文表,参与者在使用产品后对每个题目下面打钩来对产品进行5点评分。(小伙伴们可自行保存)

0123e1612a56f611013eaf70b3bda8.jpg

2. 问题组成

 

SUS提供整体可用性评估度量,由10个题目组成,奇数项为正面陈述,偶数项为反面陈述。

 

第4,5,10三项构成的子量表为“有效性”(Effectiveness)&“易学性”(Learnability) ;第2,3,7,8四项构成的子量表为“使用效率”(Use Efficiency)&“可用性”(Usability);第1,6,9三项构成子量表“满意度”(Satisfaction)。

 

01f755612a571a11013f47206091c4.jpg

 

3. 使用场景

 

SUS适用范围广泛,产品新旧版本迭代之间对比,同类型竞品之间对比,同一产品不同终端之间对比均可使用。可采用线上线下问卷调研的方式,简单高效的采集真实用户反馈。避免在初期过早的关注细节。

 

01e19a612903c211013f4720d5a891.jpg

 

4. 如何使用

 

当收集好用户问卷反馈过后,步骤如下:

 

1. 对于奇数序号的问题,将其得分减1;(比如第1题分数为4,得分为4-1=3分)

2. 对于偶数序号的问题,将其得分被5减去;(比如第2题分数为3,得分为5-3=2分)

3. 将所有问题最后的得分加在一起,然后乘以2.5;(每个题目的得分范围记为0~4,最大值为40,SUS可用性得分的范围在0~100,换算后乘以2.5)

4. 计算出的结果即为产品的SUS可用性得分。

 

013b21612905f511013f4720e847c6.jpg

 

Tips 注意事项:

1. 填写之前不要进行总结或讨论;

2. 应当要求用户快速完成各个题目,不要过多思考;

3. 第二题和第六题对于参与者可能难以理解,需要解释清楚;

4. 如果用户因为某些原因无法完成其中某个题目,就视为用户在该题上选择了中间值。

 

SUS分数等级与百分等级的区别:

 

012f56612908b011013eaf7049d2b6.jpg

 

我将其翻译过后得到中文表,可以大体上感知得出的SUS分数对应的用户可接受范围。

 

015028612c37a011013f47203f6873.jpg

 

更加细化的SUS用户感知,可参照SUS分数曲线分级范围表:

 

注意到这里SUS分数等级与百分等级的区别。对照SUS分数曲线分级范围表,如果你的SUS分数为68,说明你的产品比市面上50%的产品可用性要好。也就是说这个产品的用户体验算是合格了,表明需要进行较小的改进。50%中值点对应SUS分数68。((59-41)/ (71-65)= 3  故中值点为65+10/3≈68 ,68分是均值,因此对应百分比是50%。)

 

012bc5612a4fcb11013eaf70950655.jpg

 

5. SUS的优点

 

1. 量表公开免费,题目简单,只需参与者打分,实施便捷,操作简单;

2. 适用范围广泛,产品初期测试验证,竞品分析,新旧版本对比等等;

3. 研究证明SUS在样本量有限时,可以最快达到效果,可信度系数高;

4. 快速宏观有效区分可用系统(产品)和不可用系统(产品),避免在初期过早的关注细节;

5. 当团队内产生分歧时,SUS让更多的人员参与代替少数意见领袖说了算的形式,定量不追求定性。

6. 小样本量时依然呈现高度的内部一致性,产生真实可靠的反馈结果。

016db6612c380411013eaf70cb6cd7.jpg

作者:设计师豆浆
链接:https://www.zcool.com.cn/article/ZMTI4NTgyMA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

打造卓越用户体验的六大关键要素

杰睿

在数字产品设计日新月异的今天,打造卓越用户体验已成为产品成功的关键。这篇文章精准解析了UX设计的六大核心支柱,从用户研究到无障碍设计,为读者提供了全面且实用的设计框架。

开启用户体验设计探索之旅,首要任务是全面掌握其核心构成要素——这些是构筑绝佳用户体验的基石需求。事实上,在苹果、微软和谷歌等设计推动型科技巨头中,这些因素的关键性是不言而喻的,甚至因此催生了专属职业与角色的诞生。在这六大核心维度中,有一个更是脱颖而出,以至于一个全新的职能部门因此得以形成。接下来,让我们深入剖析这些零部件如何共同定义卓然出色的用户体验设计版图及行业切入点。

在深入分析用户体验设计的六大核心要素之前,我们需要先厘清其核心内涵。从本质上看,用户体验设计是一门创造愉悦且功能强大的体验艺术,确保产品既具有效性又兼具高效性、易用性和用户满意度。它涵盖了一个整体性的设计循环,通过不同维度的优化来最终实现这些目标。可以把用户体验设计比喻成一把“统筹性的大伞”,其下辐射的每个要素都是推动卓越体验构建的重要一环。本篇文章将沿着这把伞的思维体系,逐步探索这些不可或缺的构建模块及其影响力。

01 用户研究

用户研究(亦称 UX 研究)之所以能在设计领域占据重要地位,其原因显而易见——它是产品设计的一大核心要素。随着其价值的日益凸显,越来越多的企业开始设立专门的用户研究团队。这一趋势背后的驱动力是什么?源于对用户洞察的深入理解直接决定了能否创造出卓越的产品体验。在探索方案的过程中,用户研究永远都是优先级最高的起点。这个关键过程的核心在于定义所谓的“用户”——通过全面梳理他们的使用体验,挖掘其需求、期望与操作行为,从而描绘出清晰的用户画像。这正是用户研究的精髓之所在。更具体地说,用户研究是围绕用户的需求、目标、行为模式以及心理动机,所展开的系统化调研与分析。执行用户研究有多种专业化方法工具,包括深入访谈、结构化调查、现场可视采样以及定性和定量化的可用性评估测试,每一步都旨在深刻理解目标人群,优化体验闭环。

02 交互设计

交互设计是产品设计中的关键环节,此阶段负责精细化用户与系统之间的互动路径与体验设计。设计师需要梳理并规划用户操作触发的系统响应——例如按钮点击后的动作反馈。从提示的生成到任务处理的闭环,每一个交互流程都经过精致打磨。对交互表现的设计需通过深度用户研究与高频次的可用性测试进行不断优化,以确保全流程交互体验既顺畅又高效。

03 信息架构

我的清单中提到的第三项是信息架构,这是在设计过程中理解内容与功能的关键环节。它的核心是对内容和功能进行科学的分类组织和标记,以确保产品的功能与结构清晰易懂,能够有效地满足不同用户的认知需求。可以把信息架构理解为产品的结构蓝图,为用户提供在界面元素间高效切换和操作的导引路径。它的价值在于将内容与功能资源以逻辑和体系化的方式呈现。那么如何精准定义哪些要素归属于顶层导航、次级导航或细化导航?此时,一种名为“卡片分类法”(Card Sorting)的用户体验研究方法便派上了用场,它帮助设计师优化信息层级,制定更具洞察力和用户思维的导航设计决策。

*卡片分类法:卡片分类法是一种用户体验研究方法,用于帮助设计师理解用户如何组织和分类信息。参与者通过将内容项(如网站页面或功能)进行排序和分组,提供了关于信息架构的见解。其主要步骤为:首先,每张卡片上写一个内容项;其次,招募目标用户;再次,用户根据理解将卡片分组并命名;最后,识别共同的分类方式。此方法有助于优化网站和应用的导航结构,提高用户体验。

04 用户界面设计

接下来重点分析用户界面设计环节,也就是我们通常所提到的视觉设计,这是 UX 设计中至关重要的一环,主要关注产品的视觉展现层。UI 设计师的职责在于打造具有吸引力且直观自然的视觉体验。他们通过对色彩体系、排版字体、图形视觉以及插画风格的细腻打磨,为产品的整体视觉编码赋予独特且一致的品牌形象。

05 UX 写作(微文案)

UX 写作,亦称微文案,是文案写作领域下的一个细分学科,聚焦于数字产品中的文本设计。UX 写作者的核心职责是优化数字界面中的文案,不仅要贴合用户需求,还要显著增强整体用户体验。他们善于运用精准而贴近用户心智的表达方式,撰写既通俗易懂又情感共鸣强的界面文案,从而最大化提升用户的可读性与互动效率。

06 可访问性

最后,我们需要聚焦于可访问性——这是确保所有用户(包括有特殊需求的群体)都能高效且无障碍地使用产品的核心要素。作为设计从业者,共情能力是我们设计哲学的重要基石。但这种共情不仅局限于通用用户,还要涵盖那些需要特殊支持的用户群体。在每一次 UI 语义和交互设计中,我们必须以可访问性优先,确保无论用户的能力如何,都能获得最佳的可读性和充分的视觉对比体验,真正实现一视同仁的包容性设计。

作者:Abhi Chatterjee

译者:李泽慧

审核:李泽慧

编辑:丁怡豪

本文由人人都是产品经理作者【TCC翻译情报局】,原创/授权 发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash,基于 CC0 协议。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

深入剖析交互状态:设计与体验的关键

杰睿

对九类交互状态的深入理解和不断创新,将为产品设计带来更大的提升空间,为用户带来更加卓越的体验,推动产品在竞争激烈的市场中不断发展和进步。

一、交互状态的重要性

交互状态在产品设计中起着至关重要的作用,它直接关系到用户体验和产品的可用性。良好的交互状态设计能够让用户在使用产品的过程中感受到便捷、高效和愉悦,从而提高用户对产品的满意度和忠诚度。

从用户体验的角度来看,交互状态可以增强用户参与感和控制感。例如,在人机交互设计中,互动性和反馈机制能够让用户觉得他们对系统有一定的掌控能力。当用户进行操作时,系统能够及时给予反馈,如按钮按下后出现的状态变化、鼠标悬停时的提示信息等,让用户清楚地知道他们的操作产生了什么效果。这种即时的反馈可以帮助用户理解系统的运作逻辑,减少用户的操作失误,提升用户的效率和满意度。

在产品的可用性方面,交互状态的设计也至关重要。例如,在电子产品设计过程中,实现人机交互可以为消费者提供良好的使用体验。设计师需要考虑不同人群的需求,如设计操作简单的老人机,以满足老年人的使用需求。同时,将人机交互理念融入产品设计中,能够提升消费者对产品的喜好程度,使设计出来的产品能够满足人们对电子产品设计的要求。

此外,交互状态的设计还能够影响产品的整体品质。例如,在 B 端产品的 UI 设计中,深入了解用户需求与场景,进行简洁直观的界面设计,可以提升产品的可用性。通过用户研究方法,了解用户的工作环境、使用习惯和设备网络条件等,将用户需求转化为具体的设计元素和功能,为用户提供更加贴合实际的使用体验。

综上所述,交互状态在产品设计中具有重要的地位,它对用户体验和产品可用性有着重大的影响。产品开发者和设计师应该充分重视交互状态的设计,以提高产品的竞争力,在市场中脱颖而出。

二、九类交互状态详解

1. 加载相关

加载类型:除了电商 APP 和计算器应用的不同加载方式外,一些社交平台在加载用户动态时也会采用类似的渐进式加载。当用户打开社交平台,首先会看到最近的几条动态,随着用户不断下拉刷新,更多的动态内容逐步加载出来。这样既保证了用户能够快速看到部分内容,又不会因为一次性加载过多数据而导致等待时间过长。

加载状态:在加载状态中,不同的产品会有不同的表现形式。例如,一些在线学习平台在加载课程视频时,除了会有旋转的加载动画外,还会显示加载进度条,让用户清楚地知道视频加载的进度。如果加载成功,会有一个短暂的提示音,增强用户的感知。而如果加载失败,除了提示用户检查网络连接外,还会提供一些常见问题的解决方案,如清理缓存、更换网络环境等。

中断:中断情况在实际应用中较为复杂。以在线办公软件为例,如果在编辑文档过程中出现网络中断,软件会自动保存当前文档的进度,以防止数据丢失。同时,会提示用户网络中断,并尝试重新连接。如果长时间无法连接,用户可以选择将文档保存到本地,待网络恢复后再进行上传。

2. 特殊模式

深度 / 夜间模式:除了阅读类应用,一些视频播放平台也提供夜间模式。在夜晚观看视频时,开启夜间模式可以降低屏幕亮度,减少对眼睛的刺激。同时,夜间模式下的界面颜色通常会更加柔和,营造出舒适的观看氛围。

存在沉浸模式插件:在一些在线教育平台中,也会有类似沉浸模式的功能。当学生进入课程学习时,平台会自动隐藏无关的通知和广告,让学生专注于学习内容。同时,学生可以通过特定的快捷键退出沉浸模式,方便随时查看其他信息。

3. 操作相关

输入:除了即时通讯软件,一些办公软件在输入方面也有很多优化。例如,在文档编辑软件中,当用户输入一些特定的关键词时,软件会自动弹出相关的文档模板或格式设置选项,提高用户的输入效率。

点击:在电商平台的商品详情页面,点击商品图片通常会放大显示,让用户更清楚地看到商品的细节。同时,点击购买按钮后,会有一个短暂的确认弹窗,让用户再次确认购买信息,避免误操作。

重复点击 / 恶意操作:在一些金融类应用中,对于重复点击或恶意操作的防范更加严格。例如,在股票交易软件中,如果用户连续多次提交相同的交易指令,系统会自动锁定该用户的交易功能,并提示用户联系客服解决问题。

4. 限制相关

极值:在旅游预订平台上,用户在选择酒店价格区间时,系统也会进行极值限制。价格下限通常为平台上的最低价格,价格上限则会根据当地酒店的市场价格和用户的搜索历史进行动态调整,确保用户能够得到合理的搜索结果。

边界:在一些图形设计软件中,除了画笔工具的边界限制,其他工具也有类似的限制。例如,当用户使用裁剪工具时,裁剪区域不能超出画布的范围,否则无法进行裁剪操作。

时间:在在线考试系统中,时间限制尤为重要。考试开始前,考生只能看到考试的相关信息和注意事项,无法进入答题页面。考试开始后,系统会精确计时,一旦考试时间结束,答题页面会自动提交,无法再进行答题。

5. 网络相关

网络中断:在在线游戏中,网络中断会对玩家的游戏体验产生很大影响。当网络中断时,游戏会自动暂停,并提示玩家网络中断。如果玩家在网络中断前已经保存了游戏进度,那么在网络恢复后可以继续游戏;如果没有保存进度,可能会丢失部分游戏数据。

信号不佳 / 不稳定:在视频会议软件中,当网络信号不佳时,软件会自动降低视频的分辨率和帧率,同时关闭音频中的一些高级功能,如降噪和回声消除,以保证会议的基本沟通需求。

流量形式切换:在一些音乐播放软件中,用户可以根据自己的网络环境手动切换流量形式。例如,在 Wi-Fi 环境下,用户可以选择自动播放高清音乐视频;而在移动数据环境下,用户可以选择只播放音频,以节省流量。

6. 内容相关

没有内容:在在线文档协作平台中,如果一个文档没有内容,系统会提示用户 “此文档为空,请添加内容”,并提供一些常用的文档模板供用户选择,方便用户快速创建内容。

敏感 / 违规内容:在电商平台上,对于商品描述中的敏感或违规内容,系统会进行严格的审核。如果发现违规内容,商品会被下架,并通知卖家进行整改。同时,平台会对卖家进行警告,严重的可能会关闭卖家的店铺。

7. 站外内容相关

站外内容:在一些知识分享平台中,当用户点击站外链接时,平台会提示用户 “该链接为站外内容,请注意安全”,并提供一个返回平台的快捷按钮,方便用户随时返回。同时,平台会对站外链接进行安全检测,确保链接的合法性和安全性。

8. 设备相关

横竖屏:在一些图片编辑软件中,横竖屏切换会影响用户的操作体验。当用户将手机从竖屏切换到横屏时,软件会自动调整界面布局,将工具菜单和编辑区域分别放置在屏幕的两侧,方便用户进行操作。而当用户将手机从横屏切换回竖屏时,软件会恢复到原来的布局。

分辨率:在一些游戏开发中,开发者会根据不同设备的分辨率进行优化。例如,在高分辨率的设备上,游戏画面会更加细腻,特效也会更加丰富;而在低分辨率的设备上,游戏会自动降低画质,以保证游戏的流畅运行。

清晰度:在一些在线视频教育平台中,清晰度的选择会影响用户的学习体验。在网络条件好的情况下,用户可以选择高清或超清的视频清晰度,以便更清楚地看到教学内容;而在网络条件差的情况下,用户可以选择标清或流畅的清晰度,以保证视频的播放流畅度。

不同版本:在一些软件的不同版本中,功能和界面会有所不同。例如,在一款绘图软件的专业版中,会提供更多的高级功能和工具,而在免费版中,功能会相对较少。同时,软件会在界面上明确标识出不同版本的特点和优势,方便用户根据自己的需求进行选择。

硬件调用:在一些智能家居控制软件中,当用户需要调用摄像头进行监控时,软件会弹出请求授权的提示框。在获得用户授权后,软件会提供实时监控画面,并支持远程控制摄像头的角度和焦距。

硬件联动:在一些智能办公场景中,硬件联动可以提高工作效率。例如,当用户在会议室中使用智能投影仪时,投影仪可以与会议室的灯光和音响系统联动,根据投影内容自动调整灯光亮度和音响音量。

9. 角色相关

未登录 / 已登录:在一些在线教育平台上,未登录用户只能浏览部分公开的课程内容,无法进行课程报名和学习进度跟踪。而已登录用户可以享受更多的服务,如个性化课程推荐、学习记录保存等。

新用户 / 老用户:对于新用户,一些在线购物平台会提供新人专享优惠券和折扣,帮助新用户快速熟悉平台的购物流程。对于老用户,平台会根据他们的购买历史和浏览记录,为他们推荐个性化的商品和促销活动。

游客账号:在一些在线音乐平台中,游客账号可以让用户试听部分歌曲,但无法下载和收藏歌曲。当游客想要享受更多功能时,可以通过注册账号成为正式用户。

普通 / 会员账号:以在线阅读平台为例,会员用户可以享受无广告阅读、优先阅读新书等特权。同时,平台会在会员专属内容上进行明显标识,吸引普通用户升级为会员。

内网 / 外网账号:在一些企业内部的项目管理软件中,内网账号可以访问企业内部的项目信息和文件,外网账号则只能查看一些公开的项目进度和报告。在设计这种账号体系时,软件会明确区分内网和外网账号的权限,确保企业信息的安全。

管理员账号:在一些社区论坛中,管理员账号可以对用户的发言进行审核和管理,维护社区的秩序。同时,管理员账号还可以进行系统设置和插件管理,提升论坛的功能和性能。

三、总结与展望

通过对九类交互状态的深入分析,我们可以清楚地看到交互状态在产品设计中的重要性。无论是加载相关、特殊模式,还是操作相关、限制相关等各个方面,交互状态都直接影响着用户对产品的使用体验和满意度。

例如,在加载相关方面,合理的加载类型和状态显示能够减少用户的等待焦虑,中断处理机制则能在意外情况下最大程度地保护用户数据和操作进度。在特殊模式中,深度 / 夜间模式和沉浸模式插件为用户提供了更加舒适和专注的使用环境。操作相关的输入、点击和防范重复点击 / 恶意操作等设计,确保了用户操作的准确性和安全性。限制相关的极值、边界和时间限制,使得产品的使用更加规范和合理。网络相关的处理能够在不同网络状况下为用户提供尽可能好的体验。内容相关的处理确保了用户在面对不同内容情况时都能得到恰当的引导和提示。站外内容相关的设计保障了用户在访问外部链接时的安全。设备相关的横竖屏、分辨率、清晰度、不同版本、硬件调用和联动等设计,适应了不同设备和用户需求。角色相关的不同状态设计,为不同类型的用户提供了个性化的服务和体验。

展望未来,随着科技的不断进步,交互状态的设计也将不断发展和创新。一方面,人工智能、大数据等技术的应用将使交互状态更加智能化和个性化。例如,通过分析用户的使用习惯和偏好,自动调整加载策略、推荐适合的操作模式等。另一方面,虚拟现实、增强现实等新兴技术的发展将为交互状态带来全新的体验。例如,在虚拟现实环境中的交互状态设计将更加注重沉浸感和自然交互。同时,随着物联网的发展,硬件之间的联动将更加紧密和智能,为用户提供更加便捷和高效的服务。

本文由 @用户体验王叔 原创发布于人人都是产品经理。未经作者许可,禁止转载

题图来自 Unsplash,基于CC0协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

交互设计:理解用户思维,创造价值

杰睿

 

在交互设计的范畴里,对用户的深入研究能够为设计师提供关键的解决问题的参考依据。本文旨在运用一些成熟的方法,助力新人设计师更深入地理解用户,拓宽认知视野,进而创造出更多具有价值的设计。

在设计的广袤领域中,对于众多初入行业的设计新人来说,设计工作常常被误解为纯粹主观且感性的行为。

他们往往认为个人对美观的评判即是设计的全部要义,似乎用户理应沉浸于设计师所营造的美感之中。然而,设计的本质远非如此表面。

实际上,设计是一项通过精心设想和精确计算来创造价值的工作,其真正的意义聚焦于是否具有价值以及能否切实解决特定的问题。

一、错误判断背后的深度思考

首先,让我们从一道看似简单的题目开始:

一双球鞋和一个篮球共计 1100 元,球鞋比篮球贵 1000 元,那么这个篮球究竟值多少钱?

许多人可能会在瞬间给出 100 元的答案,但经过仔细斟酌后会发现正确答案其实是 50 元。

这种错误判断的根源在于大多数人所具有的两种思考模式,即快思考和慢思考。它们也被称为“无意识思维和有意识受控思维”“感性和理性”等不同的表述方式。

每个人都同时拥有这两种思考方式,然而通常情况下,慢思考会在接收快思考的估计和决策之后才开始启动。人类在漫长的生存历程中,不断地处理着各种各样的问题,有复杂的难题,也有相对简单的情况。快思考是对众多事情给出下意识的回应,是一种未经充分大脑思考的快速处理方式,其主要目的在于降低大脑的能量消耗。人类作为一种善于寻找规律的生物,快思考往往在以往的经验中迅速找寻答案。只有当问题获得反馈或者进入需要慢思考的情境时,人们才会察觉快思考中存在的疏漏。例如,我们时常会在未经深思熟虑的情况下,脱口而出对某些问题的回答,这正是快思考在发挥作用。

二、剖析用户的感性与理性

正如前文所述,大多数人同时具备快思考和慢思考两种模式,所以在未经特殊训练的情况下,大多数用户也同样兼具感性和理性。在大多数情形下,用户带着感性的心态而来,只有当遭遇问题或者涉及自身切实利益时,才会启动慢思考,从而变得理性。对于商业领域而言,更倾向于快思考的用户。

因为快思考会带来感性和冲动,促使用户迅速做出决策。这也正是为什么许多销售人员热衷于趁热打铁,让用户在快思考的状态下被感性和冲动所支配,进而快速完成交易。在各类电商以及活动类的运营活动中,精心营造氛围的目的就是期望用户在快思考的时候就完成决策,避免用户进入慢思考状态后因犹豫不决而影响决策的达成。

三、让用户持续保持感性的深度策略

在交互设计中,有以下更为深入的常见做法可以让用户持续保持感性:

1、显著地标识状态与当前进度

不仅仅是简单地显示状态和进度,更要通过巧妙的设计让用户在第一时间就能直观地理解其含义。例如,使用动态的进度条,配合清晰的数字显示和简洁的文字说明,让用户不仅知道自己所处的位置,还能预估完成任务所需的时间。同时,根据不同的进度阶段,采用不同的颜色或图标进行区分,增强用户的视觉感知和心理预期。

在游戏设计中,常见的经验条就是一个很好的例子。玩家可以通过经验条的变化,清晰地了解自己距离升级还有多远,这种明确的进度展示能够激发玩家继续努力的动力,保持他们在游戏中的投入感。

2、引导用户完成他们的目标

引导不仅仅是提供方向,更要深入理解用户的心理需求和行为模式,以更加个性化的方式引导用户。通过分析用户的历史行为数据和偏好,为用户量身定制引导路径。例如,在在线学习平台上,根据用户的学习进度和能力水平,为其推荐适合的课程和学习资源,引导用户逐步实现学习目标。

利用智能助手或虚拟角色进行引导,增加互动性和趣味性。例如,一些购物 APP 中的虚拟导购员,可以根据用户的浏览记录和购买意向,为用户提供个性化的购物建议和推荐商品,让用户在购物过程中感受到贴心的服务和引导。

3、明确无误地告知用户想了解的信息

信息的传达要做到准确、简洁、全面。除了基本的产品特点、功能和价格等信息外,还应提供用户可能关心的其他细节。例如,在电子产品的介绍页面,除了列出产品的技术参数外,还可以提供使用教程、常见问题解答、用户评价等内容,让用户能够全面了解产品,做出更明智的决策。

采用多种信息传达方式,满足不同用户的需求。例如,对于视觉型用户,可以提供图片、视频等直观的信息展示;对于听觉型用户,可以提供语音介绍;对于阅读型用户,可以提供详细的文字说明。同时,利用信息分层和渐进式披露的方式,让用户可以根据自己的需求逐步获取更深入的信息。

4、不要让用户去诊断问题

系统应具备强大的自我诊断和故障排除能力,在问题出现的第一时间自动检测并提供解决方案。例如,当软件出现故障时,系统可以自动弹出错误提示窗口,同时提供可能的解决方案,如重新启动软件、检查网络连接等。用户只需按照提示进行操作,无需自己去寻找问题所在。

建立完善的用户反馈机制,及时收集用户遇到的问题,并进行快速响应和解决。例如,在 APP 中设置反馈入口,用户可以随时提交问题和建议,开发团队可以及时跟进处理,并将处理结果反馈给用户,增强用户的信任感和满意度。

5、尽量减少设置的数量和复杂度

进行深入的用户需求分析,去除不必要的设置选项,简化操作流程。例如,在智能家居设备的设置中,通过智能化的默认设置和自动配置功能,减少用户的手动操作。同时,对于一些复杂的设置,可以采用逐步引导的方式,让用户在需要的时候再进行深入设置。

采用可视化的设置界面,让用户能够直观地了解设置选项的作用和效果。例如,在图像编辑软件中,通过实时预览功能,让用户可以在调整设置参数的同时看到效果的变化,从而更加方便地进行设置。

6、让用户感觉而不是去计算

设计要注重用户的直觉和感受,通过巧妙的视觉设计、交互反馈和情感化元素,让用户在无需进行复杂计算的情况下就能做出决策。例如,在酒店预订网站上,通过展示酒店的图片、评价和星级等信息,让用户能够直观地感受酒店的品质和舒适度,从而更容易做出选择。

利用大数据和人工智能技术,为用户提供个性化的推荐和决策支持。例如,音乐播放 APP 根据用户的听歌历史和偏好,为用户推荐符合其口味的音乐,让用户无需花费时间去搜索和筛选。

7、让描述更贴近用户

深入了解用户的语言习惯和文化背景,使用用户熟悉的词汇和表达方式进行描述。例如,在面向年轻人的产品中,可以采用流行的网络语言和表达方式,增强用户的认同感和亲近感。在面向不同地区的用户时,要考虑到当地的文化差异,采用合适的语言和表达方式。

进行用户测试和反馈收集,不断优化描述内容。邀请用户对产品的描述进行评价和建议,根据用户的反馈进行调整和优化,确保描述内容能够准确传达产品的特点和优势,同时符合用户的需求和期望。

8、在需要计算的内容提前帮用户计算好

利用自动化计算和智能算法,为用户提供准确、及时的计算结果。例如,在理财 APP 中,自动计算用户的收益和风险,为用户提供投资建议。在购物网站上,自动计算商品的总价、优惠金额和运费等信息,让用户清楚知道自己需要支付的费用。

提供多种计算方式和比较工具,让用户可以根据自己的需求进行选择。例如,在房贷计算器中,提供等额本金和等额本息两种还款方式的计算结果,让用户可以比较不同还款方式的优缺点,做出更合适的选择。

9、用情感带给用户细微的感受

通过情感化设计,触动用户的内心深处,建立与用户的情感连接。例如,在社交 APP 中,通过温馨的提示和问候,让用户感受到关怀和温暖。在纪念日或特殊节日,为用户送上个性化的祝福和礼物,增强用户的忠诚度。

利用故事和场景化设计,让用户在使用产品的过程中产生情感共鸣。例如,在旅游 APP 中,通过展示美丽的风景图片和用户的旅行故事,激发用户的旅行欲望。在产品介绍中,以故事的形式讲述产品的诞生和发展历程,让用户更加了解产品的背后故事,增强用户的认同感。

四、设计的价值与目的之深度探讨

许多新人设计师在初期往往喜欢站在个人和美学的角度来看待自己的设计。然而,随着设计经验的不断积累和对行业的深入理解,他们会逐渐认识到有价值、能解决问题才是人类发展的核心目的。在市场上存在众多同类型产品都具有价值、能解决问题的情况下,才需要通过设计出不同的差异点来脱颖而出。但始终要牢记的前提是设计必须具有价值、能解决问题,一旦抛弃了这个大前提,任何设计都会显得空洞、索然无味。

设计与艺术虽然有一定的关联,但它们并不是一回事。设计更注重实用性和功能性,以满足用户的需求和解决实际问题为主要目标。而艺术则更强调审美价值和自我表达,追求的是情感的共鸣和创造力的展现。设计师需要在设计过程中平衡好实用性和美观性,既要确保设计能够解决问题,又要让设计具有一定的审美价值,从而提升用户的体验和满意度。

总之,交互设计要深入理解用户的思维方式,通过更为深入和有效的方法让用户持续保持感性,从而提高用户的满意度和忠诚度。同时,设计师要时刻牢记设计的价值和目的,不断创造有价值、能解决问题的设计作品,为人类的发展和进步做出贡献。

以上观点仅代表个人看法,如有不对之处,欢迎在评论区指正交流。谢谢!

本文由 @用户体验王叔 原创发布于人人都是产品经理。未经作者许可,禁止转载

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

你的“优秀”设计,可能正在摧毁用户价值

杰睿

多数产品经理总是认为很专业,总会有一些异想天开的想法;殊不知我们不少自以为是的“优秀”设计,并不符合用户使用场景,还可能摧毁用户价值。就像本文列举的这几个案例,你有注意到吗?

产品经理的专业视角与用户视角,如同孪生兄弟,外表相似但内在迥异。

有时我们说谁的产品专业能力过硬,可能是一句褒奖的话。但专业能力若不能融合专家视角与用户视角,便可能被视为局限而非优点。

张小龙说自己可以很快变小白,而马化腾却可以“一秒变小白”。

所谓“一秒变小白”是指快速从专业视角切换到用户视角,确保在设计产品和评估用户价值时,避免陷入专家思维,无意中损害用户价值

一、那些“优秀”的设计,正在摧毁你上厕所的体验

两年前,我带着几个“朋友”坐飞机回云南老家,到达长水机场后,准备去上厕所。其中一位女性朋友,径直走进男厕所,直至上完厕所出来后,我们提醒她才“恍然大悟”——进错了厕所。

究其原因就在于一个“设计”:女厕所图标设计不明确,导致误解。

目前在机场、商场(尤其是高级商场)、写字楼等场所,设计者都采取一种精简设计方案,他们追求简洁的设计感。即只有一个非常简洁的图标,有的是男和女的人物图标,有的是烟斗和高跟鞋等。总之,不会有任何一个汉字(或英文)描述。

好像一旦图标旁写上“男厕”、“女厕”后,它们就变成了一种“土”、“low”的设计方案。

同一个空间内,不仅仅是厕所图标,还有扶梯、直梯、货梯、婴幼儿室、母婴室等各类图标,甚至有时它们会同时出现在一个引导牌,让你真正玩一把“猜猜猜”的图像游戏。

结果是:你无法快速找到图标;找到后,你需要仔细辨认以及“揣摩”图标的含义,避免走错;直至你走错后,才能“吃一堑,长一智”

同时,某些商场或写字楼的洗手台,为了追求设计感以及合理利用空间,把洗手液跟纸抽“融入”到镜面里,表面看确实简洁,是一种优秀设计方案。

但当你伸手接洗手液洗手时,却无法精准对接,需要反复尝试2-3次。没接到的洗手液,自然流就流落到洗手台之上。

结果是:用户体验差,浪费洗手液,增加清洁成本

保洁阿姨发现这个问题后,最后的解决方案就是:在洗手台旁边,直接放了一个自助式的洗手液。至此,那个“优秀”的设计方案,从此成为了摆设。

你自以为的优秀设计,往往却摧毁了用户的价值。它肯定不是你的初心,而是你的专业视角所致,却忽略了用户视角(尤其是小白用户视角)。

二、那些“优秀”设计,正在让用户“不明所以”,甚至“不知所措”

如下图所示,用户对发放工资条时,选择方案的设计进行了“吐槽”。一般默认勾选时,显示一个多选框,勾选即选中,反之不选,而设计升级后,期望让选中效果更明显,去掉勾选框,点击列表选中,再次点击取消。

结果是:用户不知道如何勾选,“优秀”设计摧毁了用户体验。

我们再看一个例子。

如下图所示,它们都是新建班次的设置页面,核心是约定员工的上下班时间跟打卡范围,但它们代表两种不同的设计风格。

方案1采用平铺直叙的用户语言风格,以对话感设计页面元素,旨在增强用户互动体验,但可能导致信息显示冗余。比如最早可提前x分钟打卡,晚于x分钟打卡记为迟到;

方案2采用简洁设计,避免冗余文字,以简洁页面提升视觉效果,但可能增加用户理解和使用难度(就像厕所图标的设计一样)。比如上班卡当天5:00-当天12:00,用户自行设置取卡范围。

三、如何避免让“优秀”设计无意损害用户价值?

第一,认知层面。产品经理的专业能力体现在创造用户价值和商业价值,而非局限于单一专业领域。这种能力需同时满足专业人士和小白用户的需求,否则不能称之为真正的专业能力

第二,设计语言。采用用户语言/自然语言作为设计语言,而不是设计师或产品经理的“专业”语言。比如晚于30分钟打卡记为迟到,就好于“豁免30分钟”;最早可提前120分钟打卡,最晚可延后120分钟打卡,就好于“上班卡范围:当天6:00-10:00”。

第三,设计“潜规则”。遵循行业“潜规则”设计,避免过度自我创造(或创新),导致伤害了用户价值。比如单选、多选、开关等设计要素,遵循成熟的设计方式,而不是非要“独树一帜”。

四、彩蛋:如何解决家长带异性子女上厕所?

我们在商场、机场等,比较常见的解决方案是:提供一个间亲子卫生间。

哈尔滨江北商场提供了一种创新的解决方案。即:在正常男女厕所旁边,新建了一个开放式的儿童厕所,配备了男孩和女孩专用的小便池及儿童洗手台。

既解决了家长带异性子女上厕所的难题,也方便了儿童独立使用,体现了对儿童和家长需求的细致考虑,这是真正用户视角下的产品设计。

专栏作家

邢小作,微信公众号:产品方法论集散地,人人都是产品经理专栏作家。一枚在线教育的产品,关注互联网教育,喜欢研究用户心理。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自 Unsplash,基于CC0协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

【交互设计】小白必看!手把手教你优化设计原则

杰睿

在当今数字化时代,交互设计不仅是产品成功的关键因素之一,更是连接用户与产品之间的桥梁。交互设计的原则和方法虽然众多,但本文将聚焦于产品交互设计的内在逻辑和基本原理,探讨什么样的设计才是优秀的,如何衡量其效果。

首先,我们需要明确“产品交互设计”的定义。产品交互设计是为了达成特定产品目标而进行的用户与产品之间的交互流程设计和反馈设计。换句话说,它不仅关注用户如何使用产品,还关注产品如何有效地反馈给用户。值得注意的是,产品交互设计是围绕产品目标展开的,而非单纯围绕用户展开,用户在这一过程中只是间接的服务对象。

这种思维方式可能与许多人的初始认知有所不同。以宜家家居为例,作为一家大型购物中心,宜家并不希望用户能迅速找到想要的产品,而是希望用户能在其店内多做体验。尽管这种迂回而漫长的购物路径可能让人感到烦恼,但用户却很少对此抱怨。这正是成功的产品交互设计的体现:虽然交互流程可能令人困扰,但良好的交互反馈(如各类家具的试用体验)却能让用户感到满意。

一、用户体验流程设计

产品交互设计的核心在于用户体验流程的设计。这一理念强调,交互设计并非简单的按钮、弹窗或功能的堆砌,而是为了实现产品目标而有意设计的用户与产品的互动流程。在这个过程中,每一个交互环节都旨在满足用户需求,同时实现产品的获益目标。这种获益不一定是金钱上的,可能还包括用户的关注度和忠诚度。

尼尔森可用性原则专业描述:

尼尔森可用性原则由人机交互学博士Jakob Nielsen提出,包括状态可见性原则、贴近用户真实环境原则、自由控制原则、一致性和标准化原则、防错原则等。这些原则提供了一套评估用户体验好坏的标准,帮助设计师和产品经理进行自查和优化

理论支撑:

用户体验地图是一种以用户为中心的可视化工具,用于描述和展示用户在使用产品、服务或系统的过程中的整体体验和情感变化。它通过讲故事的方式,描述用户参与服务过程中的体验变化,并通过可视化的方式将信息予以呈现。用户体验地图关注用户的行为接触点、情绪曲线、痛点和机会点,帮助团队更好地理解用户需求,从而优化产品设计

案例分析:

Netflix:Netflix通过用户体验地图分析用户观看习惯,发现用户在选择观看内容时往往会感到选择困难。为此,Netflix优化了推荐算法,提供个性化的内容推荐,显著提升了用户的观看体验和满意度。

二、与用户相互理解

交互设计的成功在于与用户的有效沟通。正如俞军所说,“产品经理就是以产品当笔,与世界对话”。在设计过程中,理解用户的需求和情感是至关重要的。

理解用户的方法

  1. 角色扮演:设计师假装自己是用户,真实体验产品的使用流程,以此理解用户的真实想法和需求。
  2. 用户访谈:通过与真实用户的对话,了解他们使用同类产品的目的、想法和感受,识别最需要优化的环节。
  3. 特征抽取:分析目标用户的特征(如年龄、性别、心理特征等),从中推导出用户的体验需求。
  4. 数据分析:利用数据分析工具,识别用户在使用过程中的行为模式,帮助设计师更好地理解用户需求。

KANO模型:由东京理工大学教授狩野纪昭(Noriaki Kano)发明,是一种对用户需求进行分类和优先排序的方法论。它将用户需求分为基本型需求、期望型需求和兴奋型需求,帮助企业识别不同层次的用户需求,从而优化产品功能。

马斯洛需求层次理论专业描述: 马斯洛需求层次理论由心理学家亚伯拉罕·马斯洛提出,将人类的需求划分为五个主要层次,从最基本的生理需求到最高层次的自我实现需求逐级递增。理解这些层次的需求有助于揭示人们行为的驱动力及其生活的主要动机。

案例分析:

Dropbox:在早期,Dropbox通过用户访谈和数据分析了解用户对文件共享的需求,发现用户希望能够轻松分享文件而不必担心复杂的设置。基于这些反馈,Dropbox简化了分享流程,使得用户可以一键分享文件,极大提升了用户体验。

三、让用户理解我们的设计

设计的最终目标是让用户理解我们的意图。如果用户无法理解设计表达,那么所有的努力都将付诸东流。为了实现这一目标,我们需要遵循以下原则:

1. 按照用户的思维习惯设计:设计应符合用户的思维逻辑。例如,用户在使用某些功能时,往往会根据自己的经验进行操作,设计应当顺应这种习惯。
2. 使用用户的习惯性语言:设计中使用用户熟悉的术语和表达方式,以降低理解成本。例如,针对不同文化背景的用户,设计语言和符号应有所不同。
3. **提供足够的提示**:在设计中加入必要的提示和指导,帮助用户理解如何使用产品。例如,在注册界面中,确保用户能够清晰地看到同意《用户协议》的选项。

案例分析:

Slack:Slack在设计其用户界面时,充分考虑了用户的习惯性语言和操作逻辑,使用了直观的图标和清晰的提示,帮助用户快速上手。用户在使用Slack时,能够轻松找到所需功能,极大提升了用户的满意度。

四、让用户感觉越简单越好

简洁性是交互设计的重要原则,但这并不意味着界面内容越少越好,而是要让用户在使用过程中感到轻松和自然。简洁的设计应当帮助用户快速实现目标,而不是让他们感到困惑。

实现简洁性的策略

  1. 提供捷径:例如,在电商平台上,允许用户直接下单而不必经过购物车,减少不必要的步骤。
  2. 减少深层思考:设计应避免复杂的设置,让用户能够快速上手。例如,工具类产品应尽量简化操作流程,让用户能够迅速完成任务。

理论支撑:

诺曼的交互设计基本原则:诺曼提出的示能、意符、映射、反馈和概念模型等原则,为设计师提供了清晰的指导,帮助他们创造出用户友好的设计。

案例分析:

苹果公司:苹果在其产品设计中始终坚持简洁性原则,通过直观的界面和简单的操作流程,使用户能够轻松上手。无论是iPhone的操作系统,还是Mac的桌面环境,用户都能快速找到所需功能,享受流畅的使用体验。

五、让用户最终感到满意

用户体验的“峰-终”值原理表明,用户的整体满意度并不取决于每个环节的完美,而是关键时刻的满意度。因此,设计师应关注用户在使用过程中的高峰体验和结束体验。

实现用户满意度的策略:

  1. 控制体验差的设计:确保所有体验不超过用户的预期底线,避免给用户带来负面体验。
  2. 超越用户的预期:在产品的优势和亮点方面,努力超越用户的期望,提供惊喜。
  3. 优化离开触点:确保用户在离开产品时感到满意,即使在使用过程中有些环节不尽如人意。

案例分析:

Zappos:Zappos以其卓越的客户服务而闻名,尤其是在处理退货和客户投诉时。他们确保用户在购买后无论遇到什么问题,都能得到及时和满意的解决,从而提升了用户的整体满意度。

总结

综上所述,产品交互设计的基本原则在于将设计视为一个整体流程,深入理解用户,确保设计能够被用户理解,并让用户感到简单和愉悦。最终,设计的成功与否应通过是否帮助实现产品目标来衡量。通过不断迭代和优化,我们可以创造出既满足用户需求又推动产品发展的优秀交互设计。设计师在这一过程中,应始终保持对用户的敏感度,关注用户的反馈,以确保设计始终围绕用户的真实需求展开。

作者:海鲜不设计,微信公众号:海鲜不设计

本文由 @海鲜不设计 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

引导式设计原则及应用方式交互探索

杰睿

大部分APP都会有引导设计,以帮助新人快速上手。那你知道这些引导设计有哪些要求和方法吗?这篇文章,我们看看作者整理的五种类型,你们用的是哪一种呢?

一、设计原则

  • 简洁性:内容简洁明了,避免过多的文字和复杂的概念,重点突出产品的核心功能和关键操作;
  • 直观性:采用直观的视觉设计和交互方式,如图片、图标、动画等,让用户能够快速理解引导信息并进行相应操作;
  • 渐进性:按照用户的认知和操作流程,逐步展开引导内容,避免信息的复杂造成过多干扰;
  • 互动性:增加互动元素,如点击、滑动、输入等,让用户积极参与到新手引导过程中,提高用户的注意力和学习效果;
  • 友好性:支持可跳过,为有经验或急于使用产品的用户提供跳过新手引导的选项,尊重用户的自主选择。

二、引导方式

1. 遮罩式(蒙层引导)

1)定义

蒙层引导的特点是让用户将注意力聚焦到被圈定的某个特定功能上,不被其他内容干扰;

通常出现在用户首次操作时做全局引导,也会在产品的各个功能点等待用户的触发;根据内容一次显示一个或多个提示;

2)组成结构

黑色蒙层+高亮内容+内容介绍(图文/视频)+操作引导;

3)使用规则

分为单页面功能引导和多页面多功能引导,单页面引导全局信息量不能过多;多页面引导控制在5步以内,提示契机保证用户需要的时候出现,不做过多干扰;

4)使用场景

分类场景:展示新产品/功能特色介绍(新功能上新的告知、特色重点功能宣传)、产品/功能更新迭代(说明界面中功能位置的改动、服务内容的变动等)、操作行为引导(讲解操作方式、体现特定的手势交互划分说明界面的整体结构);

2. 开屏引导

1)定义

引导页出现在用户首次打开APP的时,在用户使用产品前先给用户营造好产品的基调和氛围,宣传产品功能和亮点或告知用户最核心的操作方式;

基本上由3-5个页面组成,保证能带给用户新鲜感和吸引他们的注意力,否则对用户来说反而是干扰,只会直接选择快速划过;

2)组成结构

文字介绍+图片介绍+操作引导;

3)使用规则

引导页最多不超过5页;图片介绍表达简单且符合真实的使用场景;尽量明确的操作引导查看下一步的操作,

4)使用场景

用户首次启动APP,全局展示APP的整体功能架构和大的功能模块分类

3. 弹窗引导

1)定义

用户进入使用某功能或某交互方式变化时,弹出弹窗予以解释并介绍相应的操作,属于即时的强提醒方式;

弹窗引导更重,阻断行更强,需考虑使用的场景和传达内容的重要程度;

2)组成结构

弹窗+图/文信息+操作按钮;

3)使用规则

更多使用于单项服务的介绍;弹窗内尽可能以图文方式介绍,避免大片文字,内容清晰明确,操作按钮指代清晰;

4)使用场景

告知用户有新功能上线(如何找到新功能、新功能如何使用,并提供直接链接跳转去对应服务)、变更功能提醒(功能变更后提示去哪找到)、告知用户一些隐藏菜单的内容(引导用户使用)、以及查看/点击等交互操作变更等;

4. 气泡/浮层引导

1)定义

同样是作为即使提醒的方式,作为引导提示、提醒提示、解释提示,让用户快速了解此服务/功能的内容

气泡属于轻量级的提示方式,打断感弱,内容传递量不大但聚焦;

2)组成结构

弹窗+图文信息+操作按钮;

3)使用规则

弹窗内尽可能以图文方式介绍,避免大篇文字,内容明确,操作按钮指代清晰;

4)使用场景

聚焦在单一功能场景,更贴近某个服务的引导和告知,告知用户有新功能上线、引导用户使用、或告知用户一些隐藏菜单的内容,当前提示内容较为重要,且内容较多,建议使用弹窗。

5. 操作引导

1)定义

操作式引导会结合产品实际使用场景,一步一步地引导你进行操作,鼓励用户参与其中

这种方式很容易让用户沉浸其中、快速学习,并且因为有及时的操作反馈,所以用户很容易获得强烈的成就感;

2)组成结构

内容介绍+引导内容+操作引导

3)使用规则

操作引导突出且明确指示出操作的方式,否则用户很容易因为操作失败的挫败感而放弃;保持内容与操作的亲密性;操作成功后及时给予反馈。

4)使用场景

多应用在工具类产品和游戏:比如养鸡活动、拼多多的种农作物、蚂蚁森林种树等最开始使用此功能时,或者很久未进入的用户下次进入;

本文由 @宫宫宫宫 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

交互设计:褪去美丽、追求简单

杰睿

编辑导语:由于审美的多优化,产品设计风格及类型也不尽相同,但核心都是围绕用户群体来迎合市场需求。本文将从我看到、我理解、我行动、给我反馈这四个层面逐步递进阐明交互设计的本质,值得阅读学习。

近来,和新的交互团队沟通颇多。在沟通当中,不免会陷入这样的对话:我觉得这个设计不美,不优雅、所以不合适。

每每,当我们围绕产品设计的讨论进入了“美丑与否”的阶段,就基本上等同于陷入了“公说公有理、婆说婆有理”的泥沼。毕竟,审美是一个个体化的偏好,依赖于我们过往的学习、认知和经历。围绕产品去讨论美丑,最后往往只能看谁的官帽子大就让谁决定了。

但是,在涉及交互时,我们应该聚焦于美丑的讨论么?

我的答案是,不应该。

在创作一幅画作或雕塑的时候,个性化的作品之美是可以被讨论的。你偏好特定的风格,从而创作特定类型的作品,看客喜欢自然好,不喜欢也无所谓。因为作品首先是悦己的,然后才是悦人的。我们借由一个个性化的作品来完成自我的投射和受众的筛选。

而在规划一款面向大众产品的时候,其商业化的产品之美则不应该被讨论,更应该被数据衡量。我们不是要把自己偏好的风格强塞给不同的用户,而是要以用户可接受的方式将自己的产品和服务兜售出去。和作品不同,商品首先是悦人的,然后才是悦己的。我们面对的是一个被筛选出的受众群体,来完成品牌和服务价值的投射。即便市场上有很多,我个体不喜欢的产品设计,但是仍然要尊重其,在数据指标上是有效的。

当用户面对交互界面时,会经历:我看到、我理解、我行动、给我反馈的过程。过程中,逐环节中的漏斗转化,和最终的业务结果,是可以抽离出数据指标进行衡量的。

那么,交互设计的导向,就旨在降低整个链路中的各个环节间的阻力,体现在用户从“我看到” 到 “我理解”的认知阻力降低,从“我理解”到“我行动”的操作干扰降低,以及从“我行动”到“给我反馈”的反馈时延降低。

一、从“我看到”到“我理解”

这个环节一般是产品经理和设计师容易代入个人审美的环节,有审美洁癖的人士往往会倾向于提供更有结构化、更富有美感和逻辑性的信息排布展示。而事实上,这就犯了“理性人假设“的错误,我们总假设用户是秉持着理性来使用我们产品的,殊不知,他们大概率是以感性的方式来感知和应用我们的产品,未必能够体会到产品精致的“匠心”:

比如,对于列表页卡片来说,同样的信息,以标签的形式展现就不如以标题的形式展现。”字要大“定律,在列表页卡片的设计中屡试不爽。

又如,在同一个页面上,如果我们增加了两个关注按钮,UV关注转化效率就会比一个的要好。以个人体验为例,我一直在使用一款壁纸软件,但直到某一日,我才惊觉原来这个页面里有两个收藏按钮,我一直只在使用其中一个。我拿着手机问了身边的朋友,呈现出28分布,80%的人和我一样关注到了同一个位置的收藏按钮;而20%的人则关注到了另一个收藏按钮、或同时关注到了两个按钮。

二、从“我理解”到“我行动”

这个环节一般是产品经理和设计师容易代入专家视角的环节,有专家视角的人士往往会倾向于使用书面的、应用内专有的表述方式,比如:沟通、马克、直聊等等,但是,这种不说人话的文案显然既不利于理解,又无法有效推动用户做出有效的行动。

套用福格行为模型,行为发生于动机、能力和提示同时出现的时候。产品交互的作用,就是要降低用户使用产品所需的能力门槛,给到用户充分的行动提示,从而促进行为密度的提升。

从过往2C销转的经验上来看,同样的页面布局,暖色的按钮比冷色的按钮转化率高、直白的口语化文案比正式的书面语文案转化率高。数据结果告诉我们,那些原本中立的用户,是可以被颜色、文案所引导,从而做出有效行动的。

三、从“我行动”到“给我反馈”

这个环节基本上就属于基础认知了,不要让自己的产品在交互过程中出现“死机”态。在实践中可以更多的使用非阻塞式操作,通过异步的方式给到用户更及时和灵敏的反馈:

以用户上传头像为例,一种做法是在用户上传完毕后才给到提示;另一种做法则是本地完成操作后就先给用户反馈,随后进入后台的上传,只有在上传失败且重试失败后,才给到用户提示。

以内容平台发布UGC内容为例,一种做法是先审后发,先审核通过后再发布到公域;另一种做法则是先发后审,先让内容对用户自己可见,并插入到他信息流的首位,然后在审核通过后发布到公域。从公域的可视性上来说,两种方案是一致的,但是给用户体感上,先发后审的即时性更强。

只有能够切实降低用户认知阻力、操作阻力、反馈延时的交互,才称得上是商品维度的好交互。美感与否、逻辑与否,都是上帝视角的先验审判,而逐环节的漏斗指标才是用户视角的后验投票。

不追求美丽,那么追求什么呢?

简单,是我目前对产品和交互的认知和追求。

许是年纪大了,便终于因为意识到自己的审美是非典型的、有偏差的,开始更多的不执念于自己,而落地于用户观察。

简单,是一种有效的策略。

因为简单,所以用户更容易理解我们提供的信息和内容,从而更快速的完成信息的识别和认知。

因为简单,所以用户更容易聚焦在主路径上,不会在诸多纷繁的选项中迷失、陷入选择困难。

因为简单,所以用户不需要了解平台的黑盒,他能够得到一个更简单的系统,看到的就是直接的输入输出、按下一个按钮收获一个商品。

简单的策略,不光让用户得利,我们也会从中受益,使得前期试错成本和后期维护成本都降低许多。

简单,是一道困难的题目。

追求简单,所以我们需要找到用户群体的最大公约数,只有将这个最大公约数落地在产品设计中,才能让用户快速理解和接受我们的设计;

追求简单,所以我们需要使用更平白的文本、更直接的图标,不端着、说人话,才能让用户没有理解的障碍、一看到就能够明白。

追求简单,所以我们需要克制自己对于巴洛克风格的挚爱,不断的收敛自己想要多做功的念头,砍到20%的需求,以MVP的方式去推进业务。

从追求个体的美丽,到追求群体的简单;从追求个体的控制,到追求群体的顺应。

 

本文由 @YanZehua 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档