iOS平臺產品分析——電話

iPhone自帶APP電話作為蘋果公司自己設計研發的產品,是iOS設計規范很具代表性的作品,所以從各個角度對電話此APP進行分析。
主要從以下幾點方面進行分析:
1,頁面布局分析
2,頁面架構分析
3,設計模式分析
4,設計優缺點分析

1,頁面布局分析
從下圖可以看出電話APP的頁面布局是嚴格按照iOS設計規范進行設計的,整個頁面分為3個部分:導航欄(頁眉)、標簽欄(頁腳)、頁面主體。

頁面布局

2,頁面架構分析
分析電話APP的頁面架構,如下圖所示:


頁面架構

3,設計模式分析
從頁面架構可以看出,內容相對較多,所以電話采用的也是多種導航相互配合的設計模式。用到的導航模式有:標簽導航、分段式導航、列表式導航;用到的列表形式有:標準模式的垂直列表、控制模式的垂直列表。

  1. 一級導航-標簽導航
    從頁面架構可以看出,對于電話來說,個人收藏、最近通話、通訊錄、撥號鍵盤、語音留言是五個主要功能點。他們相互獨立,并且切換較為頻繁,所以電話的一級導航采用的是標簽導航。
  2. 二級導航-分段式導航
    從頁面架構可以看出,在最近通話這個功能頁面里,所有通話和未接來電是同一級別并列的功能,使用分段式導航體積小巧又便于用戶進行選擇切換。
  3. 二級導航-列表式導航
    對于收藏列表、通話列表、語音留言列表這些列表而言,內容是會隨著用戶使用而不斷增加的,所以使用列表形式展示用于導航可以使界面更加精簡,清晰干凈,便于用戶選擇操作。
分段式導航與列表式導航

4,設計優缺點分析
用戶使用電話的主要目的是可以快速進行撥打電話,而用戶可以通過個人收藏、最近通話、通訊錄、撥號鍵盤、語音留言這幾個功能來實現這個目標,所以采用標簽式導航作為一級導航非常方便操作,雖然標簽式導航占用空間較大,但是現在大多是大屏手機,影響相對較小,如果是小屏手機的話,會明顯感覺內容展示空間太小。
APP內多個頁面的二級導航采用的是列表式導航,對于簡單的列表,頁面簡潔清晰,易于理解,展示內容條目多,但是沒有實質性內容;稍復雜的列表,頁面相對繁雜,展示內容條目少,但是內容詳細,方便操作。
分段式導航:主要用于并列的內容,導航占用空間少,而且操作簡單,相比較于其他導航,可展示的條目太少。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,033評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,198評論 4 61
  • 當陽明板聽歌舞,羊角吹來離別雨。 廿載紅塵容易過,唯有黃昏倚桂樹。 月里蟾宮抱玉兔,庭前響落吳剛斧。 人間多少悲歡...
    江寒RiversFrigid閱讀 1,162評論 2 0
  • 死在一個女人手里,一個不值得的女人手里…我也覺得自己太傻了。 已經看得很清楚了,他不愛我了,他不好,他什么都不好…...
    把幸福搞丟了閱讀 125評論 0 0
  • 我身邊有一朋友,90后,年輕的心總是不甘于安分,所以她喜歡嘗試很多新鮮事情,這本來也是件好事,因為年輕,所以做什么...
    up咆哮姐閱讀 257評論 1 1