iOS系統(tǒng)設計細節(jié)|人性化帶來更好的產品設計

8 評論 12179 瀏覽 90 收藏 14 分鐘

從今年3月份使用蘋果以來,偶爾會在某個不經意的瞬間,感受到ios系統(tǒng)設計的人性化之處,深刻感受到了簡約不簡單的魅力。

總結ios系統(tǒng)的設計:以更接近人們的常規(guī)思維和感知去設計細節(jié),使設計細節(jié)隱藏在里面,渾然一體,讓人覺得自然。用滑動代替點擊,點擊代替輸入,減少用戶的使用麻煩。

ios系統(tǒng)中減少用戶麻煩的例子:

1.鬧鐘

QQ圖片20160617232104

用戶不需要輸入鬧鐘的具體時間,而用滑動來選擇時間進行代替,減少“輸入”這個比“滑動”更復雜的動作,又增加了趣味性。

QQ圖片20160617232732

不過ios鬧鐘的主頁面有點“反人類”的地方是,你不能通過直接點擊鬧鐘進行鬧鐘的設置,而這里,你必須先點擊左上角的“編輯”,然后再點進鬧鐘進行鬧鐘設置,讓用戶多進行了一步操作。

不過這一設計是有原因的,請看:

QQ圖片20160617233109

點擊編輯后,頁面上會出現一個“小紅杠“,暗示用戶可以進行刪除。

QQ圖片20160617233115

當點擊“小紅杠”的時候,并不是直接刪除鬧鐘,而是水平右方出現刪除按鈕。

這樣“重復確認”的設計原因:避免用戶在點擊設置鬧鐘區(qū)域的時候,不小心誤點了“小紅杠”區(qū)域,導致鬧鐘被誤刪除,被誤刪后,用戶還將進行一系列添加鬧鐘、設置鬧鐘的麻煩操作。

這一點感受到了這一設計的貼心之處。

QQ圖片20160617233140

當然,為了不讓用戶使用麻煩,你也可以直接向右滑動,刪除鬧鐘。

2.關閉應用

QQ圖片20160617232200

只需稍重一按屏幕左側,就會像卡片式效果的展開已經打開的應用程序,不需要再按兩次的home鍵。

QQ圖片20160617233340

當你想關閉應用時,你可以輕輕向上滑,并且最重要的是,你可以多只手指向上滑同時關閉多個應用,這一點設計又減少了用戶的麻煩。

3.回到上一級

QQ圖片20160617232244

當你想回到上一層的時候,不需要再點擊左上角符號,而是輕輕往右滑即可回到上一級,體現“滑動代替點擊”的思想。

4.短信

QQ圖片20160617233755

如果用戶收到的短信很長,當用戶在看短信的時候,如果忘記了短信收到的時間,你會進行這樣的操作:會滑動很長的時間回到短信最開始,然后再滑回已經看到的短信處。

而ios設計成你只需要向左按住不放的輕滑,即可看到短信時間,避免了用戶滑回原始處的麻煩。

5.計算器

QQ圖片20160617233428

打開計算器,會出現這樣的很簡單的界面。

QQ圖片20160617233440

然而當你想使用更復雜的計算器的時候,你只需要把手機轉個方向,科學計算器就出來了。這樣有趣味性的又符合人們常規(guī)認知(科學計算器要占的區(qū)域比普通計算器要大)的設計減少了用戶還需要點擊、選擇計算器類型的麻煩操作。

6. 全部已讀

前面你們已經看到了,我有183條未讀短信,當用戶收到的信息過多,可能需要一個個去點擊查看短信,可是你又不想看這些內容的時候,于是ios用了一個類似郵箱里的慣用操作:全部已讀。大大減少用戶操作量。

QQ圖片20160617233743

我們一直說,ios系統(tǒng)設計的非常人性化,細節(jié)決定成敗,接下來我們重點看下

ios系統(tǒng)設計里符合人類感知的例子

1.手電筒

QQ圖片20160617232229

打開控制中心后,可以看到是這樣的,注意看手電筒的變化。

QQ圖片20160617232244

當你打開手電筒后,你會發(fā)現手電筒的按鈕由關閉時的靠下側變成了打開時的靠上側了,完美模擬了人真實打開手電筒的情況。

2.天氣

QQ圖片20160617232704

顯示天氣情況時,背景使用了對應當地天氣情況的圖片,清晰直觀的讓用戶感受到當地天氣狀況真實模樣。

3.時鐘

QQ圖片20160617233504

時鐘會動這點,讓用戶感覺到這真的是一個真實的鬧鐘。

