24小時查詢服務熱線
香港網頁集團
  • 公司概覽 
    • 概覽 
    • 客戶群組 
    • 職位空缺 
  • 網頁設計 
    • 網頁設計 
    • 人才外判計劃 
  • 網絡行銷 
    • SEO搜尋引擎優化 
    • SEM搜尋引擎行銷 
    • 社交網絡推廣策略及推廣 
    • EDM 電郵宣傳策略及設計 
  • 政府資助 
    • BUD專項基金(BUD Fund) 
    • EMF中小企業市場推廣基金 
    • TVP科技券計劃 
  • 作品展示 
  • 最新資訊 
    • 網頁設計 
    • 網上推廣 
    • APP開發 
  • 聯絡我們 
  • sitemap 
Home » UX設計的基礎知識:移動端UX設計原則有哪些
  • 近期文章

    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
  • 網上推廣

    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 【網絡推廣核心邏輯】三大實戰策略突破Meta廣告的「創意疲勞」瓶頸
    • 提速網站FCP分數:全面攻略助你搶佔香港SEO先機
    • 精準流量變現的關鍵:香港企業如何利用SEO提升會員轉化率?
    • SEO公司緊急警報:網站流量突然暴增?小心黑帽SEO植入
  • 網頁設計

    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
    • 網頁設計中最基礎的配色技巧 讓網頁在色彩海洋中脱穎而出
  • APP開發

    • APP設計技巧:如何利用重疊設計來增加APP的魅力
    • UX設計技巧:如何做好APP的BAR設計?提升整體APP的用戶體驗
    • APP設計策略:如何將信息對比應用APP設計中,以提高用戶體驗?
    • UI設計指南:底部彈出框需要重視哪些設計原則
    • Headspace APP設計案例分析:APP設計實踐中需運用哪些UX設計定律

UX設計的基礎知識:移動端UX設計原則有哪些

分類: 最新資訊, 網頁設計 Tags: #UX設計的基礎知識, UX設計, 網頁設計 日期: 2021-03-15

在進行移動端UX設計過程中,設計師需要考慮更多問題,確保設計出的產品能滿足用戶的使用。那麼,移動端UX設計原則有哪些?

UX設計的基礎知識:移動端UX設計原則有哪些

UX設計的基礎知識

移動端UX設計原則一:追求極簡

在空間受限時,若要將所有必要的UI元素放進界面並保持清晰有序,「追求極簡」是移動端UI設計中最重要的原則。

通常,我們在布局UI元素時很容易就會掉入一個陷阱:將過多信息打包進界面,並試圖為用戶提供他們可能想要的一切,最終導致用戶不知所措。

為避免這種情況發生,我們可以嘗試:

① 洞察移動用戶的需求,篩選出對用戶而言是必不可少的信息和功能,並盡量保持每個界面僅有一個行動目標。

② 確定好界面信息和功能的優先級排列,可利用留白、字體及其他視覺設計,進一步簡化界面。

另外,頁面加載速度也是UX設計的重要部分,在考慮功能、內容、視覺效果前,優先考慮產品加載速度,能為用戶帶來流暢舒適的用戶體驗。

【案例參考】

UX設計的基礎知識:移動端UX設計原則有哪些

UX設計的基礎知識

Instapaper的列表頁頂部設有搜索欄,方便用戶搜索感興趣的內容;底部沒有常見的標籤欄,但兩側各有一個菜單,顯得整個界面非常乾淨整潔。

移動端UX設計原則二:減少輸入

基本上,移動用戶在使用網站或APP時都不太願意輸入大量文本。

相較於PC端用戶,移動端用戶與界面的交互時間短,加上移動設備按鍵較小,若要輸入太長信息明顯不利於用戶體驗。儘管某些配件的確可以讓用戶在操作移動端的行為習慣更接近PC端,但絕大多數用戶都不會這樣使用。

因此,移動端UX設計應該:

① 對於可自動填充的內容,應提供自動填充設計;

② 當用戶開始輸入內容時,給出合理的建議;

③ 允許用戶選擇類別或以其他方式篩選內容;

④ 盡量使用選擇器代替手動輸入;

……

【案例參考】

UX設計的基礎知識:移動端UX設計原則有哪些

