交互設計系列02:iOS這些極致體驗,肯定有你沒注意到的(下)!

目錄導航:

一、概述

二、設計示例之個性化交互設計和對特殊人群和特殊場景的包容

三、總結分享

一、概述

  • 內容概要:iOS 10.3.1系統中優秀的設計展示、從示例中得到的設計啟發。

  • 本文期望達到的目標:能與讀者產生共鳴、能幫助讀者獲得有用的經驗、給讀者的設計工作帶來啟發甚至是靈感。
  • 說明:由於文章含有大量圖片,為節省手機的單次閱讀流量、緩解閱讀壓力,文章分成上、中、下三部分,本文為第三部分

二、設計示例之個性化交互設計對特殊人群和特殊場景的包容

  • 【個性化交互設計-音樂】已選擇的項採用放大的視圖。

「如果元素(字體、顏色、大小、線寬、形狀、空間等)不相同,那就乾脆讓它們截然不同。」 —— 摘自《寫給大家看的設計書》

下圖體現出對比性:選中項特別放大;體現出一致性:選中的部分和未選中的部分保持大小和形狀一致。

特點:普通的設計方法是列表中打對勾將選中按鈕變色。這裡採用動態氣泡+放大選中的設計,體現個性化。

  • 【個性化設計-朗讀速率】將最慢和最快形象化為烏龜和兔子。

特點:形象、生動,一目了然,增加了功能的趣味性。

  • 【個性化設計-簡訊】按下空格按鈕,自動補全句號。

特點:省去了選擇符號的操作步驟。

  • 【對特殊人群的包容-縮放】三指輕點兩下屏幕即可放大屏幕,視力不好的群體能夠看清小字體文字。

「眾口難調,但設計人員可以增強產品在使用上的彈性,使用戶可以根據自己的需要進行調節。如果設計的產品在各方面都無法調節,肯定會讓某些用戶不滿意。能夠調節的物品至少可以給那些具有特殊需要的人提供一個機會。」 —— 摘自《設計心理學》

  • 【對特殊場景的包容-緊急呼叫】「醫療急救卡」中設置聯繫人之後,iPhone鎖屏界面點擊「緊急情況」即可呼叫「醫療急救卡中」的聯繫人而不僅限於112這種公用號碼。

特點:當持有手機的人發生意外而不省人事時,救援者可使用此方法聯繫到急救人。

  • 【對特殊場景的包容-放大器】連按三次Home鍵可打開攝像頭並具備最大焦距,以幫助看清遠處物品。

三、總結分享

  • 從個性化交互案例看來,與眾不同的設計能讓用戶眼前一亮,加深用戶對產品的印象,甚至能讓用戶一次性記住這個產品。但須注意個性化是建立在不影響其他功能、不違反易用性原則基礎上的;

  • 從對特殊人群和場景包容的案例看來,做產品,適當體現出有情懷的一面,也是提高產品質量的一種途徑。但在實際工作中,產品都有特定目標群體、幾乎不會為特殊人群做設計;項目研發周期緊張,幾乎沒機會照顧和考慮特殊場景,所以這幾個案例,僅能供參考;
  • 從另一個維度看,這些案例也反映出:在設計產品方案時,多考慮極限、多想幾種方案,也能使產品更加穩健、經得起考驗。

相關文章鏈接:

第一部分:交互設計系列02:iOS這些極致體驗,肯定有你沒注意到的(上)! - 知乎專欄

第二部分:交互設計系列02:iOS這些極致體驗,肯定有你沒注意到的(中)! - 知乎專欄
推薦閱讀:

譯文:設計師的自我清單——你想成為什麼樣的設計師?
對於新人來說,關於 UI 設計並出現在自身上的一些問題?
UI 設計平台 Pixate 能在多大程度上給設計師和開發者帶來便捷?
請問這種有弧度比較圓滑的轉彎線是怎麼畫出來的?

TAG:iOS | 互联网产品 | 用户界面设计 |