iPhone自帶APP電話作為蘋果公司自己設計研發的產品,是iOS設計規范很具代表性的作品,所以從各個角度對電話此APP進行分析。
主要從以下幾點方面進行分析:
1,頁面布局分析
2,頁面架構分析
3,設計模式分析
4,設計優缺點分析
1,頁面布局分析
從下圖可以看出電話APP的頁面布局是嚴格按照iOS設計規范進行設計的,整個頁面分為3個部分:導航欄(頁眉)、標簽欄(頁腳)、頁面主體。
頁面布局
2,頁面架構分析
分析電話APP的頁面架構,如下圖所示:
頁面架構
3,設計模式分析
從頁面架構可以看出,內容相對較多,所以電話采用的也是多種導航相互配合的設計模式。用到的導航模式有:標簽導航、分段式導航、列表式導航;用到的列表形式有:標準模式的垂直列表、控制模式的垂直列表。
- 一級導航-標簽導航
從頁面架構可以看出,對于電話來說,個人收藏、最近通話、通訊錄、撥號鍵盤、語音留言是五個主要功能點。他們相互獨立,并且切換較為頻繁,所以電話的一級導航采用的是標簽導航。 - 二級導航-分段式導航
從頁面架構可以看出,在最近通話這個功能頁面里,所有通話和未接來電是同一級別并列的功能,使用分段式導航體積小巧又便于用戶進行選擇切換。 - 二級導航-列表式導航
對于收藏列表、通話列表、語音留言列表這些列表而言,內容是會隨著用戶使用而不斷增加的,所以使用列表形式展示用于導航可以使界面更加精簡,清晰干凈,便于用戶選擇操作。
分段式導航與列表式導航
4,設計優缺點分析
用戶使用電話的主要目的是可以快速進行撥打電話,而用戶可以通過個人收藏、最近通話、通訊錄、撥號鍵盤、語音留言這幾個功能來實現這個目標,所以采用標簽式導航作為一級導航非常方便操作,雖然標簽式導航占用空間較大,但是現在大多是大屏手機,影響相對較小,如果是小屏手機的話,會明顯感覺內容展示空間太小。
APP內多個頁面的二級導航采用的是列表式導航,對于簡單的列表,頁面簡潔清晰,易于理解,展示內容條目多,但是沒有實質性內容;稍復雜的列表,頁面相對繁雜,展示內容條目少,但是內容詳細,方便操作。
分段式導航:主要用于并列的內容,導航占用空間少,而且操作簡單,相比較于其他導航,可展示的條目太少。