明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

微信小程序設計向導 微信小程序ui設計規(guī)范總結

[摘要]微信小程序ui設計規(guī)范匯總:微信小程序是一種全新的應用形態(tài),微信小程序平臺不需要下載安裝即可使用應用的平臺,微信小程序實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。也體現了“用完即走”的理念,用戶不用...

  微信小程序ui設計規(guī)范匯總:

  微信小程序是一種全新的應用形態(tài),微信小程序平臺不需要下載安裝即可使用應用的平臺,微信小程序實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。

  也體現了“用完即走”的理念,用戶不用關心是否安裝太多應用的問題。應用將無處不在,隨時可用,但又無需安裝卸載。

  概要

  基于微信小程序輕快的特點,我們擬定了小程序界面設計指南和建議。 設計指南建立在充分尊重用戶知情權與操作權的基礎之上。旨在微信生態(tài)體系內,建立友好、高效、一致的用戶體驗,同時最大程度適應和支持不同需求,實現用戶與小程序服務方的共贏。

  友好禮貌

  為了避免用戶在微信中使用小程序服務時,注意力被周圍復雜環(huán)境干擾,小程序在設計時應該注意減少無關的設計元素對用戶目標的干擾,禮貌地向用戶展示程序提供的服務,友好地引導用戶進行操作。

  重點突出

  每個頁面都應有明確的重點,以便于用戶每進入一個新頁面的時候都能快速地理解頁面內容,在確定了重點的前提下,應盡量避免頁面上出現其他干擾項影響用戶的決策和操作。

  反例示意

  此頁面的主題是查詢,卻添加了諸多與查詢不相關的業(yè)務入口,與用戶的預期不符,易造成用戶的迷失。

微信小程序設計指南 微信小程序ui設計規(guī)范匯總

  糾正示意

  去掉任何與用戶目標不相關的內容,明確頁面主題,在技術和頁面控件允許的前提下提供有助于用戶目標的幫助內容,比如最近搜索詞,常用搜索詞等。

微信小程序設計指南 微信小程序ui設計規(guī)范匯總

  反例示意

  操作沒有主次,讓用戶無從選擇

微信小程序設計指南 微信小程序ui設計規(guī)范匯總

  糾正示意

  首先要避免并列過多操作讓用戶選擇,在不得不并列多個操作時,需區(qū)分操作主次,減輕用戶的選擇難度。

微信小程序設計指南 微信小程序ui設計規(guī)范匯總

  流程明確

  為了讓用戶順暢地使用頁面,在用戶進行某一個操作流程時,應避免出現用戶目標流程之外的內容而打斷用戶。


學習教程快速掌握從入門到精通的電腦知識