有些站點的APP開發(fā)風格仍舊延續(xù)多年年前老舊的BBS年代的風格。說好聽點可以是延續(xù)以往特色,說的不好聽的就是土到掉渣,跟不上時代。
智能手機發(fā)展到現(xiàn)在,就連鄭州建網站,鄭州網站建設這兩個億萬級別用戶量的App開發(fā)都一直在不斷在視覺上進行優(yōu)化,為了給用戶最好的使用感和視覺體驗,那我們地方社區(qū)APP不妨也多在APP開發(fā)界面設計上下功夫,以此來獲得更多年輕用戶群體的喜愛。
??QQ形象發(fā)展
??微信初版界面
首頁界面是門面工程,如果用戶從點開那一瞬間就表示嫌棄,然后……就沒有然后了。
首頁界面告訴用戶的主要功能和特點,在App便捷容易操作的前提下,用戶才會留下你。其次,不同的界面會給人帶來截然不同的用戶體驗。如果你的App是一個人,那界面就是一個人的衣著與發(fā)型。你的形象落落大方、賞心悅目,用戶才愿意與你繼續(xù)發(fā)展。
簡言之,你的APP界面在滿足基本的美觀的同時,還需要根據(jù)用戶的使用場景,操作與生活的習慣方式。所以,“以用戶為中心”的界面設計值得每一位站長重視。
接下來小編會指出目前一些站點界面設計時存在的問題,以供大家參考,對照調整優(yōu)化自己的APP界面。
一般在APP內容運營上,大家都會選擇把最重要的內容呈現(xiàn)至首頁,比如新上線的活動、最新的推廣banner。對于地方社區(qū)來說,每一條信息都是不可或缺的流量通道,如果做不到信息之間取舍,那整個頁面就會擁擠不堪。
這時候如果有UI設計師,對于整體內容布局的把控就能起到舉足輕重的作用。但即使沒有專業(yè)的UI設計師,在馬甲后臺可以自由選擇組件模塊自行DIY,界面設計也會簡單易行。
我們先來看看豆瓣、小紅書、知乎這三大不同領域的社區(qū)在界面上的展示。
豆瓣,以UGC內容搭架的文青社區(qū)
(搜索欄+圖標導航+信息流)
??
小紅書,生活方式分享&購物社區(qū)
(頻道頁+搜索欄+標簽頁+信息流)
??
知乎,知識問答社區(qū)
(搜索欄+頻道頁+推薦欄+信息流)
??
這三大社區(qū)的App首頁模塊3~ 4 個,我們可以一窺:簡潔與舒適是App界面的趨勢。
我們再來看看本地社區(qū)的首頁組件配置。本地社區(qū)首頁配置一般都會有固定的三大模塊:
圖片輪播使得主屏上最重要的位置可以展示多頁內容。頁面頂部顯示了更多的信息,用戶有更大的可能性看到它們。輪播圖往往展示的是最新的信息內容,所以更新速度比較快。
在配置banner的時候,一定要把握以下幾點:
1. “內容為王”,只顯現(xiàn)重要消息,及時更新相關banner圖。
2. 建議輪播頁頁數(shù)最好少于 5 頁,用戶不會讀更多內容。
3. 確保圖片質量和信息的完整度,保證用戶一眼get到重點。
??濠濱論壇banner圖
濠濱論壇的圖片輪播就做得比較好,圖片信息都與其內容相吻合,而且高清大氣上,信息簡潔明了,更新及時。
圖標導航作為功能入口,實現(xiàn)頁面跳轉,在為本地用戶帶來便利的同時,更是吸引流量的關鍵入口。
圖標導航一般4~ 5 個一排,設置兩排足矣,同時圖標設置還要考慮以下幾點:
1. 圖標風格統(tǒng)一,最好有視覺沖擊力。可能對于外行來說,設計統(tǒng)一風格的圖標難度較大,可以去icon網站下載免費資源或者找靈感。
Flatcion,最大的扁平化圖標素材庫:https://www.flaticon.com/
愛看圖標網,免費中文圖標搜索:http://www.iconpng.com/
阿里巴巴矢量圖標庫,中國第一個最大且功能最全的矢量圖標庫:http://www.iconfont.cn/