这周要做一个设计,在研究怎么修改的时候,想到了要加入一些符合产品调性的趣味设计,但是要怎么加入才能增加用户对产品的印象,进而增加好感与认可呢,我们今天就来研究一下很多有意思的APP里的一些趣味设计。

通过文案来撩你

我们现在随着手机越来越深入我们的生活,网络上也出现了很多有意思的话,我们在设计的时候可以将这些变成文案,在不经意间撩动用户,产生惊喜感,让用户对产品留下印象。

小红书不同于别的APP,我们大部分见到的点赞都是线框变成实心的爱心,或者加一些东西,小红书的点赞还加了一个有文案的toast,里面的文案是随机的,有夸你的、有撩你的、有逗你的,我觉得光这个点赞我能玩一天。

学习点:通过不同的点赞文案,让用户主动并且期待的去给UGC内容点赞,鼓励了UGC更多的产出,也让用户与产品有了更多的互动,提高了黏性。Toast加文字放在了页面的顶部,既不挡住图片,也不影响用户操作文字,这个toast的位置有点厉害啊!

给你新鲜感

当越来越多的产品重叠的模块都大同小异的时候,作为用户的我们只要看到有特别的模块或者展现形式,是不是都会觉得很新鲜有意思,一定要让朋友们一起体验。

最右的消息列表就做的很有新鲜感,有趣的卡通插画形象配上很适合场景的文案,一下子就树立了最右与产品调性很符合的形象,给用户留下了深刻的印象。

Same的滤镜真的做的很是画风清奇啊,我们用的大部分的带有滤镜的软件命名都是滤镜的文艺名称,只有Same将滤镜做成了卡通形象,搭配不同的表情并且还有性别和年龄,我在里面发现了一个跟我生日一模一样的卡通形象,然后就经常用它。

学习点:上面举的两个例子都是UGC模块为核心的产品,因此产品的调性偏向于轻松和活泼,因此不太建议产品画风比较严肃的这样使用。

但是在设计空白页面或者页面比较空的时候,可以增加一些经典的产品插画,给页面增加趣味性和可用性,这里可以将产品和公司特色作为切入点和闪光点。

打破规则

我们要做的就是在熟悉的场景和情境下,能够给用户出乎意料的惊喜,必定能够抓住用户的注意力,并产生积极的情感。

在我们都习惯了发生日快乐屏幕下蛋糕,发么么哒屏幕下表情余的交互模式,苹果的短信发送里的动效真的与我们之前用过魑魅魍魉都不一样,长按发送的按钮,就会进入效果的选择区,里面可以更改气泡的表现形式,还可以选择背景动效,一个个的超级炫酷,真的能玩很久。

学习点:在熟悉的界面下,出现一些意想不到的惊喜,能够提升用户注意力加深印象,通过全屏的动效更有氛围感,但是目前国内的大部分社交产品都没有使用这种效果,我还没想到是什么原因,知道的小伙伴可以评论告诉我。

意料之中的惊喜

很多时候我们发现产品的趣味性是来自于产品的小小细节,这些都是需要我们在使用的时候才会慢慢的被发现。而当用户在使用的时候找到一些小小的不同,会跟拉近用户与产品的距离。

百度地图是一款地图工具类APP,所以我们就是把它当作一个很简单的工具在使用,所以当我们截图的时候发现,可以在上面放自制的表情包,就会觉得很惊喜。其实现在很多的APP都有自带表情包,但是百度地图会有还是会让用户们觉得很惊喜,这也许就是超出了期待值以外的功能。

学习点:这种小趣味就属于比较隐藏的功能,有点像游戏里的隐藏福利,一般只有老用户才能够发现,这种功能存在一般来说是用来鼓励用户继续使用的,毕竟在用户心里,能让他记住又总给他惊喜的产品还是很少的。

带你一起玩

手机里很多工具类的产品我们除了有需要的时候才会去使用它,不然除了这些用处我们也不会想起来去用这么枯燥的产品,因此现在一些工具类产品都开始加入游戏的模式,让用户参与进来,设置一些有挑战的小游戏。

Walkup简单的说就是一款记步数的产品,但是它以画风精美的插画和独特的游戏玩法,拥有了很多用户,通过可以收集徽章的方式来激励用户多走步数,使用产品,用自己的步数在产品中可以周游列国,但是进入一个国家之前需要回答各国的相关问题才能拿到通行证,是不是很有意思。

学习点:让用户把一款工具类的产品当成一个游戏来玩,这是最能够提高用户黏性,提升用户停留时间的策略。

总结

1、通过不同的点赞文案,让用户主动并且期待的去给UGC内容点赞,提高产品互动与黏性。

2、在设计空白页面或者页面比较空的时候,适时的增加一些经典的产品插画,给页面增加趣味性和新鲜感。

3、打破规则,在熟悉的界面下出现一些意想不到的惊喜,能够提升用户注意力并且加深印象。

4、意料之中的惊喜属于隐藏福利,这种功能存在就是鼓励用户继续使用并且拉近产品与用户之间的亲密关系的。

5、带你一起玩,把一款工具类的产品设计成游戏的模式,是最能够提高用户黏性,提升用户停留时间的策略。

趣味设计的技术在于平衡熟知的事物和不确定的事物,太多熟知的是事情会缺少刺激,而太多的不确定又会容易产生恐慌,因此像我们上面讲的一样,通过我们身边熟知的事情来制造一些不太常见的惊喜,才能更好的让用户放心的使用我们设计的产品。

