玩運彩練小喂

設計一個好的APP UI

使用者在身邊最常攜帶的裝置是智慧型手機,諸多的app替代了許多傳統工具,在記錄、知識、娛樂面帶給人便利,任何情境中手機可說是形影不離。

app介面設計與使用(個人使用上居多,使用後也清楚在app上還有什麼需求),參考各種優良app也是必要的習慣,在執行設計過程中認知學習,以手持裝置、用手體驗的思維,濃縮成幾個基本重點

在優化任務(專案)的開始,會從數據、測試產生的問題點著手。常發生像是使用目地,如一個app只需要做好一件事就足夠,把重點功能突顯;或下次開啟時能夠在繼續使用的階段等等。將使用族群導向良好的解決方式,在介面上注意每個動作、回饋,是設計上需要思考的。良好的操作體驗能使人愉悅。

1.閱讀舒適性(長時間)
-有大量內容的app如討論區、論壇、個人使用過的介面通常是淺色系,也使用主題色的抬頭與內容區隔,整體採用高明度低彩度的顏色搭配,需要強調的按鈕,才會使用亮麗的顏色突顯來吸引使用者點擊。
-或許剛開始會覺得介面單調,但如果是長時間瀏覽下來可能是容易閱讀的。

2.直覺操作
-常用/主要的功能可以常駐顯示於頁面上,如新增按鈕。
-思考使用者在該app中想要什麼,紀錄使用習慣、選單跳出的是常用選項,減少點擊操作的次數(節省選擇步驟)。

-用手體會,過程中專注每個手勢與回饋的意義,盡量符合生活中直覺的操作,減少記憶學習。
(轉載於blog.fourdesire文章:操作中受到不連續干擾下,眼睛需要注視螢幕的時間只需3.5% ;而使用虛擬按鈕則需要98.8%的時間,高度分心時不適合使用按鈕操作,如走路時切換歌曲)提高低頭族在外使用的安全性

3.微互動
-作為一種有趣味、提示、引導性的使用回饋,適當的動態效果相當容易吸引使用者,並能增加介面流暢度。
-可廣泛運用於各個環節,若非娛樂性質的app,不需要誇張效果。
-思考用在何處,如何呈現,對使用體驗會有很大的影響。
-透過點擊,讓使用者理解或學習某些事情,產生愉悅感。


4.單手操作
-介面上的常用按鈕與選單,以單手握持裝置的模式,拇指容易觸碰到的距離為主。
-面對各種裝置時螢幕尺寸不一,盡可保持在拇指可觸碰到的距離。
-至於需要輸入文字內容的部分因人而異,單手打字真的有比較快嗎?
-區塊間給予適當的觸擊範圍,減少失誤發生。

5.區塊(空間)關係
-主要分成列表、選單、內容三個層次,不單只是平面配置,搭配微互動規劃3D空間感。
-動態提示空間關係,如進入一個畫面操作時,將前一個畫面退後稍微縮小(半透明或被覆蓋),都能輕易辨識空間關係。

影片轉自Material Design

6.專注輸入
-如內容、表單,保持每一行欄位的高度。
-當有多行的欄位時,點擊欄位將帶入另一個畫面中(也能在欄位中提示),在使用者輸入資料的環節更專注於目前項目上,操作不受其他欄位、物件干擾。
-在螢幕較小的裝置上是重要的設計模式,可透過視覺元素導入設計好的流程中。

7.離線使用
-就算沒有網路也能進行操作,待網路穩定後自動更新。
-連線狀態與進行階段需要通知使用者。

8.參考案例(優秀app)
-前線大廠的app怎麼做,如新一代的智慧型手機大螢幕,影響介面的配置。
-大廠規範、扁平化與微互動效果普及,多注意操作細節。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *