你的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字呢,说说 ...
随机推荐
- HDU - 1251 统计难题(trie树)
Ignatius最近遇到一个难题,老师交给他很多单词(只有小写字母组成,不会有重复的单词出现),现在老师要他统计出以某个字符串为前缀的单词数量(单词本身也是自己的前缀). Input输入数据的第一部 ...
- Windows下配置Visualsvn Server时需要注意的几点事项
1配置用户组与用户 用户组的权限高于用户的权限, 如果一个用户只有只读权限,同时被加入了拥有写权限的用户组中,此用户可以执行写操作. 2在Pre-commit hook下增加 强制添加注释的钩子脚本 ...
- 【转】Android自定义控件(三)——有弹性的ListView
原文地址:http://blog.csdn.net/a105865708/article/details/17959459 上一次我们试验了有弹性的ScrollView.详情 这一次,我们来试验有弹性 ...
- Sobel算法
最近看了一些Sobel算法,并试了一下,源码如下: private void Sobel(Bitmap img) { int width = img.Width; int height = img.H ...
- 安卓开发时访问google方法
启动浏览器后15秒左右,浏览器的右上角就会出现图标 启用防火墙功能(右上角墙形图标),这时候程序就会去寻找网上代理,从而达到访问GOOGLE的效果,提示如果不访问google网站,可再点击一下关闭防火 ...
- .NET中的程序集
参考:http://blog.sina.com.cn/s/blog_7ade159d0102wmg9.html 程序集(Assembly,装配件,.NET程序集) 程序集是应用程序的部署单元,.NET ...
- 析构函数的调用------新标准c++程序设计
示例1: #include<iostream> using namespace std; class CDemo{ public: ~CDemo(){cout<<"d ...
- Atcoder Grand Contest 031B(DP,思维)
#include<bits/stdc++.h>using namespace std;int a[200007];int b[200007];long long dp[200007];lo ...
- Scrapy 增量式爬虫
Scrapy 增量式爬虫 https://blog.csdn.net/mygodit/article/details/83931009 https://blog.csdn.net/mygodit/ar ...
- Codeforces Round #549 (Div. 2)A. The Doors
A. The Doors time limit per test 1 second memory limit per test 256 megabytes input standard input o ...