你的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字呢,说说 ...
随机推荐
- MVC全局用户验证之HttpModule
在请求进入到MVC的处理mcvHandler之前,请求先到达HttpModule,因此可以利用HttpModule做全局的用户验证. HttpModule MVC5之前的版本基于system.web. ...
- Matlab和Python用于深度学习应用研究哪个好?
Matlab和Python都有一些关于深度学习的开源的解决方案(caffe\DeepMind\TensorFlow),基于哪个开展应用研究好?
- 编写高质量代码改善C#程序的157个建议——建议38:小心闭包中的陷阱
建议38:小心闭包中的陷阱 先看一下下面的代码,设想一下输出的是什么? static void Main(string[] args) { List<Action> lists = new ...
- 设计模式11: Flyweight 享元模式(结构型模式)
Flyweight 享元模式(结构型模式) 面向对象的代价 面向对象很好的解决了系统抽象性的问题,同时在大多数情况下也不会损及系统的性能.但是,在某些特殊应用中,由于对象的数量太大,采用面向对象会给系 ...
- angular 子路由
const routes: Routes = [ { path: '', redirectTo: '/home', pathMatch: 'full' }, { path: 'home', compo ...
- ExposedObject的使用
ExposedObject可以将一个对象快速封装未一个dynamic using System; namespace ConsoleApp2 { class Program { static void ...
- RadASM的主题更换!
RadASM的代码编辑器默认背景色位黑色,我很不习惯,决定更换它,按照下面步骤,我把RadASM的代码编辑器默认背景色成功更换成了白色: 1, 2, 3, 4,
- 条件编译,C语言条件编译详解
条件编译是指预处理器根据条件编译指令,有条件地选择源程序代码中的一部分代码作为输出,送给编译器进行编译.主要是为了有选择性地执行相应操作,防止宏替换内容(如文件等)的重复包含.常见的条件编译指令如表 ...
- python 时间相关函数
python 中与时间处理相关的模块包括 time.datetime.以及 calendar time 模块 time() 函数:time() 函数用于返回当前时间的时间戳(1970年01月08时00 ...
- mybatis 学习笔记(一):mybatis 初认识
mybatis 学习笔记(一):mybatis 初认识 简介 MyBatis是一个Java持久层框架,它通过XML描述符或注解把对象与存储过程或SQL语句关联起来.mybatis 可以将 prepar ...