国产一精品一aⅴ一免费-国产一精品一av一免费-国产一精品一av一免费爽爽-国产一久久香蕉国产线看观看-国产一卡2卡3卡四卡高清-国产一卡二卡3卡4卡视频

當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

APP個人中心列表頁研究

2018-07-18 5875 0

隨著互聯網的發展,應用商城中出現了種類繁多,各式各樣的app,而這些app里面或多或少都會存在一種界面,我們稱他為列表頁,我比較在意個人中心列表頁,因為個人中心是承載著我們的個人信息,以及在使用app時留下的數據。

個人中心列表中通用的內容有:頭像賬號.余額積分.個人資料修改.設置.意見反饋.使用說明.服務條款.關于我們.

不同類型的app里面個人中心的列表內容也會根據用戶的需求以及app自身功能而有所不同,我在此篇文章主要從視頻類,音樂,運動,金融,新聞咨詢,財經,閱讀,瀏覽器,汽車,城市出行,社交,體育,物流平臺,健康,婚戀,圖像這些類別進行系統的分析,每類選擇9款app進行分析。

作為一名UI設計師,或許應在某一方面要研究的透徹點,我開始從個人中心列表開始研究。


 

4b2458009462a84a0d304f0de3d9.jpg

視頻類目前以廣告.流量.付費內容為移動視頻貨幣化的重要途徑,因此視頻類app的個人中心除了我說的所有app的通用內容外,視頻類app還會有開通vip會員,緩存,觀看歷史,訂閱等內容。

從默認頭像來看,愛奇藝,優酷,搜狐,AcFun用了自己設計的卡通形象,我覺得這樣的設計能夠提高用戶對品牌的認知。

我們下面再看看列表布局,只有blibli用的宮格布局,其他8個用的是列表布局,列表布局就是以列表的形式展示具體內容,并且能夠根據數據的長度自適應顯示,這也是最快速的app布局方式。宮格導航是將主要入口全部聚合在頁面,讓用戶做出選擇。這樣的組織方式無法讓用戶在第一時間看到內容,選擇壓力較大,采用這種導航的應用已經越來越少,往往用在二級頁作為內容列表的一種圖形化形式呈現,或是作為一系列工具入口的聚合。


 

4605580094cba84a0d304f98a962.jpg

音樂類app的個人中心除了我說的所有app通用內容外,還會有本地歌曲.下載管理.最近播放等通用內容。

酷狗音樂.蝦米音樂.咕咪音樂使用的是抽屜式列表,優點是給內容區域留有更大的空間,缺點是可見性較低,在某些平臺下,和平臺固有的導航設計模式有所沖突,低效,并非一瞥即得。

QQ音樂,酷我音樂,阿里星球運用的混合組合列表,當用戶需要聚焦內容,同時又需要一些快捷入口能夠連接到某些頁面時,就可以采用組合列表。組合列表上方用宮格的形式展現快捷入口,這種導航比較靈活,能適應架構的快速調整。


 

407d58009518a84a0d304fb23d31.jpg

運動數據豐富度,作為一款運動App,它的運動功能是否全面也是一項重要的指標。

運動類app的個人中心除了我說的所有app通用內容外,還會有訓練歷史,身體數據,運動目標等通用內容。

悅跑圈使用的是舵式導航,頁面有處于同一層級的幾大部分內容,同時又需要一個非常重要且頻繁操作的入口,就可以采用這種APP導航模式。同時個人中心加了小banner位,此baner位的內容適用于用戶使用場景,因地制宜,通過收集悅跑碎片召喚里約探險記勛章活動來提高用戶對app的使用率以及停留時間。

小米運動,咕咚用的是數據可視化,讓用戶在個人列表中直接看到自己之前的運動記錄。動動里面用的是進度條,讓用戶更直觀的看到自己差多少到達目標,并在界面上運用了插畫元素,使界面增加了趣味性。

每日瑜伽用的是列表格式,feel,樂動力,悅動圈,keep用的是混合組合列表的格式。


 

f4f458009573a84a0d304f855a6f.jpg

金融類app,從用戶需求出發,在選擇投資平臺上,影響到用戶決策的主要有以下五點:安全,收益,資金流動性,便捷,用戶體驗。

因此站在移動APP產品層面,金融類app應更好的表現出安全,因此金融類app個人列表下基本上都是登錄占的比重會大一些,這是他們表現安全方法之一賬戶安全,目前賬戶安全的內容還比較簡單,有實名認證、保護手機和交易密碼可以進行設置。

儲蓄罐做的較為輕松,個人中心上面有新手有禮,我是土豪,每日簽到的獎勵來吸引新手注冊


 

83ee580095a8a84a0d304f111058.jpg

移動新聞客戶端是在傳統門戶、傳統紙媒等PC時代演變到現在移動時代的二代產品,帶有傳統門戶用戶獲取最新資訊、了解信息的基本需求,但隨著移動時代的發展,移動設備的演化,用戶需求逐漸增多,用戶使用產品的場景碎片化、多樣化。

