資源描述:
《移動端APP用戶體驗設計交互界面.pdf》由會員上傳分享,免費在線閱讀,更多相關內容在行業(yè)資料-天天文庫。
1、移動端的用戶體驗設計移動端的用戶體驗設計ContentsPart1.如何設計?Part2.聊聊微博Part3.不得不說的用戶研究Part4.交互設計師存在的價值Part5.設計師的知識儲備Part6.一些推薦移動端的用戶體驗設計Part1.如何設計?設計準則和設計方法移動端的用戶體驗設計Part1.如何設計?
2、設計準則“AlanCooper:除非有更好的選擇,否則就遵從標準?!痹S多設計準則都基于人類心理學:人們如何感知、學習、推理、記憶,以及把意圖轉換為行動。移動端的用戶體驗設計Part1.如何設計?
3、設計準則–一致性一致性,相似從而有預期交互邏輯的一致性元素的一致性
4、語言的一致性信息架構的一致性視覺的一致性移動端的用戶體驗設計Part1.如何設計?
5、設計準則–一致性應用內部的一致性移動端的用戶體驗設計Part1.如何設計?
6、設計準則–一致性系統(tǒng)間的一致性移動端的用戶體驗設計Part1.如何設計?
7、設計準則–一致性平臺間的一致性移動端的用戶體驗設計Part1.如何設計?
8、設計準則–七大定律(1)菲茨定律(費茨法則)定律內容:從一個起始位置移動到一個最終目標所需的時間由兩個參數(shù)來決定,到目標的距離和目標的大?。ㄉ蠄D中的D與W),用數(shù)學公式表達為時間T=a+blog2(D/W+1)。?按鈕等可點擊對象需要合理的大小尺寸。?屏幕的邊和角很
9、適合放置像菜單欄和按鈕這樣的元素,因為邊角是巨大的目標,它們無限高或無限寬,你不可能用鼠標超過它們。即不管你移動了多遠,鼠標最終會停在屏幕的邊緣,并定位到按鈕或菜單的上面。?出現(xiàn)在用戶正在操作的對象旁邊的控制菜單(右鍵菜單)比下拉菜單或工具欄可以被打開得更快,因為不需要移動到屏幕的其他位置移動端的用戶體驗設計Part1.如何設計?
10、設計準則–七大定律(2)席克定律定律內容:一個人面臨的選擇(n)越多,所需要作出決定的時間(T)就越長。在人機交互中界面中選項越多,意味著用戶做出決定的時間越長。移動端的用戶體驗設計Part1.如何設計?
11、設計準則–七大定律(2)摘自“席克
12、定律”移動端的用戶體驗設計Part1.如何設計?
13、設計準則–七大定律(3)神奇數(shù)字7±2法則人類頭腦最好的狀態(tài)能記憶含有7(±2)項信息塊,在記憶了5-9項信息后人類的頭腦就開始出錯。移動端的用戶體驗設計Part1.如何設計?
14、設計準則–七大定律(4)接近法則當對象離得太近的時候,意識會認為它們是相關的。在交互設計中表現(xiàn)為一個提交按鈕會緊挨著一個文本框,因此當相互靠近的功能塊是不相關的話,就說明交互設計可能是有問題的。移動端的用戶體驗設計Part1.如何設計?
15、設計準則–七大定律(4)移動端的用戶體驗設計Part1.如何設計?
16、設計準則–七大定律(5)泰思勒定律(復雜
17、性守恒定律)該定律認為每一個過程都有其固有的復雜性,存在一個臨界點,超過了這個點過程就不能再簡化了,你只能將固有的復雜性從一個地方移動到另外一個地方移動端的用戶體驗設計Part1.如何設計?
18、設計準則–七大定律(6)防錯原則防錯原則認為大部分的意外都是由設計的疏忽,而不是人為操作疏忽。通過改變設計可以把過失降到最低。移動端的用戶體驗設計Part1.如何設計?
19、設計準則–七大定律(7)奧卡姆剃刀原理(簡單有效原理)“如無必要,勿增實體”,即如有兩個功能相等的設計,那么選擇最簡單的。移動端的用戶體驗設計Part1.如何設計?
20、移動端設計準則為觸摸而設計考慮操作中斷盡量少的
21、文字輸入一個界面一個主要操作提供自然而然的下一步操作界面外觀遵循用戶行為移動端的用戶體驗設計Part1.如何設計?
22、移動端設計準則為觸摸而設計界面的交互系統(tǒng)以自然手勢為基礎建構,符合人體工學并保持一致性。移動端的用戶體驗設計Part1.如何設計?
23、移動端設計準則考慮操作中斷考慮應用的使用情境,確保在各個產(chǎn)出中斷的情境下,讓用戶恢復之前的操作,保持用戶的勞動付出。移動端的用戶體驗設計Part1.如何設計?
24、移動端設計準則盡量少的文字輸入虛擬鍵盤空間限制,手指點擊容易造成誤觸移動端的用戶體驗設計Part2.聊聊微博移動端的用戶體驗設計Part2.聊聊微博n個項目組和無數(shù)個
25、事業(yè)部移動端的用戶體驗設計Part2.聊聊微博之前之后移動端的用戶體驗設計Part2.聊聊微博移動端的用戶體驗設計Part2.聊聊微博移動端的用戶體驗設計Part2.聊聊微博移動端的用戶體驗設計Part2.聊聊微博上線版本移動端的用戶體驗設計Part2.聊聊微博移動端的用戶體驗設計Part2.聊聊微博3.0的相冊選圖界面僅支持單圖選擇由舊至新,由上至下選擇單張照片后添加至發(fā)布器單張照片即一個觸區(qū)需返回前一頁面選擇調用的系統(tǒng)相冊移動端的用戶體驗設計Part2.聊聊微博3.5改版,重構圖片選擇界面支持多圖(最多9張)由新至舊的排列在選擇圖片的同時,支持拍