你的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字呢,说说 ...
随机推荐
- Action Results in MVC
- (转)通过Javascript得到URL中的参数(query string)
原文地址:http://www.cnblogs.com/season-huang/p/3322561.html 我们知道,"GET"请求中,通常把参数放在URL后面,比如这样htt ...
- 编写高质量代码改善C#程序的157个建议——建议15: 使用dynamic来简化反射实现
建议15: 使用dynamic来简化反射实现 dynamic是Framework 4.0的新特性.dynamic的出现让C#具有了弱语言类型的特性.编译器在编译的时候不再对类型进行检查,编译器默认dy ...
- MySQL性能调优与架构设计——第2章 MySQL架构组成
第2章 MySQL架构组成 前言 麻雀虽小,五脏俱全.MySQL 虽然以简单著称,但其内部结构并不简单.本章从MySQL物理组成.逻辑组成,以及相关工具几个角度来介绍 MySQL 的整体架构组成, ...
- 洛谷P2420 让我们异或吧(树链剖分)
题目描述异或是一种神奇的运算,大部分人把它总结成不进位加法. 在生活中…xor运算也很常见.比如,对于一个问题的回答,是为1,否为0.那么: (A是否是男生 )xor( B是否是男生)=A和B是否能够 ...
- MongoDB整理笔记のCapped Collection
1.简单介绍 capped collections 是性能出色的有着固定大小的集合,以LRU(Least Recently Used 最近最少使用)规则和插入顺序进行age-out(老化移出)处理,自 ...
- 【SQL】- 基础知识梳理(七) - 索引
索引的概念 在关系型数据库中,索引是对数据库表中一列或多列的值进行排序的一种结构. SQL SERVER中有索引的类型:按存储结构区分:“聚集索引(又称聚类索引,簇集索引)”,“分聚集索引(非聚类索引 ...
- MVC 登陆鉴权
public ActionResult Login(string data) { var _params = JsonConvert.DeserializeAnonymousType(data, ne ...
- markdown syntax
Markdown 语法 转载自https://zh.mweb.im/markdown.html 首先应该了解的 每一个 Markdwon 使用者都应该了解的,是 Markdown 最基本的版本,也就是 ...
- c++内存模型------计算机系统核心概念及软硬件实现
c++编程语言有3中不同类项的变量:全局变量.局部变量和动态分配变量.变量的值存储在计算机的内存中,但是变量存储的方式取决于变量的类项.3种类型的变量分别对应存储器中3个特定的区域: 全局变量存放在存 ...