歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

瞬間的規(guī)劃 I

發(fā)布時(shí)間:2019-11-13 文章來源:本站  瀏覽次數(shù):2950

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

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

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

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

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

從一個(gè)例子開始

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

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

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

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

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

瞬間的規(guī)劃 I

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

由這個(gè)例子咱們不難看出要規(guī)劃夸姣的瞬間,要做到以下幾點(diǎn):

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

瞬間規(guī)劃

上一條:七巧招進(jìn)步.NET網(wǎng)站功...

下一條:淺析網(wǎng)頁(yè)顏色運(yùn)用...