UX設計的基礎知識

Eventbrite作為一個在線活動策劃服務平台,它的搜索功能非常值得借鑒,尤其是基於時間搜索時間時,優先展示具體時間(如任何時候、今天、本周等),並將常規時間選擇器(年/月/日)默認排列在最後,以便用戶快速選到想要的時間段。

移動端UX設計原則三:增加控件可操作區域

在理想情況下,行動點大小取決於它在屏幕中的位置,但在移動端UI設計中,儘可能把可操作區域設計得大些總沒錯的。為什麼這樣會說?增加UI控件尺寸,擴大元素周圍的留白空間,可減少用戶誤操作,提升界面的簡潔性,同時還可以突出控件的視覺焦點。

如果你不希望控件面積過大,只要在不干擾其他UI元素的情況下,盡量增加元素可點擊範圍即可。

【案例參考】

UX設計的基礎知識:移動端UX設計原則有哪些

UX設計的基礎知識

當用戶使用Meetup並查看聚會群組時,屏幕中間有個醒目的大按鈕,以便用戶輕鬆快捷的操作。

移動端UX設計原則四:優先考慮易讀性

易讀性是所有平台UI設計都要遵守的設計,設計師需要遵循字體、字號、行高等通用原則。在移動端UI設計中,字體不宜小於16pt,否則會損害界面的易讀性。

此外,移動端UX設計還需考慮那些「不理想」的使用環境,如旅途中、繁忙街道上,以及強光狀態下等。如果想要更好的用戶體驗,易讀性設計不僅要滿足「不理想」使用環境的「理想條件」,還需要考慮「美觀」。

【案例參考】

UX設計的基礎知識:移動端UX設計原則有哪些

UX設計的基礎知識

很多閱讀型產品都支持響應式網頁設計,允許用戶設置界面信息,以確保設計的表現和延展性,但Medium.com文章展示頁或許應引起反思。

移動端UX設計原則五:輕鬆從錯誤中恢復

用戶在操作網頁或APP過程中,難免會出現錯誤。但無論這個「錯誤」是否必然發生,您都有責任幫助用戶避免,儘管您無法完全消除它們。

【案例參考】

UX設計的基礎知識:移動端UX設計原則有哪些

UX設計的基礎知識

通常產品出現列表時,都支持用戶通過左右滑動來執行某些操作。而Airmail電子郵件列表的操作有方向和長度的差異,並且可立即執行,這對需要加快工作流程的高級用戶來說,非常有用,但也容易出錯。因此,「Undo Move to Bin」按鈕就顯得非常重要,包括發送Email時,同樣也需要顯示類似的撤銷按鈕,幫助用戶從錯誤中恢復。

移動端UX設計原則有哪些?移動端UX設計相對於PC端是存在一定的差異性,因此設計師不僅需要考慮界面的流暢性和一致性,更要考慮交互過程的合理性,以及洞察用戶的群體特徵,儘可能尊重目標用戶的操作習慣。

Share This Post!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook
訂閱電子報 公司最新資訊 Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
    • 網頁設計
    • 平面設計
    • 網上推廣
    • 程式開發
    Inspirr網頁設計香港
    公司資訊
    概覽
    職位空缺
    服務範圍
    網站設計流程
    SEO網站優化
    手機程式開發
    平面設計
    作品案例
    網頁設計案例
    手機程式案例
    多媒體設計案例
    平面商業設計案例
    聯繫我們
    • inspirr Facebook
    • inspirr vimeo
    • inspirr blog
    • 雅虎認證官網
    • 新浪微博認證

    Inspirr網頁設計公司專業設計網站

    網頁設計、網上商店、編寫程序、網上顧問、網上廣告、網上行銷等。我們擁有優秀專業的團隊,獨特的網頁設計功能,Web Design等技術,秉持網上商店品質、創新、服務的經營理念,集合設計、科技及網上推廣的元素。

    inspirr地址

    香港上環德輔道中248號東協商業大廈6樓601室

    Inspirr聯繫電話

    (852) 3749 9734

    Inspirr郵箱

    Copyright @ 2023 Inspirr Creation. All rights reserved.

    友情鏈接: 香港網頁設計 公司網站管理