我們通常所見的界面設(shè)計(jì)中，對(duì)稱性的信息呈現(xiàn)方式非常普遍，信息等價(jià)并且均勻分布在規(guī)則的幾何圖形周邊能帶來(lái)和諧的比例與平衡。交互設(shè)計(jì)過(guò)程中使用戶的操作流也以對(duì)稱性的方式完成，則稱之為對(duì)稱性交互。 開關(guān)機(jī)作為手機(jī)常用的一套相關(guān)操作，設(shè)計(jì)思路也采納了對(duì)稱性交互原則，讓二者遵循同樣的流程進(jìn)行，便于理解和學(xué)習(xí)，大部分手機(jī)的開關(guān)機(jī)都是通過(guò)同一套流程或者同一個(gè)按鍵控制，這種對(duì)稱形式鋪展一套有關(guān)工作流的方式即對(duì)稱性交互。比如iphone的開關(guān)機(jī)過(guò)程：

這種對(duì)稱性交互不僅可以加速用戶對(duì)一些對(duì)稱性功能交互的辨識(shí)與認(rèn)知，提高易發(fā)現(xiàn)性，而且少數(shù)基本機(jī)構(gòu)在不同層次上的重復(fù)出現(xiàn)也降低了用戶的學(xué)習(xí)成本，提高了整個(gè)產(chǎn)品交互架構(gòu)的一致性。Alan Cooper在《About Face 3： The Essentials of Interaction Design》一書中總結(jié)了一條簡(jiǎn)單的經(jīng)驗(yàn)：在哪里輸出，就要允許從哪里輸入。這說(shuō)明用戶習(xí)慣以相同的方式去執(zhí)行邏輯相關(guān)的操作。Circle（圈子）是Google+社交服務(wù)里的一大亮點(diǎn)，在將聯(lián)系人添加或移除出某個(gè)circle的時(shí)候，兩者的交互方式是對(duì)稱的。如下圖：

將聯(lián)系人卡片從列表中拖放到circle中完成添加圈子操作

將聯(lián)系人卡片從circle中拉出來(lái)完成移除圈子操作假使從圈子中移除聯(lián)系人的交互過(guò)程換做“選中目標(biāo)然后在頁(yè)面上按下Remove按鈕”一定會(huì)給用戶帶來(lái)流通不暢，思路堵塞的感覺(jué)。再來(lái)看看Balsamiq的Tree list，在查看（輸出）和編輯（輸入）模式下，兩者的表現(xiàn)并不一致，用戶不能在編輯時(shí)看到編輯完成后的狀態(tài)，這也是一種輸入輸出的不對(duì)稱。

相比之下，Axure在這方面的表現(xiàn)就要更勝一籌，用戶能進(jìn)行行內(nèi)編輯，所見即所得，輸入輸出保持了高度一致。

以上這些實(shí)例可以看出，適當(dāng)情形下采用對(duì)稱性交互可以改善人們對(duì)產(chǎn)品功能的認(rèn)識(shí)與了解，獲得更好的用戶體驗(yàn)，比如：在同一個(gè)地方進(jìn)行登入登出操作；行內(nèi)編輯，所見即所得；導(dǎo)入導(dǎo)出交互過(guò)程對(duì)稱；輸入輸出交互過(guò)程對(duì)稱；在添加的地方進(jìn)行刪除；以同樣的方式進(jìn)入或退出沉浸模式等。

部分內(nèi)容節(jié)選自《探討對(duì)稱性交互應(yīng)用》

作者：miracle

文章來(lái)源：365ucd.com

標(biāo)簽： 產(chǎn)品設(shè)計(jì) 交互設(shè)計(jì) 界面設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。