你的UI设计够不够趣味性的更多相关文章

  1. UI设计教程分享:电商网页页面设计常见表现手法

    1.手绘插画  场景.人物以及加上故事的创意绘画 会给人梦幻若隐若现的感觉,留下深刻的印象,适合做活动页面以及宣传自已的品牌 2.简约 颜色少于三色,背景以明度偏低的颜色为主,在信息大爆炸的时代,我们 ...

  2. 详解 “Android UI”设计官方教程

    我们曾经给大家一个<MeeGo移动终端设备开发UI设计基础教程>,同时很多朋友都在寻找Android UI开发的教程,我们从Android的官方开发者博客找了一份幻灯片,介绍了一些Andr ...

  3. Android UI设计规则

    Android UI技巧 1.1 不该做什么 l  不要照搬你在其他平台的UI设计,应该让用户使用感觉是在真正使用一个Android软件,在你的LOGO显示和平台总体观感之间做好平衡 l  不要过度使 ...

  4. DailyTick 开发实录 —— UI 设计

    上次的文章中描述了 DailyTick 的设计理念.经过两周左右的设计和开发,现在 DailyTick 的主要 UI 已经完成了原型的设计和初步的实现.既然是原型,当然看起来就有点粗糙. 主 UI 主 ...

  5. 零基础入门学习UI设计指南

    第一步:认识设计启蒙必备知识 学习一项技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知.在开始正式学习前,你需要花足够的经历去了解和查阅它的起源.发展.应用.未来. ...

  6. UI设计,你为什么不能把标题做的更明显呢?

    在设计中标题常常被重视,标题即是文案信息的精华提炼,那么如何能把标题在很多文案信息中脱颖而出就是设计师所要做的工作,前面的文章说过对比可以凸显主题,这期是在对比合理的前提下更进一步的处理方法,我们可以 ...

  7. 关于UI设计的一些工作了解

    关于UI设计相信大家在刚接触UI的时候都不太了解,我来说说我在一段学习时间后的了解. UI从工作内容上来说分为3大类,即研究工具,研究人与界面的关系,研究人与之相应. ​ UI设计师的职能一个是图形设 ...

  8. 【配色指南】UI设计中使用明亮色彩的利与弊,你知多少?

    以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 合理运用色彩是每个设计师都应必须具备的技能,特别是插画师和UI设计师.随着扁平化设计和Materia ...

  9. 基于 Raphael 的 Web UI 设计 - 初稿

    基于 Raphael 的 UI 设计 - 初稿 还有很多地方需要完善,这次要把 Raphael 彻底用起来,^_^, 一定要150字哦,一图抵千字啊,^_^,不喜欢写字的,那么怎么凑够150字呢,说说 ...

随机推荐

  1. LightOJ 1258 Making Huge Palindromes (Manacher)

    题意:给定上一个串,让你在后面添加一些字符,使得这个串成为一个回文串. 析:先用manacher算法进行处理如果发现有字符匹配超过最长的了,结束匹配,答案就是该字符前面那个长度加上该串原来的长度. 代 ...

  2. sql2008调试存储过程

    拿上篇存储过程为例: 在意个窗口里面写上exec Proc_MoveUpOrDown2 'id',3,1,'tableName,'orderid' 按F11,有个黄色的箭头会指向该行, 再按F11会跳 ...

  3. 应用Bundle捆绑压缩技术

    从MVC4开始,我们就发现,项目中对Global.asax进行了优化,将原来在MVC3中使用的代码移到了[App_Start]文件夹下,而Global.asax只负责初始化.其中的BundleConf ...

  4. windows windows server2003 开机自动挂盘

    windows  windows server2003 开机自动挂盘 方案一: 设置任务计划:开机启动 方案二: 将执行文件放入启动文件夹

  5. Linux下抓包命令tcpdump

    本文内容来源于网络 PS:tcpdump是一个用于截取网络分组,并输出分组内容的工具,简单说就是数据包抓包工具.tcpdump凭借强大的功能和灵活的截取策略,使其成为Linux系统下用于网络分析和问题 ...

  6. 运维利器:钉钉机器人脚本告警(Linux Python 篇)

    写在前面的话 在前面的博客中已经具体提到了如何获取对的机器人的 Token 等操作,不清楚的可以参考之前写的 [运维利器:钉钉机器人脚本告警(Linux Shell 篇)]这篇博客的前部分. 本文主要 ...

  7. 【转】C#中的combobox里DropDownStyle

    源地址:https://blog.csdn.net/cf643487053/article/details/54016822 C#中的combobox控件里DropDownStyle有三种选项 Sim ...

  8. 题解 P2960 【[USACO09OCT]Milkweed的入侵Invasion of the Milkweed】

    题目链接 首先这道题是一道经典的BFS.非常适合刚刚学习深搜的同学. 现在分析一下这个问题.首先,每周是八个方向.就是一圈. 也就是说入侵的范围关于时间是成辐射型扩散.让求最大时间. 也就是完美的BF ...

  9. 从图片中提取html格式的布局

    制作界面的自动化 意义:对于程序设计人员来说,比较痛苦的是制作界面.从设计人员发送的稿件(通常为jpg格式),到完成html的布局,需要将图像转化为div标记,自动化这一过程十分有意义 1.设计一个工 ...

  10. 安装python发行版本,并用conda来管理Environments,Python,packages

    简介:anaconda指的是一个开源的python发行版本,其包含了conda.Python等180多个科学包及其依赖项. 因为包含了大量的科学包,Anaconda 的下载文件比较大(约 515 MB ...