建站常識
交互設(shè)計模式(四)-Spatial Memory(空間記憶)
2009-12-16 17:45:00
[版權(quán)聲明]:版權(quán)歸作者Alite所有,轉(zhuǎn)載時請以超鏈接形式標明文章原始出處和作者信息及本聲明:http://alite.aliued.cn
當人們進入一個全新環(huán)境時,他們需要對空間建立認知模型,要有個空間記憶的感覺。同樣,當新用戶來到全新、陌生的網(wǎng)站時,用戶也希望有個類似站點地圖的東西。但如果想讓用戶更加自如的使用網(wǎng)站,讓用戶毫無顧及的去嘗試,不怕迷路,我們必須為用戶建立起空間記憶模式。它猶如沙漠中迷途者手中的指南針與行駛在荒原上汽車裝的GPS一樣,那么在網(wǎng)站上空間記憶模式的應(yīng)用有哪些表現(xiàn)呢?
來自用戶的抱怨
“我敢發(fā)誓,這個按鈕一分鐘以前還在這里。它哪里去了?”
當人們使用東西或文檔時,他們經(jīng)常通過回憶它們在哪里來再次找到它們,而不是它們的名字。很多網(wǎng)站把它們的表單按鈕——確定、取消等——放在預(yù)定的位置上,部分原因是由于它們的空間記憶依賴性。在復雜的應(yīng)用系統(tǒng)中,下面這些元素也可以由記憶它們的相對位置找到:工具條上的工具、層級結(jié)構(gòu)中的對象等。因此,你應(yīng)該小心使用像響應(yīng)式展開(Responsive Disclosure)這樣的模式。把某個東西添加到界面上通常不會引起麻煩,但是把控件重新排列會打亂空間記憶,從而難以找到。這得看具體情況,如果你不確定的話可以做一些用戶測試??臻g記憶和習慣之間的關(guān)系很密切。和習慣一樣,空間記憶也是一個在應(yīng)用中及在應(yīng)用間保持一致性會帶來好處的理由。人們會期望在類似的地方找到類似的功能表現(xiàn)。順便說一句,網(wǎng)站導航菜單列表的頂部和底部都是很特別的區(qū)域,從認知的角度說,與處于菜單中間的項目相比,頂部和底部的項目會獲得用戶更多的注意力,記憶也更持久。如果他們發(fā)生改變,對用戶的重新建立空間記憶勢必會造成影響,請慎之。
用戶瀏覽歷史
Taobao.com
在淘寶list頁面的右邊欄,淘寶設(shè)置了用戶最近瀏覽過的detail產(chǎn)品的歷史記錄。這種設(shè)計方式讓用戶可以輕松地追溯曾經(jīng)瀏覽過的產(chǎn)品,并比較它們。
Amazon.com
產(chǎn)品的顯示順序是從你最近一次(上一次)訪問過的產(chǎn)品開始 ,而且每個項目都有一個“刪除此產(chǎn)品”選項,類似于在購物車頁面查找商品。
當一個產(chǎn)品被刪除,頁面重新加載并更新清單。如果它是用AJAX做,此功能將更為高效,但它仍然是一個實用性的提高。
在亞馬遜用戶瀏覽歷史記錄頁的右側(cè)欄,用戶會看到一個列表是他們最近瀏覽的搜索條件和類別:點擊“X”的每個項目旁邊,在搜索條件和類別歷史中,用戶可以刪除自己的任何項目。這是一個客戶端功能,因此結(jié)果是瞬間的:當他們刪除一個產(chǎn)品時,用戶不必等待整個頁面的重新加載.這些定制(或編輯)功能,確保購物體驗不會給用戶帶來繁重的負擔。如果他們收到的推薦,他們并不滿意,用戶可以修改它們,以改善今后的訪問。
通過以上的案例,我們知道淘寶與亞馬遜都盡量考慮了用戶的最原始需求:對瀏覽歷史的跟蹤和追溯,并且他們都給予了創(chuàng)新,淘寶把它與對比產(chǎn)品聯(lián)系在一起,亞馬遜把它和可定制的歷史推薦系統(tǒng)聯(lián)系在一起。用戶可以輕松找到曾經(jīng)關(guān)注過的產(chǎn)品,也不容易迷失在復雜的網(wǎng)站中。并且,讓用戶建立空間記憶模式的同時賦予更多的可用性價值。
Undo,Redo與返回,前進
IE瀏覽器
無論是軟件中的撤消與重做,還是IE瀏覽器中的返回與前進按鈕。全都是為用戶能夠快速返回到熟悉環(huán)境而設(shè)計。這樣的空間記憶模式是如此貼心,使用網(wǎng)站的用戶再也不用擔心會迷路,即使這個網(wǎng)站的面包屑多么糟糕!可惜的是返回、前進是線性的循序操作,對于1到3步的返回、前進還是很方便的。但是對于4步以上就會很麻煩了。所以面包屑方式在某些時候可以跳躍方式的返回某個狀態(tài),這也許是其中為什么好多大型網(wǎng)站沒有完全拋棄面包屑的一個小原因吧?當然還有其他原因這里不再贅述!
其他空間記憶表現(xiàn)形式
搜索框歷史輸入記錄
面包屑
篩選歷史記錄
以上只是在空間記憶模式中,表現(xiàn)形式的冰山一角而已。更多的空間記憶表現(xiàn),只要我們平常愿意去觀察我們身邊的設(shè)計,也許會發(fā)現(xiàn)更多有意思的空間記憶。
總結(jié)
當網(wǎng)站重構(gòu)、首頁改版需要交互設(shè)計師出Demo的時候,記得考慮下用戶的空間記憶與操作習慣。在創(chuàng)新的同時,要兼顧老用戶的操作習慣與思維方式,用戶的操作環(huán)境經(jīng)常處于一種“有序的混亂”狀態(tài),看起來亂糟糟的,但是用戶可以很快找到他要的東西。
原文:http://www.aliued.cn/?p=2178
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2010-06-21 22:36:00] 可用性在于細節(jié)
- [2009-06-04 08:18:00] 微軟Bing交互設(shè)計與用戶體驗
- [2009-07-25 08:47:00] “反饋信息”的分類及交互設(shè)計原則(1/3)
- [2010-01-11 21:41:00] 交互設(shè)計(5)–突出重點,一目了然
- [2007-05-24 17:06:00] 釋疑交互設(shè)計師的幾個問題
- [2009-10-10 08:36:00] 初窺交互設(shè)計
- [2010-12-15 08:53:00] 關(guān)于網(wǎng)站地圖
- [2010-03-05 08:39:00] 交互設(shè)計應(yīng)該看人下菜碟
- [2009-05-19 11:38:00] 淺談無結(jié)果頁面反饋提示交互設(shè)計
- [2010-04-10 21:49:00] 創(chuàng)造設(shè)計中的優(yōu)雅與節(jié)奏
- [2006-04-04 16:21:00] 網(wǎng)站制作流程及界面交互設(shè)計研究探討
- [2010-01-11 08:24:00] 淺談白社會交互設(shè)計的創(chuàng)新(二)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
網(wǎng)站設(shè)計 網(wǎng)站推廣 青島網(wǎng)站案例 用戶界面 色彩心理學 網(wǎng)站策劃 官網(wǎng)網(wǎng)站建設(shè) 微官網(wǎng) 手機端的網(wǎng)站 高端輪胎網(wǎng)站設(shè)計 互聯(lián)網(wǎng) 青島網(wǎng)站制作 青島網(wǎng)頁制作 網(wǎng)站SEO php程序 網(wǎng)站設(shè)計資訊 視覺靈感 交互設(shè)計 青島好的網(wǎng)站優(yōu)化公司 網(wǎng)站品牌 力圖 企業(yè)網(wǎng)站建設(shè) 如何做網(wǎng)站優(yōu)化 輪胎網(wǎng)站設(shè)計 微官網(wǎng)帶來的好處 微信營銷的優(yōu)勢 青島網(wǎng)頁設(shè)計 HTML5 青島輪胎網(wǎng)站設(shè)計 版面布局