我们都会被好奇心所驱使,遇到有意思的事情总会想去探索一番,放到设计场景中亦是如此。一些新颖的、有意思的、好玩的设计,总会勾起用户的好奇心,引起用户的关注度。 今天我们也给大家分享一些不一样的设计案例,看看是否可以勾起你的好奇心,我们一起来看看吧! 体验目录 一、形象化心情设置 二、让锻炼变得更有趣 三、童趣的图标动效设计 四、结构化空状态设计 五、对话式操作引导 六、签到前后的差异化设计 七、个性化的个人中心设计 八、手绘风 UI 设计 九、电子相册式空状态 十、个性化形象设置 一、形象化心情设置 对于日记类产品来说,我们经常会给日记设置心情,以此来记录当时自己的情绪状态。 在使用 Moo 日记 App 记录时,针对心情标签设计了对应的动态场景插画,让心情选择更加形象化。动态场景插画使得心情表达更加直观,丰富的心情标签也让用户的情绪状态得到更准确的呈现。 二、让锻炼变得更有趣 随着生活品质的提升,亚健康人群也越来越多,大家也开始更注重身体健康,运动辅助类产品就成为了更好的助手。 为了让用户做出选择,每个产品都在打造自身的差异化,也想和用户建立情感共鸣。最近发现一款非常可爱的健身软件:Rumbo,以毛茸茸的 IP 形象为健身伙伴,为您的训练日程增添一些乐趣! 三、童趣的图标动效设计 动态图标的运用已经非常普及,可以在静态的模块中强化关注度,特别是在金刚区模块的设计中。 孩子王 App 首页金刚区模块中,“儿童馆”以小孩图标侧空翻的形式入场,使得图标的动态表达更有童趣感。不仅突出该功能的关注度,勾起的童年回忆也增加了用户的情感共鸣。 四、结构化空状态设计 对于初始用户而言,产品中会出现众多无数据的空状态,而空状态的情感化设计也备受重视。 最近在 Moo 日记 App 中发现一个比较特别的空状态设计案例,个人中心相册入口设计中,以照片展示结构化的方式来填充空状态。相较于常规的处理方式来说更加形象,也能让当前界面显得更加饱满,不会出现较大的空白区域。 五、对话式操作引导 我们都希望用户可以按照预设的流程完成目标,但是往往会事与愿违,需要产品设计师不断思考如何通过互动性引导用户。 最近在使用罐头冥想 App 时,通过对话式的互动形式引导操作很有意思,就像朋友聊天一样,让你放下防备心理,更愿意参与到这个互动中。通过情感化的对话场景设计和趣味性的设计表达,更好的引导用户完成操作指引。 六、签到前后的差异化设计 签到是提升用户粘性的常用方式,如何提高用户完成签到的参与度变得至关重要,通过福利策略是最直接的方案。 美团外卖会员签到设计中,签到前以解锁红包的形式进行设计表达,当天签到红包还带有摇摆动效,以此吸引用户的参与度。签到后以进度式的方式进行设计,保障用户直观理解签到的同时,也能削弱板块的视觉比重,给其他功能区域增加曝光度。签到前通过强视觉吸引关注度,签到后削弱视觉比重,提升更多内容的预览体验。 七、个性化的个人中心设计 随着个性化需求的普及,产品设计风格越来越多样化,一些元素的表达也越来越有趣。 比如白日梦 App 的个人中心,个性化的设计风格引人注目,“呆头呆脑”的动态 IP 也十分有趣,瞬间抓住了用户的目光。 八、手绘风 UI 设计 UI 设计风格越来越多样化,通过独特的设计风格带给用户惊喜,加深用户的记忆度。 好好养宠物 App 以手绘风设计为主,采用暖色系进行配色,手绘风图标、插画等也使得界面风格更加温馨可爱。 九、电子相册式空状态 插画运用到空状态的设计中较为普遍,不同风格的插画也能丰富空状态的视觉表现力。 马蜂窝 App 部分空状态以相框结合风景插画进行设计,相框内随机填充风景照片,点击可不断变化不同的风景照。就像电子相册一样,循环播放着自己的旅行足迹,勾起用户的无限遐想。 十、个性化形象设置 用户越来越喜欢追求个性化的体验,以此来突出自己的个性特征,形象装扮就成为了一种有效的选择。 比如好柿花生 App 在个人中心设计中,顶部视觉区域的形象设计可以让用户自行设置,用户可以通过参与抽奖获得装扮道具。不仅满足了用户追求个性化形象的体验感,也能通过解锁抽奖权限提升商业转化率。 小结 希望本期分享的案例可以带给大家一些灵感,描述观点属于个人总结,不足之处欢迎大家留言指正。
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。