用戶往往在路上、公交車、地鐵上,在晚上睡前,早上醒后,在吃飯時,在上班休息過程中,在上洗手間等碎片化時間,這也衍生出了用戶離線閱讀等的需求。如何在短時間內滿足用戶以上這些需求成為新聞類應用需要考慮的問題。

騰訊新聞,網易新聞,今日頭條,搜狐新聞,一點資訊,新浪新聞,ZAKER的個人中心都選用的列表形式,而搜狐個人中心沒有賬號設置。

百度新聞用的是抽屜式列表,而快報個人中心強調賬號登錄想要進個人界面,首先需要登錄,而我個人不喜歡這樣做的app,通常我想先看看里面的內容好不好,我才選擇登陸,如果事先看不到你面內容的情況出現我會選擇卸載這個app,要是理財類,財經類的話我會考慮下先登錄。


 

fa7e58009601a84a0d304f91871d.jpg

財經是指財政、金融、經濟。2015年中國移動互聯網市場規模將達23134.3億元,增幅達到72.2%。未來三到五年,移動互聯網規模將繼續保持高增長態勢。面對這一市場,各行各業爭相進入移動應用搶占市場,財經也不例外。

新浪財經個人中心整體用的是列表布局,列表下有分組,分為用戶,交易,觀點,問答,題材等模塊,與重要的子集(A股,港美股)呈現在同一個頁面,而不放到二級頁面里,顯得更一目了然,并減少了用戶的學習成本以及點擊次數。

自選股點擊資源管理以及活動中心,系統設計,吐個槽右邊的查看更多按鈕,內容是下拉展示,而不是跳轉到下一個頁面,例圖上我點開了活動中心將A股大賽,活動精選,私募精選給展示出來。這樣的展示方式有一個好處是使子集和父集的關聯性增強,減少了用戶對跳轉頁面內容的記憶。而這個頁面有個地方做的不太好,從交互形式上考慮,向右指向的箭頭,是跳轉二級頁面的按鈕,所以我覺得這個頁面所有向右指向的箭頭都應該改為指向向下的肩頭。

360股票和牛股王app在登錄button的背景上放上了banner,充分利用了展示位,而這個banner的內容是吸引用戶主動登錄的。

9de258009644a84a0d304fc52886.jpg

一本書一杯茶,悠閑的坐在窗前藤椅上慢慢品讀,已經成為一種奢侈的享受。快節奏的生活、碎片化的時間,驅使人們逐漸適應新的生活方式,所以現在人們經常會在等人或等車的間隙,忙里偷閑的掏出手機瀏覽新聞或看小說,而手機儼然變成了移動書房。

大多數閱讀類app的個人中心用的是抽屜式列表,可能他們需要給內容區域留有更大的空間,內容為主。上邊的掌閱iReader,QQ閱讀,咪咕閱讀,多看閱讀,塔讀文學,都用了抽屜式。我發現他們還有一個特征就是基本上每個app的個人中心都突出了充值按鈕。


 

994058009676a84a0e282bbc3b50.jpg

移動互聯網瀏覽器不再是唯一上網入口,應用占據了越來越多的用戶時間。相較而言,手機瀏覽器具有“覆蓋廣泛,快速到達”的核心優勢,幾乎可以到達移動互聯網絕大多數服務,所以對于解決長尾需求而言,手機瀏覽器始終是必備,難以被取代,搜索則是滿足用戶在長尾里找內容的方式。

瀏覽器類app大多個人中心選擇點擊后從底部彈出的方式,這種方式不但界面設計上看上去簡潔,功能上還可以快速切換到個人中心。


 

779b5800969ea84a0e282b2895a2.jpg

對于所有汽車人而言,各色汽車類APP必然占據手機的重要位置,無論是資訊類,養車類,還是考駕照類。

汽車報價大全和易車app由于是一家的產品,所以登錄模塊基本上做的一致,它突出了登錄的方式,是用戶知道有快速登錄的方式,使用戶不會對登陸產生排斥心理。

愛卡汽車的個人中心的入口很獨特,他把個人中心放在了核心的位置。


 

91c858009734a84a0d304f6c2b94.jpg

中國的城市經濟正在飛速發展,但與此同時也帶來了許多嚴重的交通問題。一時間,出行難成為了各大中小城市市民共同面臨的難題,城市交通O2O的興起卻 在某種程度上極大緩解了出行難的問題。各類出行app涌現。

這里面談下神州租車的個人中心,未登錄時點擊入口icon,會彈出登錄頁面,頁面用通欄的圖片作為背景。提升視覺表現力度,又豐富了App情感化元素,但這種設計方法,對字體和排版設計要求更高,難度也多,但極容易渲染氣氛。


 

434f58009768a84a0d304ff7beca.jpg

移動社交具有人機交互、實時場景等特點,能夠讓用戶隨時隨地的創造并分享內容,讓網絡最大程度地服務于個人的現實生活。

