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

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

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

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

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

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

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

作者：miracle

文章來源：365ucd.com

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

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