恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
总结一些打动人心的APP设计点
0.0°
2017-03-24 好文转载 经验/观点 原作者: 丝路教育 举报 1132 5 4 0

  有人会说我想和手机谈一场不分手的恋爱。没错手机是现在年轻人的必备,吃饭,走路,坐车等等都手机不离手只要有机会,手机就闪亮登场。提到手机,就不能不提APP,而它有3个层次能用、好用、爱用。能用是基础,说明用户可以通过该产品来解决实际问题;好用是每个互联网从业者都在追求的,让用户在使用产品过程中更省心省力,不会出现焦虑或不耐烦;而能做到第三个阶段爱用的公司和产品屈指可数。

  在最近使用APP时,我关注了一些打动人心的APP设计,很小的设计点,但是走心。介绍给你,希望对你有所启发。

  1. 把发邮件变成一次纸飞机的飞行

  QQ邮箱,每次发送邮件时,会在右上角出现一个纸飞机的图标和进度条。把发邮件给的过程暗喻成一次纸飞机的飞行,增添了不少童趣,加上配套的音效。让我每次用QQ邮箱发送邮件时,都多了那么一点期待。

  我们看看常规的设计:把发送邮件的等待过程,换成不停转动的小菊花(加载图标),并配上文案:邮件正在发送中,请稍后。这样一对比,是不是觉得qq邮箱的这个小设计更加打动人心?

Image title

  QQ邮箱

  2. 点击底部标签栏,就可以回到顶部

  用iPhone的人都知道,iPhone有个很贴心的功能,即点击通知栏,就可以将页面的内容回到第一屏,我是这个功能的重度用户。但是这里有个痛点,因为通知栏位置太高,单手操作很困难,操作成本偏高。

  毒物,一个导购类的APP,产品以内容为主。当用户在首页向下浏览太多屏之后,它的标签栏第一个图标会变成倒三角,文案变成了回顶部,单击后即可回到第一屏。妈妈再也不用担心我点击通知栏回第一屏了。回到首页常用的做法还有在页面右下角出现一个悬浮icon,单击可回顶部。

Image title

  毒物APP

  3. 为用户下一步操作的做设计

  iPhone有个功能是下滑调用全局搜索功能,因为下载的APP太多,所以我经常使用这个功能来搜索定位APP。如下图,当你唤起搜索时,系统会帮你保存上次搜索的内容,并默认全选中。细想一下这个设计真是太贴心了,因为用户启动搜索,存在两种可能:

  继续上次的搜索内容;

  输入进行新的搜索。

  这个设计很好的兼顾了这两种情况。

  同样为用户着想的设计还有,当G-sensor开启时,用户旋转手机屏幕会跟着旋转;滴滴打车时,滴滴会为你智能推荐终点位置。这种设计方式是很重要的一条设计原则,我把它称为“智能化”原则,让设计更智能,真正的为用户着想

Image title

  iPhone全局搜索

  4. 解救强迫症的滑动去除小红点

  APP都在用小红点来刺激用户点击,这让很多强迫症患者很苦恼。QQ提供了一种折中方案,依然用小红点提醒有未读消息,但是允许你轻轻一滑去除小红点,再也不用一条一条去打开未读消息列表来清除小红点了。大笑三声:哈哈哈哈~

Image title

  QQ

  5. 在不打扰用户的前提下,提示用户

  手机验证码登录和第三方一键登录,简化了注册登录流程,减低了用户的操作成本。但是新的问题来了,有些APP我是用微信一键登录的、有些是用微博、QQ、豆瓣、等等。怎么办?

  有道云笔记,通过悬浮框提示你上次的登录账号,轻松解决了这个问题。

Image title

  有道云笔记

  6. 将反馈变得有趣

  当页面内容加载完后,再上滑也滑不出什么。一般的APP做法是允许用户将页面上滑,松手后页面恢复。

  来看看same是怎么做的。same在页面底部设计了一个尖叫鸡,你上滑的越多,鸡尖叫的越大声。仿佛在说,神经病别往上拉了,没内容了。而且线性的图标设计也与same整体视觉风格保持了一致。

Image title

  same

  7. 用滑动代替点击

  给朋友发信息,发现中间少打了个字,常规做法是用手指选中漏打的区域,再打上缺少的字。但是由于手指与屏幕接触区域过大,而且手指会部分挡住文字,所以经常点了好几次都不能点准。这个时候很多人会删掉重新打一行。

  搜狗输入法通过左划和右划来移动光标的位置,亲测成功率百分之百。具体做法是,在搜狗输入法界面上,左右滑动,来调节光标的位置。

Image title

  搜狗输入法

  8. 随机奖励

  2016年被称为知识付费元年,得到APP率先一步抢占了用户心智,产品定位为知识服务。用了半年的得到,专栏内容很专业,实实在在的干货。虽然有很多产品设计的细节有待优化,但是随即奖励这个设计真是值得表扬。这其实是借鉴了游戏的做法,因为游戏产品为了抢夺你的注意力,费尽心思,随即奖励就是其中一招。

  因为奖励是随即的,用户不知道什么时候会获得奖励,让人有种莫名其妙得了好处的感觉。会加深对产品的影响,并提高好感。

Image title

  得到

  打造用户喜欢的产品,让产品从能用、好用到爱用,是每个互联网从业者的使命,为你的APP设计增添一些打动人心的小设计,不失为一个好办法。当然,前提是该设计能为用户带来价值,千万不要为了设计而设计。

  如果你也发现了一些打动人心的小设计,欢迎给我留言。说不定会让更多的人看到你的发现。

首发地址: 总结一些打动人心的APP设计点_丝路教程网

资源地址: http://blog.silucg.com/UI/sj/5722.html(分享请保留)

更新:2017-03-24

收藏

5人已收藏

  • 67

    作品

  • 245

    粉丝

  • 0

    关注

  • 网页设计中对齐原则的运用
  • 如何有效利用网页设计中的留白
  • 6招搞定网页设计中Banner的点缀元素运用
  • APP原型设计表现方式大揭底
相关标签

    猜你喜欢

      2017-03-24 好文转载 经验/观点 原作者: 丝路教育 举报 1132 5 4 0

      总结一些打动人心的APP设计点

      0.0°

      你确定要举报总结一些打动人心的APP设计点

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年03月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录