建站常識
淺談幾個設(shè)計法則
2010-06-05 08:33:00
經(jīng)常會聽到有人議論,設(shè)計很主觀化,很難有標準。但一些常見設(shè)計法則,還是能夠讓我們深入淺出,在設(shè)計過程中給予我們一些輔助。以下就簡單介紹幾個:
1.Flexibility-Usability Tradeoff 彈性-使用性權(quán)衡
彈性,即樣樣知曉,無一精通。當彈性增加時,單個功能的使用性就會降低,引發(fā)效率降低,復(fù)雜性、時間以及開發(fā)的成本增加。
如何兼顧功能的豐富和使用性,彈性需求在何種情況下是有意義的?簡單來說,用戶對其未來需求沒有清楚的期望值時,可以多做一些功能去試探用戶的功能需求。如,擁有多功能的彈性設(shè)備個人電腦,適合對自己需求并不是那么具體的用戶。具有使用性的游戲機,則更符合對游戲有明確需求的發(fā)燒友用戶。
又如,QQ影像的快調(diào),對一個不懂圖像處理,對圖形處理參數(shù)沒有清晰認知的用戶,可以多提供一些快速調(diào)節(jié)設(shè)置,提供更大范圍上的彈性功能。
產(chǎn)品設(shè)計最終是偏向彈性還是使用性,取決于我們面向的用戶,對其期待的功能是否有比較精確化的描述。
2.Garbage In —— Garbage out垃圾進,垃圾出
人機交互中,輸入到系統(tǒng)的信息,如果本身就是垃圾,自然不能期待產(chǎn)生的內(nèi)容是對用戶有效的。
垃圾信息一般有兩種情況:
1、類別問題:比如要求輸入字母,結(jié)果導(dǎo)入了數(shù)字
2、質(zhì)量問題:比如兩次輸入密碼,第二次比第一次多出了一個數(shù)字。
常見于表單數(shù)據(jù)填寫的案例場景中,對于類別問題,可采用輸入前事先告知,和輸入時的內(nèi)容限制來規(guī)避:
對于質(zhì)量問題,可以通過預(yù)先檢查和確認等功能來避免。
最重要的是,如果是用戶已經(jīng)填寫的內(nèi)容,最好直接導(dǎo)入,減少用戶導(dǎo)入信息的錯誤幾率。
依賴于信息運營的社區(qū)類產(chǎn)品,如果有必要,也可做些門檻式的設(shè)計,能從源頭把控,讓用戶不會那么容易的導(dǎo)入垃圾。
#p#3.Expectation Effect 預(yù)期效應(yīng)
因個人或?qū)λ说念A(yù)期,會引發(fā)認知與行為的改變。事前一項可靠的描述,會在任何群體中,引發(fā)約30%的期待。
當推動某項產(chǎn)品或設(shè)計時,適當建立預(yù)期心理,引導(dǎo)目標用戶,達到預(yù)想目的。如產(chǎn)品發(fā)布前,讓用戶有預(yù)期,無論是后面收集用戶反饋,還是下個版本的推進都可以得到更針對性的反饋。
反之,當我們在做用戶研究訪談時,要采用適當?shù)牟襟E,盡量避免因為預(yù)期效應(yīng)而導(dǎo)致的偏見。
值得提醒的是預(yù)期效應(yīng)雖然會影響認知行為,但是這種改變是暫時的,經(jīng)過一段時間后,行為和認知均會回復(fù)到基準線。
4.Five Hat Racks 五帽架
1989年Wurman(TED主席/執(zhí)行總監(jiān),第一次提出信息架構(gòu)的概念)提出五帽架理論:無論信息對象如何,都可以使用五種方法進行資料組織。
1、字母:最常見的組織方式,具有強烈的指示性,適用于非直線方式找到特定內(nèi)容。
2、時間:以時間為基準來組織資料,適用于時效性強的信息。
3、地點:以地理或空間組織資料,適用于本身具備地理關(guān)聯(lián)性的內(nèi)容。
4、連續(xù)性:按范圍大小、最高到最低、最好到最壞等組織內(nèi)容,適用于展示對比性信息。
5、種類:用類似或相關(guān)性來組織資料,適用于多層級信息分解。
#p#5.Fitts’s Law 費茨法則
1954年由Paul Fitts提出:移動到一個目標的時間,跟目標尺寸及到目標的距離有關(guān)。移動對象不僅包括直接接觸,如手指,也包括用一個物體去移動,如鼠標。
MT=A+B log 2(D/S+1);
MT=到目標的移動時間;A=0.230s; B=0.166s; D=指示裝置與目標的距離;S=目標尺寸。如圖所示:
適用于快速、指示性動作,不適合持續(xù)的動作。
6.Hick’s law 席克法則
以英國心理學(xué)家William Edmund Hick命名,當選項增加時,下決定的時間也增加??梢杂脕頊y出,當有多重選擇時,需要多少時間能做出決定,適用于簡單判斷的場景,對需要大量閱讀和思考的情景并不適用。
RT=a+b log2(n),
RT=反應(yīng)時間,
a=與做決定無關(guān)的總時間(前期認知和觀察時間),
b=根據(jù)對選項認識的處理時間(從經(jīng)驗衍生出的常數(shù),對人來說約是0.155s)。
7.Gutenberg Diagram 古藤堡圖表
古藤堡把顯示媒介分為五個區(qū)間, 視覺流從左上角到右下角。
當元素是平均分散,性質(zhì)相同的時,可以考慮用古藤堡表,來協(xié)助設(shè)計格式和內(nèi)容。否則,應(yīng)該以元素的重要性來吸引眼球的移動。
網(wǎng)頁上的瀏覽熱點區(qū)分布,驗證了古藤堡表的分區(qū)。
8.Serial Position Effects 序列位置效果
序列位置效果:在列舉項目中,排在前面與后面的物品,要比排在中間的物品,更容易被人想起。
當列舉的項目是視覺性質(zhì)的,就把重要物件放在最前面。如果列舉的項目是聽覺性質(zhì)的,就把重要的物件放在最后面。
9.Progressive Disclosure 遞進展開
以遞進展開的方式,展現(xiàn)信息內(nèi)容,即只有在需要時,才會顯示資料。其思想為:根據(jù)所面向的對象,對信息劃分層級,對于初級用戶,僅展示基礎(chǔ)、簡潔內(nèi)容,保證操作流程順暢結(jié)束。同時,針對熟練用戶,也能快速的找到更多信息。
使用這種原則,最重要的是要定義不同層級的信息內(nèi)容,以對應(yīng)不同的服務(wù)對象。
10.Depth of Processing 處理深度
一種關(guān)于記憶的現(xiàn)象:被深層分析過的資訊,要比淺層分析過的資訊更容易記得。例如一篇純文本的文章,與圖文并茂,并幫他進行了初始的信息梳理和加工的專題來比,后者被容易被記住和回想起。
如:Qzone社區(qū)主頁的熱點專題,比純粹的信息展示更容易被用戶所認知。
以上為簡單介紹幾個的通用原則,很多情況的設(shè)計過程,往往都能歸結(jié)為最簡單的那幾點,歡迎大家探討,謝謝~
參考資料:《Universal Principles of Design(設(shè)計法則)》
原文:http://cdc.tencent.com/?p=2657
近期更新
- [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-05-05 21:55:00] 頁面表達常用方式
- [2010-01-19 11:11:00] 交互設(shè)計(6)–突出重點,一目了然
- [2016-09-05 12:34:00] 網(wǎng)頁設(shè)計模板賞析
- [2009-06-04 08:18:00] 微軟Bing交互設(shè)計與用戶體驗
- [2007-05-18 12:11:00] 關(guān)于“交互設(shè)計”
- [2010-01-11 08:24:00] 淺談白社會交互設(shè)計的創(chuàng)新(二)
- [2010-10-26 08:01:00] 交互設(shè)計之大兵小將
- [2007-05-24 17:06:00] 釋疑交互設(shè)計師的幾個問題
- [2010-12-15 08:53:00] 關(guān)于網(wǎng)站地圖
- [2010-05-11 10:55:00] 設(shè)計提升滿意度
- [2010-07-15 08:29:00] [圖說交互]鼠標文字選中與產(chǎn)品整合
- [2010-03-18 08:41:00] 什么是交互設(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)鍵字
版面布局 色彩心理學(xué) 扁平化設(shè)計 H5 網(wǎng)站改版 力圖 高端網(wǎng)站設(shè)計 舒適的界面 企業(yè)網(wǎng)站為什么要備案 青島做網(wǎng)站多少錢 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 青島網(wǎng)站優(yōu)化 微官網(wǎng)帶來的好處 青島網(wǎng)站建設(shè)公司哪家好 青島開發(fā)區(qū)建站公司 英文網(wǎng)站建設(shè) 中小型企業(yè)網(wǎng)站建設(shè) 插畫 青島高端網(wǎng)站建設(shè)公司哪家好 輪胎網(wǎng)站設(shè)計 膠南網(wǎng)站建設(shè)公司 集團公司網(wǎng)站建設(shè) 程序開發(fā) 空白和簡潔的設(shè)計 青島網(wǎng)站建設(shè) 力圖數(shù)字科技 SEO 網(wǎng)頁設(shè)計 微網(wǎng)站 html和css