你的UI设计够不够趣味性
这周要做一个设计,在研究怎么修改的时候,想到了要加入一些符合产品调性的趣味设计,但是要怎么加入才能增加用户对产品的印象,进而增加好感与认可呢,我们今天就来研究一下很多有意思的APP里的一些趣味设计。
我们现在随着手机越来越深入我们的生活,网络上也出现了很多有意思的话,我们在设计的时候可以将这些变成文案,在不经意间撩动用户,产生惊喜感,让用户对产品留下印象。

小红书不同于别的APP,我们大部分见到的点赞都是线框变成实心的爱心,或者加一些东西,小红书的点赞还加了一个有文案的toast,里面的文案是随机的,有夸你的、有撩你的、有逗你的,我觉得光这个点赞我能玩一天。
学习点:通过不同的点赞文案,让用户主动并且期待的去给UGC内容点赞,鼓励了UGC更多的产出,也让用户与产品有了更多的互动,提高了黏性。Toast加文字放在了页面的顶部,既不挡住图片,也不影响用户操作文字,这个toast的位置有点厉害啊!
当越来越多的产品重叠的模块都大同小异的时候,作为用户的我们只要看到有特别的模块或者展现形式,是不是都会觉得很新鲜有意思,一定要让朋友们一起体验。

最右的消息列表就做的很有新鲜感,有趣的卡通插画形象配上很适合场景的文案,一下子就树立了最右与产品调性很符合的形象,给用户留下了深刻的印象。
Same的滤镜真的做的很是画风清奇啊,我们用的大部分的带有滤镜的软件命名都是滤镜的文艺名称,只有Same将滤镜做成了卡通形象,搭配不同的表情并且还有性别和年龄,我在里面发现了一个跟我生日一模一样的卡通形象,然后就经常用它。
学习点:上面举的两个例子都是UGC模块为核心的产品,因此产品的调性偏向于轻松和活泼,因此不太建议产品画风比较严肃的这样使用。
但是在设计空白页面或者页面比较空的时候,可以增加一些经典的产品插画,给页面增加趣味性和可用性,这里可以将产品和公司特色作为切入点和闪光点。
我们要做的就是在熟悉的场景和情境下,能够给用户出乎意料的惊喜,必定能够抓住用户的注意力,并产生积极的情感。

在我们都习惯了发生日快乐屏幕下蛋糕,发么么哒屏幕下表情余的交互模式,苹果的短信发送里的动效真的与我们之前用过魑魅魍魉都不一样,长按发送的按钮,就会进入效果的选择区,里面可以更改气泡的表现形式,还可以选择背景动效,一个个的超级炫酷,真的能玩很久。
学习点:在熟悉的界面下,出现一些意想不到的惊喜,能够提升用户注意力加深印象,通过全屏的动效更有氛围感,但是目前国内的大部分社交产品都没有使用这种效果,我还没想到是什么原因,知道的小伙伴可以评论告诉我。
很多时候我们发现产品的趣味性是来自于产品的小小细节,这些都是需要我们在使用的时候才会慢慢的被发现。而当用户在使用的时候找到一些小小的不同,会跟拉近用户与产品的距离。

百度地图是一款地图工具类APP,所以我们就是把它当作一个很简单的工具在使用,所以当我们截图的时候发现,可以在上面放自制的表情包,就会觉得很惊喜。其实现在很多的APP都有自带表情包,但是百度地图会有还是会让用户们觉得很惊喜,这也许就是超出了期待值以外的功能。
学习点:这种小趣味就属于比较隐藏的功能,有点像游戏里的隐藏福利,一般只有老用户才能够发现,这种功能存在一般来说是用来鼓励用户继续使用的,毕竟在用户心里,能让他记住又总给他惊喜的产品还是很少的。
带你一起玩
手机里很多工具类的产品我们除了有需要的时候才会去使用它,不然除了这些用处我们也不会想起来去用这么枯燥的产品,因此现在一些工具类产品都开始加入游戏的模式,让用户参与进来,设置一些有挑战的小游戏。

