瞬間的規(guī)劃 I

瞬間規(guī)劃是什么？

良好的用戶體驗，全在于那些完美的瞬間。在第一個瞬間，假設(shè)當一位用戶從購物查找結(jié)果頁面跳轉(zhuǎn)到某個店鋪的時候，他此時或許是想看看這個店鋪的風(fēng)格及其信譽；而下一個瞬間或許就開始揣摩怎么使用頁面中的導(dǎo)航來觀看某個寶貝介紹。再然后則或許是問詢怎驗購買，從哪里注冊，者看看產(chǎn)品是否打折，或許測驗聯(lián)系這個賣家。

若想完結(jié)優(yōu)異的規(guī)劃，咱們就需要時刻自問：在期望用戶做些什么，界面應(yīng)該怎么鼓舞他們完結(jié)這些使命？每一個瞬間關(guān)于完好的用戶體驗來說，都是不可或缺的一部分，由于他們都有或許加強也或許炸毀用戶對某個產(chǎn)品或公司的決心。為什么這么說呢？由于每個人在每時每刻所要完結(jié)的使命，關(guān)于此時此時的他而言，那就是重要的使命。

規(guī)劃師要做什么？

咱們的工作不是規(guī)劃花哨的頁面，而是要規(guī)劃夸姣的瞬間，保證每時每刻都完美，是規(guī)劃師的責(zé)任和價值所在。在用戶進行挑選的瞬間，咱們要協(xié)助他們做出正確的決定，咱們要留意創(chuàng)建怎樣的交互行為以及鼓舞人們輸入，編輯，查找和同享，鼓勵他們完結(jié)所有的他們期望做的工作，咱們還應(yīng)該規(guī)劃各種手段協(xié)助人們進步工作效率——即便他們天然生成忘性大，老犯錯，或許總是三心二意�？梢哉f規(guī)劃師的工作就是考慮所有這些瞬間——規(guī)劃一些東西來支持用戶達成每一個目標，而不會攪擾或許妨礙到他們，同時，把這些徹底不同的部分凝成為一個整體。只有這樣他們才干信任咱們產(chǎn)品，喜愛咱們的服務(wù)。

從一個例子開始

怎么規(guī)劃夸姣的瞬間？在開始之前，請大家先回想一下igoogle界面，這個產(chǎn)品大家必定很熟悉，有的規(guī)劃師幾乎每天都用到它。igoogle有許多關(guān)于拖拽的操作，而拖拽這個雜亂的交互行為需要不同的狀況（咱們稱之為瞬間）來體現(xiàn)其交互事情（Event），yahoo模式庫曾對其進行詳細的劃分，他們分別是：

• 頁面加載（Page Load）
• 鼠標懸停在拖動目標上（Mouse Hover Over Drag Object）
• 鼠標按下拖動目標區(qū)域（Mouse Down On Drag Region of Drag Object）
• 拖動建議（Drag Initiate）
  • 拖動原方位（Drag Over Original Location）
  • 拖動離開原方位（Drag Leaves Original Location）
• 拖動從頭進入原方位（Drag Re-enters Original Location）
• 拖動有用區(qū)域（Drag Over Valid Target）
  • 拖動進入有用的區(qū)域（Drag Enters Valid Target）
  • 拖動懸停于有用的區(qū)域（Drag Hovers Over Valid Target）
• 拖動推出有用的區(qū)域（Drag Exits Valid Target）
• 拖動非操作區(qū)域（Drag Over Invalid Target）
  • 拖動進入無效的區(qū)域（Drag Enters Invalid Target）
  • 拖動懸停于無效的區(qū)域（Drag Hovers Over Invalid Target）
  • 拖動退出無效區(qū)域（Drag Exits Invalid Target）
• 拖動非詳細目標（Drag Over No Specific Target）
• 接受放置（Drop Accepted）
  • 接受放置起始（Drop Accepted Begins）
  • 接受放置結(jié)束（Drop Accepted Ends）
• 回絕放置（Drop Rejected）
• 放置于原方位（Drop On Original Location）

此外，拖動的目標模塊包含了以下界面元素（Actor)，用于展現(xiàn)以上交互事情的種種風(fēng)趣的瞬間，他們分別是：

• 頁面（靜態(tài)文字，圖片）Page (static text, images provided)
• 光標（Cursor）
• 工具提示（Tool Tip）
• 模塊（Drag module）
• 模塊存放區(qū)（Drag module’s Parent Container）
• 模塊放置區(qū)（Drop Target）

針對每個界面元素所體現(xiàn)的交互事情不同，咱們就可以得到許多風(fēng)趣的交互瞬間，如以下表格所示：

細心的你或許會發(fā)現(xiàn)，為什么這兒只列舉了少數(shù)的事情和元素，而沒有都列舉出來。其實這是由于部分特別的交互事情非常雜亂，很難一一列舉。僅僅“拖動進入到無效的區(qū)域”這個交互事情就有許多種狀況，比如：把模塊拖動到瀏覽器地址欄里的狀況；把模塊移動到toolbar下方時的狀況；還有“移動模塊到有用的區(qū)域”過程中，該有用區(qū)內(nèi)的模塊會被擠到其他的區(qū)域內(nèi)，什么時候作為判斷來移動呢？測驗后你會發(fā)現(xiàn)當被拖動模塊超出了原有模塊尺寸的1/2時，就會發(fā)生跳轉(zhuǎn)等等。

由這個例子咱們不難看出要規(guī)劃夸姣的瞬間，要做到以下幾點：

1. 重視分秒的響應(yīng)（比如說咱們要考慮到頁面的加載作用）
2. 重視奇妙的細節(jié)（鼠標hover上去的光標顯現(xiàn)作用，移到哪里顯現(xiàn)等等）
3. 幻想各種或許性

瞬間規(guī)劃