3.1. 多種方案的權(quán)衡
實(shí)現(xiàn)同一個(gè)目的,有多種不同的方案,每個(gè)方案,都可能在這個(gè)方面強(qiáng)一些,在另一個(gè)方面弱一些;實(shí)際使用上,它們的效果通常并沒有非常明顯的區(qū)別。 這是交互設(shè)計(jì)的另一項(xiàng)經(jīng)驗(yàn):如何設(shè)計(jì)不完美的作品。
又要易用流暢,又要屏蔽干擾項(xiàng),又要方便用戶隨時(shí)切換,又要充實(shí)又要簡(jiǎn)潔……這種設(shè)計(jì)方案是不可能存在的,而為了產(chǎn)品和運(yùn)營(yíng)的目標(biāo),為了用戶看似不合邏輯但切實(shí)存在的操作流程, 我們通常面臨的需求正是這種復(fù)雜需求,同時(shí)往往伴隨著名為“快速迭代小步快跑”之類的短工期。
這時(shí),對(duì)不同方案的細(xì)節(jié)區(qū)分,各自有什么樣的優(yōu)劣,熟練于心,可以方便我們快速地決定一個(gè)或是另一個(gè)方案,而不是陷入長(zhǎng)時(shí)間的糾結(jié)。(pm非要糾結(jié)則另當(dāng)別論……)
如同這個(gè)機(jī)票查詢的例子,各家的使用方法不同,效果也各有傾向(或者說,由于需要偏重的方向不同,而使用了不同的設(shè)計(jì)):
大多數(shù)機(jī)票查詢的入口,都是這樣,單程/往返使用兩個(gè)radio,放在最前面;選擇單程時(shí)禁用往返,或者隱藏返程時(shí)間輸入框。
邏輯是這樣的:用戶最先決定自己是單程還是往返,然后再選擇起降地點(diǎn)及時(shí)間……這顯然是產(chǎn)品邏輯,實(shí)際上絕大多數(shù)用戶都不是一去不回,而是必須回來的。用戶隨時(shí)可能從買單程變成想買往返,而這時(shí)候再把注意力返回到頁(yè)面最上方,又離的很遠(yuǎn)成為了負(fù)擔(dān)。
不禁用返程,又擔(dān)心用戶被這個(gè)框干擾,影響任務(wù)往下走。
于是淘寶的版本是這樣的,返程時(shí)間不禁用,只是視覺相對(duì)弱化;返程時(shí)間輸入框獲得焦點(diǎn)時(shí),上方radio自動(dòng)切換到往返。 同時(shí),要回到單程狀態(tài)……仍然只能手動(dòng)通過radio切換。
這個(gè)控件組的作用,抽象地說,就是二選一的入口,分別對(duì)應(yīng)不同的內(nèi)容展示:兩個(gè)radio/下拉列表/tab,都能起到二選一的作用。下拉列表鼠標(biāo)操作次數(shù)太多,適用于更多選項(xiàng)的情形;tab帶有兩者平行且無交集的意味,所以這兒也不適用。
一種特殊的二選一,就是是否,是否需要返程,于是可以用復(fù)選框:
這時(shí),用戶在往返與否之間切換的成本最低。
這并不是說使用radio的方案不正確,只是在只有這兩種情形的產(chǎn)品,使用復(fù)選框會(huì)更好一些,如果考慮擴(kuò)展的情形:
還是應(yīng)該使用radio的。
3.2. 擴(kuò)展相關(guān)技能
視覺:柵格、用色、間距……
前端:代碼邏輯、可實(shí)現(xiàn)性
產(chǎn)品:功能設(shè)計(jì)
用研:可用性測(cè)試
BI:數(shù)據(jù)挖掘……
同樣也不展開說了,這些內(nèi)容,對(duì)交互設(shè)計(jì)工作都會(huì)有相當(dāng)?shù)膸椭膊恍枰,基本了解就可以?/p>
個(gè)人經(jīng)驗(yàn)和理解啰嗦完畢……歡迎共同討論。
原文:http://uedc.163.com/8472.html
本文鏈接:http://www.95time.cn/news/soft/2011/8708.asp
出處:網(wǎng)易用戶體驗(yàn)設(shè)計(jì)中心
責(zé)任編輯:bluehearts
上一頁(yè) 談交互設(shè)計(jì)的經(jīng)驗(yàn)積累 [3] 下一頁(yè)
|