国产久热精品无码激情AV,麻花星空mv高清在线播放,给我播放片高清mv在线观看,国产日本在线观看网址,中文免费女人观看在线毛片,本道综合精品,91人人妻人人澡人人爽人国产精东

問鼎資訊

探討對稱性交互應(yīng)用

admin2011-07-14 21:31

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

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

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

加速用戶對一些對稱功能交互的辨識與認(rèn)知,提高了易發(fā)現(xiàn)性。

少數(shù)基本機(jī)構(gòu)在不同層次上的重復(fù)出現(xiàn),降低了用戶的學(xué)習(xí)成本。

提高整個產(chǎn)品交互架構(gòu)的一致性。

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

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

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

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

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

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

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

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

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

同時,作為iOS4.3的新手勢,五指聚攏能取代Home物理按鍵,成為In App Quit的另一種選擇。可是當(dāng)退回主界面后想要再次返回剛才打開的App,用戶只有:

重新在Icon堆中找到剛才使用的App,點(diǎn)擊進(jìn)入。

雙擊Home按鍵,在后臺任務(wù)中選擇。

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

我們再來看Firefox4的添加/移除書簽的設(shè)計。

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

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

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

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

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

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

總結(jié)

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

Login/Logout (同一個地方進(jìn)行登入登出操作)

Edit/Finish Edit (行內(nèi)編輯,所見即所得)

Export/Import (導(dǎo)入導(dǎo)出交互過程對稱)

Input/Output (輸入輸出交互過程對稱)

新聞咨詢

網(wǎng)站首頁 | 網(wǎng)站首頁 | 走進(jìn)問鼎 | 產(chǎn)品和服務(wù) | 成功案例 | 新聞資訊 | 聯(lián)系我們 | 問鼎社區(qū)

Copyright since 2005,問鼎科技(58wd.com)      服務(wù)電話:400-666-4165       地址:成都市IT大道蜀清路239號       蜀ICP備10202221號

  • 點(diǎn)擊這里給我發(fā)消息
  • 點(diǎn)擊這里給我發(fā)消息
  • 點(diǎn)擊這里給我發(fā)消息
  • 點(diǎn)擊這里給我發(fā)消息
  • 點(diǎn)擊這里給我發(fā)消息