一款好的App產品,其首頁設計不僅能清晰展示產品核心功能、特點,有著較好的用戶體驗,還能展示公司的品牌形象,提升用戶品牌認知度。
APP首頁設計至關重要,作為最重要的模塊,它的產品設計和運營,會對公司業務產生關鍵影響。首頁改版,舉足輕重,是產品經理的一大難題。
快速導航:
1.首頁的作用
2.首頁展示核心功能
3.如何設計好一個首頁?
- 遵循產品類型的行業習慣
- 與品牌調性相符
首頁的作用是什么?
1、承擔了產品最核心的功能,決定了產品的屬性和基調;
2、體現產品的“骨骼”(產品架構),以方便用戶快速進入對應的需求模塊;
3、展示公司的品牌形象,強化在用戶心中的品牌認知度。
如:典型電商產品淘寶,導航的百度地圖,明確產品最核心功能。
首頁展示核心功能
產品核心功能就是解決用戶核心問題,學習設計去:https://www.aaa-cg.com.cn/?wkc因此,首頁一定要展示產品的核心功能點。
如1,用戶使用12306就是為了購買火車票,因此查票買票時最核心的功能。
如2,用戶使用Booking是為了預定酒店,因此查詢酒店、預定酒店就是最核心的功能。
如何把一個首頁設計好?
一、遵循產品類型的行業習慣
1、先確定產品類型
不同產品類型,功能內容不同,首頁展示也不同,核心上的業務路徑一定是最短的。
互聯網多年的發展已經讓用戶培養了固有的習慣,不要輕易顛覆用戶的認知。
1.1 平臺導流型首頁
宮格布局,精簡核心功能。
這種布局可以在一屏內為用戶呈現更多的入口,引導用戶快速進入二級頁面以便起到分流作用。
比如:支付寶APP、微信支付、攜程APP
宮格設計注意點:
每個入口可展示出來的信息比較少,并且主次之分不清晰,當數量太多時,用戶是不能在短時間內定位的,這就要求入口的位置需要鎖定,用戶后期可根據位置來記憶,這點和手機桌面的位置有異曲同工之妙。
1.2 消費內容型APP首頁設計
產品的內容形態比較相似,可以讓用戶在首頁無限加載內容,一般使用瀑布流,feed流的形式布局。給到用戶內容豐富的體驗,提高用戶粘性和活躍度。
比如:花瓣、唯品會、站酷
1.3 即時通訊型首頁
大多數使用列表的展示方式,這種布局方式由于統一的信息樣式,自上而下的瀏覽方式,可以快速過濾信息,提高效率。
最上面的永遠是最新的消息框,符合用戶潛在認知。
比如:微信、QQ、短信
1.4 地圖導航首頁
這?類基本都是以地圖為主要功能點的APP,設計特點鮮明。
1、??70%-90%的空間用以展示地圖和當前位置
2、核?功能的操作凸顯
比如:滴滴打車、?德地圖、百度地圖等。
小結:首頁基礎布局框架
二、與品牌調性相符
淘寶,普遍的大眾跳蚤市場,傳統常規
閑魚,主打有個性的年輕市場,設計清爽、逗逼、接地氣
嚴選,解決追求文藝生活客戶需求,操作都化繁為簡,視覺也相對簡潔明了,符合嚴選的產品定位
D2C,集潮流風尚、前沿藝術、個性設計為一體的設計師平臺,整體風格簡潔,布局留白大方,線條細膩,大圖落落大方。
綜上所述,品牌的定位決定了產品的調性,設計傳達品牌價值。
1、設計如何傳達品牌?
1.1 產品定位
明確產品愿景定位,為用戶提供什么價值,了解用戶特征,延伸品牌價值觀。
1.2 設計主張
什么是設計主張,簡單來說就是一個人的性格和特點,我們身邊每天接觸那么多人,哪些人能給你留下印象深刻呢?可愛的,還是有氣質的,產品和人一樣都需要有性格,從而才能設計有感情的設計。
2、一個有感情設計如何構成?
設計理念:基于產品用戶特征,延伸產品文化內涵或風格特點
視覺形象:以產品LOGO為基礎圖形,演繹色彩系統
設計語言:符合產品基調,如黑白對比、留白手法、極簡手法等流行的設計語言
行為體驗:流暢交互方式、整體用戶行為流程設定,以及在使用過程中感受
內容傳達:產品文案語境、文字信息,如有愛的錯誤提示、感同身受反饋語言等。