4.文本內容會隨著你的手的變化而進行相應的變化

QQ圖片20160617233908

當你重點擊圖文的時候,會出現卡片一樣的內容。(如上圖)

如果你覺得太小看不清,手再稍微用力一點,卡片會變大。(如下圖)

QQ圖片20160617233917

5.鬧鐘

QQ圖片20160618133504

當你開啟鬧鐘后,該鬧鐘會變亮,直觀的感受到這個鬧鐘是被開啟了的。

6.世界時鐘

QQ圖片20160617232133

我們知道,北京時間和美國時間相差12個小時的時差,這意味著我們這邊是白天,他們那邊就是黑夜。于是ios把時鐘設成一黑一白來直觀展現白天黑夜。

7.分層

QQ圖片20160617233406

在ios里,當你打開另一層級的時候,下一層級并不會消失而是會虛化,給人的直觀的感受:你已經打開了又一層,和剛才這是不同的層級。

8.日歷

QQ圖片20160617232558

當點開今天的日歷后,你會看到一個小紅線,這個紅線會隨著你時間的推移而向下滑動,符合人們對于“時間會流逝”這一常規(guī)認知。

QQ圖片20160617232625

你輸入在某一時間段你要完成的事情時,界面是這樣,伴隨著時間的流逝,就會從事件的“開始端”滑到“末尾處”,這一設計像是提醒用戶你是否over掉了你的任務。

9.隱藏重要信息

QQ圖片20160617232336

ios會將涉及到用戶重要敏感信息的應用程序給隱藏起來,符合人們對于隱私信息需要受到保護的需求。

10.主頁面

QQ圖片20160617232417

注意看上下兩張圖的細微變化

上圖是當手機向攝像頭端傾斜的時候,圖標及壁紙也都往攝像頭端靠近。

下圖是當手機向home鍵端傾斜的時候,圖標及壁紙也都往home鍵端靠近。

QQ圖片20160617232430

當然你也可以輕點兩下home鍵,圖標往下,方便單手操作。

QQ圖片20160617233440

ios系統(tǒng)的設計思想:減少用戶操作麻煩,符合用戶感知和行為。非常適合當我們在設計產品時,把這一思想融入到產品當中,用來提升用戶體驗。

下面舉例蘊含這一思想的產品例子:

1.滑動代替點擊

QQ圖片20160617233542

向左滑就可切換欄目,無需點擊。

QQ圖片20160617232454

向左滑就可刪除不感興趣的內容

QQ圖片20160617232506

向右滑可以收藏自己感興趣的內容

這一設計特點在陌生人社交產品里很普遍。

2.符合感知

QQ圖片20160617233519

將背景虛化,打造不同層級,有點朦朧看世界的意味。

QQ圖片20160617233612

打開界面后,整體版面會有一個“向下掉”的效果,符合人們在收到別人遞給你的一個東西時,東西會逐漸靠近你這一行為感知。

QQ圖片20160617232506

卡片式的立體懸浮設計,增加了趣味性。

QQ圖片20160617233504

卡片式的滑動設計,當前展示的變大,兩側的變小,符合人們關注某個物品時,會進行該物的心理放大,而忽略掉旁邊的物品的特點。

這樣的設計使用戶更加關注當前展示的內容。

ios系統(tǒng)的設計細節(jié)值得每一個人去挖掘,然后靈活運用到自己的產品當中。在產品設計流程上,考慮到如何設計可以讓用戶進行更少的操作就可實現目的,如何設計更符合人們使用習慣和感知。

始終相信,一個好的產品在細節(jié)的處理上應該表現完美。

 

作者:陳品墨(微信號:449042150,公眾號:皮托聊互聯網),美團產品運營實習生。

本文由 @陳品墨 原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 其實iOS鬧鐘用了一年多了,還是很不爽,鬧鐘滑動并不精準呀,還要慢慢挪,還不如直接輸入數字省事

    來自湖北 回復
  2. 看著很對,但是看完了就像沒看到一樣

    回復
  3. 有些并不是ios規(guī)范

    回復
  4. 。。。過分夸大

    來自北京 回復
  5. 額。。。只能說里面提到的很多點都和iOS沒關系是現在app的通行做法吧,以及,這么難用的鬧鐘設計和當初小屏時候設置的左上角返回導致現在屏幕大了不得不滑動也能叫優(yōu)秀設計?

    來自浙江 回復
  6. 作者研究下SmartisanOS也會感覺很人性化的,很多地方比iphone好用

    來自浙江 回復
    1. 好滴,以后買一個用來試試 ??

      來自河北 回復
  7. ?

    來自四川 回復