手機app開發UI佈局的影響
我們每個人對待美都是沒有辦法拒絕的,所以在開發app的時候,不能過於保守,要學會主動進攻,使用者看到介面的美貌十分重要。如同我們的日常生活中,初見總會有特別的印象,好的app開發介面能夠讓使用者喜歡上,甚至是深深的打動了。UI的重要性再怎麼強調都不為過,好的介面是好的使用者體驗的重要部分。
一、空間的排列方式相同。
二、UI佈局要儘可能接近格式塔原理。即相互靠近的控制元件要儘可能看起來像一組。
三、利用結構提高使用者瀏覽長數字的能力。比如金額一般為2,548,125.00元,“符號”的劃分方便使用者清楚、快速的閱讀。
四、建立清晰的視覺層次。按照大小、意義、內容關聯對頁面內容進行組織和排序。方便使用者檢視,提升使用者體驗。
五、支援免干擾閱讀。越容易識別,越快越容易閱讀。
1、避免一些難以辨認的字型,如帶有圖案的背景或所有問題居中對齊。
2、使用簡單明瞭的使用者語言
3、設計有層次感的介面
六、使錯誤提醒資訊易於檢視。
使錯誤訊息可見的常見方法是將它放在使用者檢視並標記錯誤的位置。使用錯誤“x”!”等待錯誤符號,並保持紅色顯示錯誤
七、為了促進使用者的使用,系統提供了一個低風險環境
1、儘可能避免錯誤(最常見的是將不可點選的按鈕變成灰色)
2、把自己做過的事情(比如不小心刪了一段文字)給使用者看清楚,以便使用者及時發現錯誤。
3、使用者可以輕鬆地撤銷、逆轉或糾正錯誤。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69989363/viewspace-2744804/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 移動 WEB 開發的佈局方式 ---- 響應式佈局Web
- margin為負值對佈局的影響
- 阿里Android開發規範:UI 與佈局阿里AndroidUI
- UI設計教程學習分享:APP佈局UIAPP
- SAP UI5 SimpleForm 在 size XL 下的佈局開發UIORM
- [開發教程]第7講:Bootstrap響應式佈局boot
- HBuilder開發詞典app(一)--基本頁面佈局UIAPP
- flex彈性佈局 響應式佈局Flex
- 手機app的四種開發方式APP
- 響應式佈局
- 寫給 Android 開發的小程式佈局指南,Flex 佈局!AndroidFlex
- [開發教程]第9講:Bootstrap響應式佈局的實用類boot
- 手機app開發的基本流程步驟APP
- SAP UI5 應用的響應式佈局特性(Responsiveness)試讀版UI
- Android入門教程 | UI佈局之LinearLayout 線性佈局AndroidUI
- Android入門教程 | UI佈局之RelativeLayout 相對佈局AndroidUI
- [開發教程]第8講:Bootstrap把已有的固定寬度佈局轉換成響應式佈局boot
- 前端成神之路-移動web開發之響應式佈局前端Web
- HarmonyOS Java UI之DirectionalLayout佈局JavaUI
- 前端開發常見佈局前端
- Android開發之常用佈局Android
- 響應式佈局講解
- 初窺響應式佈局
- 移動端軟鍵盤彈出影響頁面佈局問題
- 關於響應式佈局,你必須要知道關於響應式佈局的幾件事
- 適配手機頁面佈局的動態rem方案REM
- 網頁響應式佈局的應用網頁
- 移動優先的響應式佈局
- 響應式佈局方法總結
- Power Apps 建立響應式佈局APP
- 低程式碼開發對軟體開發流程的影響
- [開發教程]第6講:Bootstrap巢狀佈局與流動佈局boot巢狀
- GitHub 當機超兩小時,影響數百萬開發者Github
- 你是如何規劃響應式佈局的?
- 超 Nice 的表格響應式佈局小技巧
- 銀彈谷V-DevSuite零程式碼軟體開發套件之新UI佈局devUI套件
- BMC:智慧手機的使用或影響母親的孤獨感
- [開發教程]第5講:Bootstrap佈局boot