Walkup简单的说就是一款记步数的产品,但是它以画风精美的插画和独特的游戏玩法,拥有了很多用户,通过可以收集徽章的方式来激励用户多走步数,使用产品,用自己的步数在产品中可以周游列国,但是进入一个国家之前需要回答各国的相关问题才能拿到通行证,是不是很有意思。
学习点:让用户把一款工具类的产品当成一个游戏来玩,这是最能够提高用户黏性,提升用户停留时间的策略。
总结
1、通过不同的点赞文案,让用户主动并且期待的去给UGC内容点赞,提高产品互动与黏性。
2、在设计空白页面或者页面比较空的时候,适时的增加一些经典的产品插画,给页面增加趣味性和新鲜感。
3、打破规则,在熟悉的界面下出现一些意想不到的惊喜,能够提升用户注意力并且加深印象。
4、意料之中的惊喜属于隐藏福利,这种功能存在就是鼓励用户继续使用并且拉近产品与用户之间的亲密关系的。
5、带你一起玩,把一款工具类的产品设计成游戏的模式,是最能够提高用户黏性,提升用户停留时间的策略。
趣味设计的技术在于平衡熟知的事物和不确定的事物,太多熟知的是事情会缺少刺激,而太多的不确定又会容易产生恐慌,因此像我们上面讲的一样,通过我们身边熟知的事情来制造一些不太常见的惊喜,才能更好的让用户放心的使用我们设计的产品。
你的UI设计够不够趣味性的更多相关文章
- UI设计教程分享:电商网页页面设计常见表现手法
1.手绘插画 场景.人物以及加上故事的创意绘画 会给人梦幻若隐若现的感觉,留下深刻的印象,适合做活动页面以及宣传自已的品牌 2.简约 颜色少于三色,背景以明度偏低的颜色为主,在信息大爆炸的时代,我们 ...
- 详解 “Android UI”设计官方教程
我们曾经给大家一个<MeeGo移动终端设备开发UI设计基础教程>,同时很多朋友都在寻找Android UI开发的教程,我们从Android的官方开发者博客找了一份幻灯片,介绍了一些Andr ...
- Android UI设计规则
Android UI技巧 1.1 不该做什么 l 不要照搬你在其他平台的UI设计,应该让用户使用感觉是在真正使用一个Android软件,在你的LOGO显示和平台总体观感之间做好平衡 l 不要过度使 ...
- DailyTick 开发实录 —— UI 设计
上次的文章中描述了 DailyTick 的设计理念.经过两周左右的设计和开发,现在 DailyTick 的主要 UI 已经完成了原型的设计和初步的实现.既然是原型,当然看起来就有点粗糙. 主 UI 主 ...
- 零基础入门学习UI设计指南
第一步:认识设计启蒙必备知识 学习一项技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知.在开始正式学习前,你需要花足够的经历去了解和查阅它的起源.发展.应用.未来. ...
- UI设计,你为什么不能把标题做的更明显呢?
在设计中标题常常被重视,标题即是文案信息的精华提炼,那么如何能把标题在很多文案信息中脱颖而出就是设计师所要做的工作,前面的文章说过对比可以凸显主题,这期是在对比合理的前提下更进一步的处理方法,我们可以 ...
- 关于UI设计的一些工作了解
关于UI设计相信大家在刚接触UI的时候都不太了解,我来说说我在一段学习时间后的了解. UI从工作内容上来说分为3大类,即研究工具,研究人与界面的关系,研究人与之相应. UI设计师的职能一个是图形设 ...
- 【配色指南】UI设计中使用明亮色彩的利与弊,你知多少?
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 合理运用色彩是每个设计师都应必须具备的技能,特别是插画师和UI设计师.随着扁平化设计和Materia ...
- 基于 Raphael 的 Web UI 设计 - 初稿
基于 Raphael 的 UI 设计 - 初稿 还有很多地方需要完善,这次要把 Raphael 彻底用起来,^_^, 一定要150字哦,一图抵千字啊,^_^,不喜欢写字的,那么怎么凑够150字呢,说说 ...
随机推荐
- 设计模式08: Composite 组合模式(结构型模式)
Composite 组合模式(结构型模式) 对象容器的问题在面向对象系统中,我们常会遇到一类具有“容器”特征的对象——即他们在充当对象的同时,又是其他对象的容器. public interface I ...
- 【Head First Java 读书笔记】(四)对象的行为
状态影响行为,行为影响状态 对象有状态和行为 类所描述的是对象知道什么和执行什么. 同一类型的每个对象能够有不同的方法行为吗? 任一类的每个实例都带有相同的方法,但是方法可以根据实例变量的值来表现不同 ...
- 关于spring”通配符的匹配很全面, 但无法找到元素 'context:component-scan' 的声明“的错误
关于spring配置的问题 近日学习spring时遇到了这个问题: org.springframework.beans.factory.xml.XmlBeanDefinitionStoreExcept ...
- MongoDB整理笔记のReplica Sets
MongoDB支持在多个机器中通过异步复制达到故障转移和实现冗余.多机器中同一时刻只有一台机器是用于写操作,正因为如此,MongoDB提供了数据一致性的保障.而担当primary角色的机器,可以把读的 ...
- Android自动提示控件:AutoCompleteTextView和MultiAutoCompleteTextView
在输入框中输入我们想要输入的信息就会出现其他与其相关的提示信息,这种效果在Android中是用AutoCompleteTextView实现的. 一.AutoCompleteTextView:单一匹配 ...
- 在ubuntu下安装KDE以及完全卸载KDE
自由转载 ^_^ 同时请注明原文出处:http://www.cnblogs.com/wangvsa/archive/2012/07/22/2603626.html 这是一篇翻译,很多不必要的东西就没翻 ...
- Guideline 2.1 - Information Needed需要补充录制视频
1.被拒回文 Guideline 2.1 - Information Needed We have started the review of your app, but we are not abl ...
- SpringMVC 入门程序
SpringMVC是什么 SpringMVC 是一种基于 Java 的实现 MVC 设计模型的请求驱动类型的轻量级 Web 框架,属于 Spring FrameWork 的后续产品,已经融合在 Spr ...
- Spring AOP的实现机制
AOP(Aspect Orient Programming),一般称为面向切面编程,作为面向对象的一种补充,用于处理系统中分布于各个模块的横切关注点,比如事务管理,日志,缓存等等.AOP 实现的关键在 ...
- atp
一. 新建atp目录,该目录下包含bin(存放启动程序等).config(存放配置程序).lib(存放过程程序).logs(存放生成的日志).cases(存放用例的excel文件)五个目录,并新建一个 ...