那些打动人的 iOS 应用细节
“魔鬼存在于细节中”,这句格言在设计中更是如此。相信很多人都知道在 Tumblr 有一个叫做 Littlebigdetails 的网站,专门记录一些很多人可能不易觉察的界面交互细节。今天我们整理 iOS 应用以及 iOS 本身一些不错的 Little Big Details,希望能给您带来启发。
Batch
不知道你有没有过这样的场景,想用手机偷偷拍一张照片的时候却发现闪光灯开启着。而图片分享应用 Batch (已被 Airbnb 收购) 的拍照界面很好的解决了这个问题,只需要拍照前留意一下 Icon 右上角会有没有一个白色标记,有的话代表闪光灯已开启,没有则代表你很安全,放心偷拍吧。
Chrome
正常情况下我们看到的 Chrome iOS 应用界面是这样子的(下图左侧),但据说当打开标签数超过 99 个后,那个数字标识会变成一个笑脸(下图右侧)。
Dropbox
当电量不足时,Dropbox 会自动停止正在进行中的”照片上传“动作。
Feather
Feather 是一个第三方 Twitter 客户端,除了比较特色的齐全另类字符、编码艺术字与回转13位加密推文之外,最为人熟知的是它那比较另类的发送页面,点击那个可爱的 Twitter 鸟发推,随着用户逐渐输入内容 Twitter 鸟会逐渐变绿,防止用户输入超过 140 个字符上限。
Foursquare
在 4sq 的 iOS 客户端中,当向左拖动页面中图片时会看到一个拿着相机拍照的卡通吉祥物。
Google Translate
当使用谷歌翻译完句子后,如果将设备横屏旋转其界面会自动全屏并放大,方便展示给旁边的人观看。
类似的,iOS 官方自带的计算器(Calculator)应用在旋转后功能会自动扩展。
但对于稍后阅读应用 Instapaper 来说,如果在观看的过程中设备发生旋转,它会自动修正过来,并弹出对应的锁屏设置,减少对用户的打扰。
iOS (Apple)
1. 开启飞行模式后,代表飞行模式的小飞机 Icon 会从左侧缓慢飞出。当关闭飞行模式后,会小飞机会向右缓慢飞走。
2. 联通 3G iPhone 用户对下面这个画面应该会很熟悉,当使用 3G 网络时”加载菊花“转得要比非 3G 快很多。
3. Newsstand 中的报刊杂志每期更新不仅内容更新,封面也会相应更新。
4. iOS 朗读功能的朗读速率设置 (设置>通用>辅助功能>Voice Over>朗读速率) 中左侧使用乌龟 Icon 代表慢速,右侧使用兔子 Icon 代表快速。
Nike+
在 Nike+ 的线路信息界面,可以在地图上查看跑步路线,其颜色代表速度快慢。
(图片 Via)
Path
Path 首页的时间轴,在拖动过程中,会有浮动状态显示该信息的发布时间,尤其当快速下滑时浮动状态的时钟指针也会随之转动,有一种时光倒流的感觉。
Reeder
1. Reeder 同步时在顶部状态栏实时显示同步进度
2. 在阅读文章界面向下拖动可查看下一篇文章预览,松开后开始加载(左侧)。在列表界面向左滑动加星标注/取消加星标注,向右滑动标注已读/未读状态。
RunKeeper
跑步健身应用 RunKeeper 联系人加载动画是一个正在跑步的小人。
Twitter 官方客户端,在“回复”窗口向下拖动空白处可显示要回复的原推文内容,另外第三方 Twitter 客户端 Tweetbot 以及国内的第三方微博客户端墨客也可实现此功能。
另外发推过程也有像上面提到的 Reeder 那样在顶部状态栏实时显示进度。
-
微信创始人张小龙首次公开演讲(官方无删减版)
微信创始人张小龙首次公开演讲(官方无删减版) -
如何通过APP看到产品战略层面
产品经理拿到一款产品的时候,不能只能看到表面信息,而是要能看到产品背后的信息。 -
基于用户的“真需求”创新产品
产品创新是保证企业在竞争激烈的市场上长久生存的关键,今天,我们就围绕产品创新和用户研究分享一些看法。 -
有一种交互设计研究验证叫“设计走查”
如何在最短的时间内对自己的产品做出检验,确保其在定位、设计、营销计划等多个环节,在可视范围内是正确的,需要一套比较科学、完善的方法去做出检测。 -
你为什么离不开微信?
张小龙说用完即走,你却爱不释手; 到底是什么让你离不开微信? -
移动互联时代APP的发展方向
现在我们已经走上了移动互联网时代,无论是企业还是公司,都会经过网络竞争中争取有利的优势,较为传统的产品竞争逐渐向互联网竞争转型,出现了很多数据云大数据等等 -
AI 时代产品经理的机遇和挑战
AI 时代产品经理的机遇和挑战 -
前1%与前10%的产品经理差距在哪?
前1%与前10%的产品经理差距在哪? -
你有哪些策略应对不断的需求变更?
你有哪些策略应对不断的需求变更? -
如何运营天猫【十亿俱乐部】商家页面?
如何运营天猫【十亿俱乐部】商家页面?