建站常識
設(shè)計原則VS實際情況
2007-10-16 14:47:00
這是一個網(wǎng)絡(luò)相冊。是不是該有“上傳照片”這個按鈕?我當(dāng)時的意見是:不要有。理由是:只有在某個相冊中才可以上傳照片,在“根目錄”(XXX的照片集)下,并不能上傳照片,既然不能上傳,所以不要有這個“上傳照片”按鈕,即使提供這個按鈕,點了之后同樣是要引導(dǎo)用戶去選擇相冊或新建相冊。
現(xiàn)在看來這個結(jié)論顯然是不對的。問題出在哪兒?當(dāng)時也確實有其他的同事反對,但并沒有給出足以說服我的理由(也許是我太固執(zhí))。記得當(dāng)時反對的意見大概是:“你這個想法可能從專業(yè)、學(xué)術(shù)的角度上是對的,但是實際情況…”如果僅僅是根據(jù)所謂的實際情況來判定一個設(shè)計,顯然是靠不住的。因為那時說的實際情況也只是那位同事那個時候?qū)嶋H使用情況的猜測。
上面描述的這個錯誤到底是怎么產(chǎn)生的?作為交互設(shè)計師怎樣才能避免運用所謂專業(yè)的觀點做出錯誤的設(shè)計?
我們需要先從設(shè)計的含義說起。
“所謂設(shè)計,指的是把一種計劃、規(guī)劃、設(shè)想、問題解決的方法,通過視覺的方式傳達出來的活動過程?!薄跏苤?/p>
設(shè)計是計劃、規(guī)劃的過程,比如我們設(shè)計一個洗衣機,要考慮把所有的操作按鈕放在統(tǒng)一的一個區(qū)域內(nèi),在這個區(qū)域內(nèi)再將操作性質(zhì)相似的按鈕放在一起,并且畫個圈把它們?nèi)ζ饋??!跋嗨菩畔⒂邢嗨频谋憩F(xiàn)?!被陔娔X的軟件產(chǎn)品的設(shè)計,也有這樣的設(shè)計思路。
#p#
但是,如果要無條件的恪守這個原則,那么,下面這樣一個tabs就有缺陷了:
這是一個郵箱。第一個tab是所謂的主頁,第二個是收件箱列表,后面兩個是分別打開的兩封郵件(當(dāng)然,還可以打開更多這樣的tabs)。如果要保證內(nèi)容的邏輯性,不同類型的tabs是不是就要區(qū)別表現(xiàn)了呢?分別打開的單封郵件們類型是一樣的,應(yīng)有一樣的變現(xiàn);收件箱算是個單獨的類型,單獨表現(xiàn);主頁也是特殊的,也需要單獨表現(xiàn);其實還會出現(xiàn)撰寫新郵件的tab,又多了一種。這么做的結(jié)果就是tabs變成了調(diào)色板,肯定不成。要嚴格遵循內(nèi)容邏輯的要求,不僅不會使這些tabs更容易理解,反而是混淆視聽。
扯一個更遠一點兒的例子?!耙粋€由主人生成的列表需要有添加、修改、刪除功能。”這也是個有價值的設(shè)計原則。那么,下圖中的這個訂閱列表,是不是有缺陷呢?
每個訂閱的條目后面都應(yīng)該跟一個刪除按鈕才對啊。然而在實際的使用中,添加一個新項是比較經(jīng)常的操作,而刪除現(xiàn)有的項并不常用。把刪除按鈕藏起來,不僅頁面重點內(nèi)容(訂閱的標題)更突出了,同時可以避免誤刪除操作??紤]實際的使用情況,把刪除按鈕藏起來是更合理的。
那么,設(shè)計的過程中怎樣考慮實際情況?實際情況到底是哪些?考慮實際情況是不是意味著設(shè)計工作是無據(jù)可依的?
設(shè)計的目的是為了弄一個易用、好用、用戶喜愛的產(chǎn)品出來。前面說的這些原則是一些手段、工具,為的也是實現(xiàn)這樣的設(shè)計目的。是否遵循設(shè)計原則并不是衡量設(shè)計質(zhì)量的標準。那么,什么才是衡量標準?幫助用戶高效的完成任務(wù)才是標準。這里說的“任務(wù)”是指通過人物角色設(shè)計、情景描述總結(jié)出的用戶任務(wù)。用戶任務(wù)就是實際情況。這些任務(wù)是可知的。
再次看“上傳照片”按鈕這個問題。設(shè)計人物角色,一定會有一位這個網(wǎng)絡(luò)相冊的注冊用戶,他需要的時候會來使用相冊。情景描述中也一定會有這么一天,他旅游歸來,想把旅游拍的照片上傳到網(wǎng)絡(luò)相冊里。分解出的任務(wù)中就必然有這樣一條:登錄網(wǎng)絡(luò)相冊,上傳照片。象前面說的,他會是在需要的時候來使用,并不是天天來。所以他對界面并不那么熟悉。那么,如果登錄進來的首頁(“照片集”頁面)上找不到能“上傳照片”的字眼兒,也許他就要犯難了。他的任務(wù),上傳照片,完成起來就比較困難了。
當(dāng)然,你可能會質(zhì)疑上面的種種假設(shè),“如果他是天天來用相冊呢?”“不把上傳照片按鈕放出來也許他也能找到呢?”……這些問題都是其實關(guān)于如何設(shè)計人物角色的,不是這里討論的重點,就不多說了。(當(dāng)然,也許是我多慮了,專業(yè)、聰明的您,也許根本不會有這樣的質(zhì)疑。)
“上傳照片”按鈕的去留問題可以很清楚的決定了。做出這個判斷不是靠現(xiàn)有的設(shè)計原則;不是靠某人的經(jīng)驗;不是靠大老板的決策;不是靠與會人員的舉手投票;不是靠扔鞋…
設(shè)計的衡量標準是看是否有助于完成用戶任務(wù),而不是對設(shè)計原則的遵守情況。設(shè)計原則是一些源于實際經(jīng)驗的總結(jié),為的是給實際的設(shè)計提供指導(dǎo)。即使沒有所謂的設(shè)計原則,運用人物角色這樣比較科學(xué)的方法也可以設(shè)計出很好的產(chǎn)品來,只是可能要多費些力氣。
近期更新
- [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è)計都有哪些新的趨勢?
延伸閱讀
- [2009-08-17 07:41:00] 設(shè)計原則-控件Balloons(氣球狀提示)
- [2009-07-24 07:47:00] 觸屏界面的按鈕文本設(shè)計原則 (翻譯)
- [2009-08-25 22:19:00] 猜測vs數(shù)據(jù):作為設(shè)計建議的原則
- [2007-12-13 17:16:00] 從用戶分類中體會善待用戶的設(shè)計原則
- [2009-07-25 08:47:00] “反饋信息”的分類及交互設(shè)計原則(1/3)
- [2006-06-26 21:34:00] 網(wǎng)頁標題設(shè)計原則與一般規(guī)律
- [2009-07-03 15:00:00] Tab(選項卡)的產(chǎn)品設(shè)計原則及應(yīng)用
- [2007-04-18 09:04:00] Web 表單設(shè)計原則和實踐
解決方案
輪胎行業(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)鍵字
力圖 中小型企業(yè)網(wǎng)站建設(shè) 響應(yīng)式設(shè)計 企業(yè)網(wǎng)站 插畫 青島抖音小程序開發(fā) 空白和簡潔的設(shè)計 建站常識 GOOGLE 搜索引擎蜘蛛 html和css 青島海洋投資集團 色彩心理學(xué) H5定制設(shè)計 網(wǎng)站品牌 版面布局 網(wǎng)站策劃 微信開發(fā) 英文網(wǎng)站建設(shè) 青島網(wǎng)站制作 網(wǎng)站建設(shè),手機網(wǎng)站 網(wǎng)站改版 robots 青島網(wǎng)站營銷 SEO SEO優(yōu)化 微信小程序 IT資訊 微官網(wǎng) 青島網(wǎng)站案例