社交類app個人列表中心都會有提醒信息數量的小icon,這樣可以使用戶不漏掉信息,以及像我這種強迫癥的人,看到這個提示我就會點,增加了app的點擊率。


 

dc3358009793a84a0e282b76f8ff.jpg

現在廣大球迷使用體育類app了解比賽資訊,觀看比賽直播已經成為一種普遍現象。

體育類app中體育瘋設計個人列表較為獨特,他把個人中心做成標簽欄,這樣可以隨時下注,做任務,看排行,簡單、便捷、易操作。他瘋的社區屬性,讓一批喜歡籃球、足球的人聚集在了一起,無所不談。


 

14ac580097c7a84a0d304fdc8c90.jpg

隨著淘寶、京東等電子商務網站的快速崛起,越來越多的人選擇進行網上購物,線上購物交易額連連上漲。物流作為連接電商和網購用戶的中介,也受到越來越多的關注。

物流app同金融類app一樣應更好的表現出安全,因此物流類app個人列表下基本上都是登錄占的比重會大一些,這是他們表現安全方法之一賬戶安全,目前賬戶安全的內容還比較簡單,有實名認證、保護手機和交易密碼可以進行設置。


 

61a958009897a84a0d304ff4bbc1.jpg

隨著智能手機的普及及手機上網用戶的不斷增多,醫療類app也呈現出欣欣向榮的繁榮盛景.大部分醫療類APP都集中于健康、飲食和鍛煉等領域,僅四分之一的APP集中于疾病管理與治療。但二分之一的APP功能有限,大都是信息咨詢類為主。

在之前那些類別的app提到過的列表形式我在這就不重提了,想必大家自己現在也能看出上圖app的列表都用了哪些形式。在這單獨提一下輕加吧。輕加整個app的設計風格是小清新,簡潔大方,而個人中心一點開的登錄頁面的用圖向用戶暗示了輕加會提供高品質的健康減肥產品、運動器材和裝備的服務。提高用戶忠實度,并突出品牌基調。


 

ee8f58009a3da84a0e282ba043cf.jpg互聯網時代,人們開始習慣把一切事物都往手機上搬,每次拍完照之后,看著沒有修飾照片,沒有勇氣發出去?所以圖像美化app就這樣流行起來。我點開了上面9款app,發現沒有社交屬性的此類app,基本上都沒有單獨制作個人中心這個模塊,他們只有他們本身修圖的功能。

in的個人中心設計的清新,細致,功能齊全,并充分利用界面位置,怎么著我也的加個banner,盈利。獨特的是VSCO他的個人賬號直接放在首頁頂部,而且用的那么顯眼的藍色,來提醒我們登錄和注冊。足跡個人列表下的切換導航下面的小卡通形象是一個亮點。


 

1da958009aa4a84a0e282bfe3ec7.jpg

適婚群體遭遇到婚戀方面的現實阻礙,單身群體不斷延遲婚戀時間,且數量不斷增大。婚戀行業迎來了新的促進機會。龐大的單身人口數量奠定了婚戀交友市場的基礎。

婚戀類app一般以實名制來注冊,而且注冊時肯定會問你男女,年齡等,所以我目前就停留在登錄頁面來做分析,婚戀類我覺得走的是情感路線,所以我覺得這類app的登錄頁面走大背景比較好,選圖像珍愛網,微愛那樣烘托情感,使用戶也能感受到這種情感。


 


 

感謝大家觀看,歡迎點贊


 


34
評論區(0)
正在加載評論...
相關推薦
主站蜘蛛池模板: 久亚洲精品不子伦一区 | 日韩在线国产精品 | 免费看国产一级特黄aa大片 | 国产在线原创剧情麻豆 | 九九精品影院 | 国产一区二区精品久 | 色综合久久天天综合观看 | 亚洲一区二区三区免费在线观看 | 欧美毛片日韩一级在线 | 老司机观看精品一区二区 | 9191精品国产免费不久久 | 国产在线成人一区二区 | 国产精品久久久久久久网站 | 亚洲精品成人456在线播放 | 一级日本特黄毛片视频 | 伊人久久精品一区二区三区 | 国产美女视频免费 | 思思久热re6这里有精品 | 成人影院久久久久久影院 | 91亚洲精品一区二区在线观看 | 久久精品国产免费看久久精品 | 高清在线一区二区三区亚洲综合 | 九九影院理论片私人影院 | 成人性生活免费视频 | 日韩精品中文字幕在线 | 97综合网 | 国产精品一区二区三区免费视频 | 成年人性生活免费视频 | 日韩久久久精品中文字幕 | 午夜精品久久久久久久2023 | 国产欧美久久久另类精品 | 离线枕边人国语在线影视 | 亚洲va精品中文字幕动漫 | 狠狠ri| 四虎官网 | 欧美日韩中文字幕在线观看 | 国产精品久久久久毛片 | 91福利社 | 久久人人爽人人爽人人片av不 | 国产精品视频免费播放 | 99久久国产视频 |