萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 手機客戶端首頁設計

手機客戶端首頁設計

  如果客戶端不支持像iPhone那樣記載最後使用的情形,客戶端開啟之後,經過3秒左右的開機畫面會進入首頁。首頁是用戶使用客戶端的第一界面,起到展現內容和引導用戶使用的作用。如客戶端的功能和內容比較簡單,通常會采用“首頁+設置”的單級形式,如客戶端的功能和內容較多,無法一頁完全展示,頁面之間存在層級關系,那會采用“首頁+多級頁面+設置”的多級形式。

手機客戶端首頁設計 三聯教程
mzl.lwbbtnqe.320x480-75

  單級形式的iPhone客戶端

smarttoday (1)
mzl.opzpimpp.320x480-75

  多級形式的iPhone客戶端

  首頁在不同的客戶端中不同的功能:

p_large_VnYt_22b70003230f2d13
p_large_btjD_22b7000323132d13

  1.展現功能。如人人網iPhone客戶端。

mzl.nagzcaeo.320x480-75
mzl.xeclkjor.320x480-75

  2.展現內容。如騰訊微博iPhone客戶端。

feature01

  3.展現功能和內容。單級形式和比較復雜的多級形式的客戶端的首頁通常如此。

  使用何種首頁取決於客戶端的類型和架構方式,內容為主的客戶端,首頁當然是展現內容。但是當客戶端既有功能也有內容時,如何合理設計首頁呢?是通過功能去查找內容,還是根據內容去使用功能?人人網的客戶端的首頁為展現功能“新鮮事/個人主頁/好友……”,雖然是模仿Facebook的設計,不見得是最好的方案:

  九宮格的設計比較死板,是繼承物理按鍵手機的設計,沒有發揮觸摸屏手機的優勢。

  功能的切換必然要返回首頁,增加操作步驟。

  展現功能的首頁基於的假設是功能之間比較並列的,沒有明顯的主次之分。而使用SNS的客戶端先查看是否有消息推送,然後浏覽朋友分享的內容,而”發狀態/查看好友/傳照片”等功能較弱。

  Android版本和iPhone版本幾乎完全一樣,沒有發揮手機操作系統的特性,Android菜單鍵本可以承載更多的功能。

  首頁的設計最重要是引導用戶使用,根據用戶使用產品的需求安排或者推送用戶最想看到的內容,而不是擺放幾個功能讓用戶去挑選。就像用戶進入衣服店時,看到的是整整齊齊的衣架,但沒有推銷衣服的廣告,沒有主打款式,也沒有熱情的服務人員。

mzl.tafwvgcx.320x480-75
mzl.mzgwckbq.320x480-75

  大眾點評網的iPhone客戶端,標簽欄“搜索”和“附件”中的內容幾乎一樣,都有“美食/小吃/咖啡廳”的信息分類,只是查詢信息時的范圍不同,這在“附件”中也有根據地理范圍搜索信息,可以將“搜索”和“附件”歸類成在一個標簽內。大眾點評網在是用戶有需求再來查找內容,有分類有搜索,信息架構上比較簡單。一方面要擴大數據庫,完善內容,另一方面還要考慮如果向用戶推送內容,精准化營銷,基於LBS的客戶端具有這樣的優勢。如何利用LBS、手機類型、用戶的使用記錄和偏好和好友的推薦等等手段去精准推送內容才是發展趨勢。

  另外,如果是手機客戶端是主打的產品,不是像騰訊微博和淘寶那樣屬於web的衍生產品,當需要賬號注冊時,應該盡量放到用戶看到首頁,並且已經開始使用產品之後再邀請其注冊。這時的首頁還要起到推銷產品的作用,展現內容是必不可少的了。

  文章來源:曉生語錄 轉載請注明出處鏈接。

copyright © 萬盛學電腦網 all rights reserved