当前位置: 首页 > 工具软件 > ux-js > 使用案例 >

UX入門 - 3

谭越
2023-12-01

=====  UX小知識  =====

○ 測試法

   A / B Testing

   5秒測試法:介面放在手機上給測試者看2秒, 問測試者還記得那個介面上有什麼


○ 原型的類別

   wireframe  低擬真(線搞)

   mockup     高擬真

   prototype  可操作


○ 流程圖的類別

   Flow Chart

   Functional Map

   UI Flow


○ 視線流程圖


○ 操作流程圖


○ 框架

   標籤式(把5個以內常用的功能入口拉到第一層,其他功能入口彙整到一起)

   輻射式(依功能類型跟順序發散到各層級)

   列表式(像網路的多層次選單)

   平鋪式(所有功能入口扁平化)

   抽屜式(所有功能入口收納起來)

   點聚式(把部分功能入口用抽屜式集合收納起來)


○ 關於虛擬鍵盤

   1.鍵盤浮起後不能遮擋住重要訊息 => 訊息可依情況調整顯示的內容

   2.鍵盤右下角功能鍵的文字要對應目的功能 => "換行"、"完成"、"前往".....


○ 關於動畫

   動畫效果適合運用在:起動畫面、載入、轉場、引導、回饋

   UI與程式間Animation的溝通:

       1.起始狀態、結束狀態

       2.變化屬性(寬度、高度、XY座標、XYZ旋轉角度、透明度、顏色.....)

       3.時間腳本(多少ms到多少ms做哪個屬性變化)

       4.漸變函式(EX:ease-in)

       5.操作行為(根據使用者操作停止並改為動畫、忽略、其他處理)

       6.參考範例


○ 手指熱點、手指方便點擊的大小


○ 量化UX修改的目標



 类似资料: