在界面設(shè)計(jì)中，對(duì)稱性的信息呈現(xiàn)方式非常普遍，信息等價(jià)并且均勻分布在規(guī)則的幾何圖形周邊能帶來和諧的比例與平衡。在交互設(shè)計(jì)過程中，讓用戶的操作流也以對(duì)稱性的方式完成，我們稱之為對(duì)稱性交互（Symmetry of Interaction）。比如iPhone手機(jī)的開關(guān)機(jī)過程，都是以如下流程進(jìn)行：

開關(guān)機(jī)作為手機(jī)常用的一套相關(guān)操作，其設(shè)計(jì)思路也采納了對(duì)稱性交互原則，讓兩者遵循同樣的流程進(jìn)行，很容易理解和學(xué)習(xí)。事實(shí)上，大部分手機(jī)的開關(guān)機(jī)都是通過同一套流程或者同一個(gè)按鍵控制的。以這種對(duì)稱形式鋪展一套有關(guān)工作流的方式，即對(duì)稱性交互。

這種方式的好處顯而易見：

1. 加速用戶對(duì)一些對(duì)稱功能交互的辨識(shí)與認(rèn)知，提高了易發(fā)現(xiàn)性。
2. 少數(shù)基本機(jī)構(gòu)在不同層次上的重復(fù)出現(xiàn)，降低了用戶的學(xué)習(xí)成本。
3. 提高整個(gè)產(chǎn)品交互架構(gòu)的一致性。

Alan Cooper在《About Face 3： The Essentials of Interaction Design》一書中總結(jié)了一條簡(jiǎn)單的經(jīng)驗(yàn)：

在哪里輸出，就要允許從哪里輸入。

這說明了用戶習(xí)慣以相同的方式去執(zhí)行邏輯相關(guān)的操作。你讓我在頁面右上角登入賬戶，那么我需要登出賬戶時(shí)也會(huì)到右上角去找。你允許我通過這個(gè)按鈕進(jìn)入編輯模式，那么我同樣也希望在結(jié)束編輯時(shí)點(diǎn)擊相同的按鈕退出編輯模式。

接下來我們來看一些例子。

Circle（圈子）是Google+社交服務(wù)里的一大亮點(diǎn)，在將聯(lián)系人添加或移除出某個(gè)circle的時(shí)候，兩者的交互方式是對(duì)稱的。

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

將聯(lián)系人卡片從circle中拉出來完成移除圈子操作。

試想，假使從圈子中移除聯(lián)系人的交互過程換成“選中目標(biāo)然后在頁面上按下Remove按鈕”，一定會(huì)帶給用戶流通不暢、思路堵塞的感覺。

iOS的App管理功能是通過長按一個(gè)圖標(biāo)來激活的，這時(shí)整個(gè)界面上的圖標(biāo)都會(huì)不停的抖動(dòng)，用戶能按住其中某個(gè)圖標(biāo)拖動(dòng)來排序或者歸類。然而，在結(jié)束管理功能時(shí)，卻強(qiáng)迫用戶不得不借助單機(jī)物理按鍵Home來實(shí)現(xiàn)。盡管Home鍵在整個(gè)iOS當(dāng)中承載了大部分的退出功能，在了解之后用起來感覺不賴，不過在第一次使用時(shí)會(huì)顯得不太直觀。大部分用戶可能在結(jié)束App的整理后，希望以同樣的交互方式（長按某個(gè)圖標(biāo)）返回正常狀態(tài)。

同時(shí)，作為iOS4.3的新手勢(shì)，五指聚攏能取代Home物理按鍵，成為In App Quit的另一種選擇?？墒钱?dāng)退回主界面后想要再次返回剛才打開的App，用戶只有：

• 重新在Icon堆中找到剛才使用的App，點(diǎn)擊進(jìn)入。
• 雙擊Home按鍵，在后臺(tái)任務(wù)中選擇。

無論哪種方法，對(duì)于新用戶來說都有一個(gè)熟悉的過程。試想，要是能支持五指展開的手勢(shì)，在五指聚攏返回主界面后能通過該手勢(shì)迅速切換回上次打開的App中，該會(huì)有多方便。

我們?cè)賮砜碏irefox4的添加/移除書簽的設(shè)計(jì)。

在Firefox4中打開一個(gè)網(wǎng)頁后，想保存該頁面為書簽，可以點(diǎn)擊地址欄末端的五角星符號(hào)：

五角星符號(hào)亮起后表示該網(wǎng)頁已經(jīng)加入書簽，可是當(dāng)用戶想移除該書簽時(shí)，由于之前其他軟件的使用經(jīng)驗(yàn)，基于條件反射或者本能，會(huì)去再次點(diǎn)擊該符號(hào)希望可以u(píng)ncheck點(diǎn)亮的狀態(tài)，從而實(shí)現(xiàn)移除書簽?？墒窃邳c(diǎn)擊之后卻出現(xiàn)了這樣的場(chǎng)景：

用戶需要在這個(gè)覆蓋面板上點(diǎn)擊“Remove Bookmark”才能移除該書簽。

是不是覺得有點(diǎn)不方便？是不是覺得工作流被打斷了不太順暢？或許你們有更好的想法來解釋？

下面Balsamiq的Tree list，在查看（輸出）和編輯（輸入）模式下，兩者的表現(xiàn)并不一致，用戶不能在編輯時(shí)看到編輯完成后的狀態(tài)，這也是一種輸入輸出的不對(duì)稱。

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

總結(jié)

通過前面一些實(shí)例，我們可以發(fā)現(xiàn)，適當(dāng)情形下采用對(duì)稱性交互能改善人們對(duì)產(chǎn)品功能的認(rèn)識(shí)與理解，獲得更好的用戶體驗(yàn)，我們可以嘗試在以下細(xì)節(jié)采用對(duì)稱式交互設(shè)計(jì)。

• Login/Logout (同一個(gè)地方進(jìn)行登入登出操作)
• Edit/Finish Edit （行內(nèi)編輯，所見即所得）
• Export/Import （導(dǎo)入導(dǎo)出交互過程對(duì)稱）
• Input/Output （輸入輸出交互過程對(duì)稱）
• Add service/ Remove service （在添加的地方進(jìn)行刪除）
• Enter immersive model/Quit immersive model （以同樣的方式進(jìn)入或退出沉浸模式）

……

歡迎添加。

來源：http://dedicky.wordpress.com