face+ 關于 服務 案例
首頁 案例 服務 關于 face+

好看的微信小程序UI界面,讓人愛不釋手!

Time: 2019-09-26

眾所周知,每一個人都有顏控潛質,只要產品好看,就很容易讓人產生購買欲。而手機應用程序界面設計如何做到好看又好用,給予用戶極致的體驗呢?在微信官方的設計文檔對微信小程序UI界面做了詳細的說明,并提供了大量的用戶界面實例作為參考。如果開發者能夠理解其中微信小程序UI設計基本理念,嚴格依據設計文檔創建和優化小程序,一種美觀且使用的手機人機交互模式即可完成。


1.1.png


與傳統的網頁設計不同,小程序UI設計最大挑戰在于將桌面重心轉移為移動使用,在屏幕尺寸和比例、輸入設備以及網絡特性等方便有所區別。因此,微信小程序UI設計需要考慮以下幾點:

一是排版設計上。在移動設備上使用小程序,由于屏幕受限,并沒有電腦界面那樣具有充裕的空間可發揮,這就要求UI設計師在對元素和文字排版的時候,考慮用戶瀏覽時眼睛的適應能力,需要適當放大,或者加大間距,讓整個頁面更加舒適。另外,微信原聲能夠提供的控件有限,比如Toast、提示 icon、開關、多選框、復選框等等,其他空間可根據小程序風格去開發,但注意千萬不要出現刺眼或者突兀的按鈕和文字。

二是以簡潔為主。在小程序開發過程中,盡量避免選擇過于花哨或者繁雜的元素,看起整個頁面都是重點,但又沒有突出重點,使得用戶的注意力分散,同時也會增加用戶流量和載入時間,這當然也會影響小程序交互的流暢。


4 (2).png


三是留心導航系統設計。小程序沒有導航指示器,給UI設計帶來一定的難度,UI設計師要做的是確保用戶的每一步符合預期,不能讓用戶在界面中“迷路”了。這里也建議頁面內導航中頂部 Tab 樣式和底部標簽樣式,每一種樣式在2個到5個之間。當然,后期多測試也是非常有必要的。為了保證微信小程序界面顯示效果,盡量將設計原型稿放到真機進行測試和評估。

四是站在用戶的角度開發。很多微信小程序是基于網頁網站而打造,如果能夠統一風格最好,保持一種熟悉感,給用戶一種“故人重逢”的感覺。在設計中,UI設計應該明晰用戶當前狀態,減少用戶操作上的限制和等待時間,避免用戶因等待產生焦灼感。

在如今各種各樣的微信小程序橫行時代,一個好看的微信小程序UI界面,必定有利于用戶的拉新、留存和激活,以提高市場競爭力。







合作咨詢

上海(總部)

上海市浦東新區郭守敬路498號22號樓205
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區后永康胡同17號A座三層
010-64015620
[email protected]

辦公地址地圖

深圳

深圳市福田區金田路4018號安聯大廈2601
0755-33955611
[email protected]

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2015 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開
有那些网上棋牌