那些打動人的 iOS 應用細節(jié)

大濕兄
3 評論 8886 瀏覽 0 收藏 8 分鐘
🔗 产品经理的核心价值是能够准确发现和满足用户需求,把用户需求转化为产品功能,并协调资源推动落地,创造商业价值

“魔鬼存在于細節(jié)中”,這句格言在設計中更是如此。相信很多人都知道在 Tumblr 有一個叫做?Littlebigdetails?的網(wǎng)站,專門記錄一些很多人可能不易覺察的界面交互細節(jié)。今天我們整理 iOS 應用以及 iOS 本身一些不錯的?Little Big Details,希望能給您帶來啟發(fā)。

Batch

不知道你有沒有過這樣的場景,想用手機偷偷拍一張照片的時候卻發(fā)現(xiàn)閃光燈開啟著。而圖片分享應用 Batch (已被 Airbnb 收購) 的拍照界面很好的解決了這個問題,只需要拍照前留意一下 Icon 右上角會有沒有一個白色標記,有的話代表閃光燈已開啟,沒有則代表你很安全,放心偷拍吧。

Chrome

正常情況下我們看到的?Chrome iOS 應用界面是這樣子的(下圖左側),但據(jù)說當打開標簽數(shù)超過 99 個后,那個數(shù)字標識會變成一個笑臉(下圖右側)。

Dropbox

當電量不足時,Dropbox?會自動停止正在進行中的”照片上傳“動作。

Feather

Feather?是一個第三方 Twitter 客戶端,除了比較特色的齊全另類字符、編碼藝術字與回轉13位加密推文之外,最為人熟知的是它那比較另類的發(fā)送頁面,點擊那個可愛的 Twitter 鳥發(fā)推,隨著用戶逐漸輸入內(nèi)容 Twitter 鳥會逐漸變綠,防止用戶輸入超過 140 個字符上限。

Foursquare

在 4sq 的?iOS 客戶端中,當向左拖動頁面中圖片時會看到一個拿著相機拍照的卡通吉祥物。

Google Translate

當使用谷歌翻譯完句子后,如果將設備橫屏旋轉其界面會自動全屏并放大,方便展示給旁邊的人觀看。

類似的,iOS 官方自帶的計算器(Calculator)應用在旋轉后功能會自動擴展。

但對于稍后閱讀應用?Instapaper?來說,如果在觀看的過程中設備發(fā)生旋轉,它會自動修正過來,并彈出對應的鎖屏設置,減少對用戶的打擾。

iOS (Apple)

1. 開啟飛行模式后,代表飛行模式的小飛機 Icon 會從左側緩慢飛出。當關閉飛行模式后,會小飛機會向右緩慢飛走。

2. 聯(lián)通 3G iPhone 用戶對下面這個畫面應該會很熟悉,當使用 3G 網(wǎng)絡時”加載菊花“轉得要比非 3G 快很多。

3. Newsstand 中的報刊雜志每期更新不僅內(nèi)容更新,封面也會相應更新。

4. iOS 朗讀功能的朗讀速率設置 (設置>通用>輔助功能>Voice Over>朗讀速率) 中左側使用烏龜 Icon 代表慢速,右側使用兔子 Icon 代表快速。

Nike+

?Nike+?的線路信息界面,可以在地圖上查看跑步路線,其顏色代表速度快慢。


(圖片?Via

Path

Path?首頁的時間軸,在拖動過程中,會有浮動狀態(tài)顯示該信息的發(fā)布時間,尤其當快速下滑時浮動狀態(tài)的時鐘指針也會隨之轉動,有一種時光倒流的感覺。

Reeder

1.?Reeder?同步時在頂部狀態(tài)欄實時顯示同步進度

2. 在閱讀文章界面向下拖動可查看下一篇文章預覽,松開后開始加載(左側)。在列表界面向左滑動加星標注/取消加星標注,向右滑動標注已讀/未讀狀態(tài)。

RunKeeper

跑步健身應用?RunKeeper?聯(lián)系人加載動畫是一個正在跑步的小人。

Twitter

Twitter 官方客戶端,在“回復”窗口向下拖動空白處可顯示要回復的原推文內(nèi)容,另外第三方 Twitter 客戶端 Tweetbot 以及國內(nèi)的第三方微博客戶端墨客也可實現(xiàn)此功能。

另外發(fā)推過程也有像上面提到的 Reeder 那樣在頂部狀態(tài)欄實時顯示進度。

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!
专题
15218人已学习14篇文章
RBAC是一套成熟的权限模型,在传统权限模型中,我们直接把权限赋予用户。而在RBAC中,首先把权限赋予角色,再把角色赋予用户。本专题的文章分享了基于RBAC模型的权限设计。
专题
13170人已学习13篇文章
产品设计与用户的体验感息息相关,但是很多时候产品经理在产品设计过程中会忽略掉可能影响到用户体验感的一些因素,比如一些异常状态的出现会让用户产品卸载的想法。本专题的文章分享了产品异常场景设计指南。
专题
19539人已学习13篇文章
本专题的文章分享了从不同维度拆解一款产品或者功能,有利于提升我们对于产品和功能的思考能力。
专题
15411人已学习11篇文章
SWOT分析法是互联网人最常用的分析模型之一,将企业内外部条件各方面内容进行综合和概括,进而分析组织的优劣势,面临的机会和威胁的一种方法。本专题的文章分享了如何做SWOT分析。
专题
12727人已学习12篇文章
所谓SOP,即标准作业程序,指将某一事件的标准操作步骤和要求以统一的格式描述出来,用于指导和规范日常的工作。本专题的文章分享了SOP创作指南。
专题
13700人已学习12篇文章
如何快速了解一个行业?这需要你对这一行业进行细致的调研,了解当下的整体市场环境与未来的发展趋势,进而为后续的产品规划做好准备。本专题的文章分享了行业调研指南。