中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計 > 設(shè)計理論 > 全局于網(wǎng)站整體的網(wǎng)頁設(shè)計
居家手工,那些有靈魂的童話 回到列表 網(wǎng)易網(wǎng)站設(shè)計(思想)
 全局于網(wǎng)站整體的網(wǎng)頁設(shè)計

作者:小豬頭 時間: 2009-03-27 文檔類型:原創(chuàng) 來自:藍色理想

第 1 頁 需求決定網(wǎng)站產(chǎn)品模型 上
第 2 頁 需求決定網(wǎng)站產(chǎn)品模型 下
第 3 頁 脫離純美術(shù)概念看界面設(shè)計 上
第 4 頁 脫離純美術(shù)概念看界面設(shè)計 中
第 5 頁 脫離純美術(shù)概念看界面設(shè)計 下
第 6 頁 風(fēng)格是網(wǎng)站的外衣 上
第 7 頁 風(fēng)格是網(wǎng)站的外衣 中
第 8 頁 風(fēng)格是網(wǎng)站的外衣 下
第 9 頁 代碼設(shè)計 上
第 10 頁 代碼設(shè)計 中
第 11 頁 代碼設(shè)計 下
第 12 頁 可用性測試與用戶體驗 上
第 13 頁 可用性測試與用戶體驗 下

不要給用戶思考的機會

《Don’t make me think》是用戶體驗及可用性測試方面一本很有名的著作,好的用戶體驗就應(yīng)該把用戶當做不會思考的傻子,只會沿著你計劃好的路徑一步步往下走。用戶猶豫得越久,越能說明這個網(wǎng)站的設(shè)計體驗化還不夠。

圖6所示的digg網(wǎng)站就具有直接明了的操作體驗。Digg.com給web2.0帶來了新的亮點,每篇文章前有一個digg按鈕,用戶覺得這篇文章好,就可以順手“digg”一下,完全不用考慮如何操作。

與之相反地,圖7是某網(wǎng)站讓人無所適從的按鈕群,在同一個頁面上,出現(xiàn)了4個操作按鈕,仔細一看,它們之間還是從屬關(guān)系,更是讓人一頭霧水。

用戶體驗 細節(jié)決定成敗

一般用戶很難記住網(wǎng)站流程中好的部分,他們會認為做得好的地方都是應(yīng)該的;相反,他們特別容易記住一些影響了全局的細節(jié),一個讓人吃驚的微小細節(jié),都可能影響用戶對整個網(wǎng)站的評判。以下是幾個用戶體驗細節(jié)的例子。

如圖8是搜狐郵箱退出時的確認提示,用戶在編輯郵件的同時,如果點擊了任何離開編輯狀態(tài)的操作,就會看到彈出提示,詢問是否確定放棄正在編輯中的郵件,如果用戶在編輯重要郵件的時候進行了誤操作,那么這樣的細節(jié)就能夠幫助他們避免損失,這樣會使用戶對該郵件系統(tǒng)更為信任。

與之形成鮮明對比的是微軟的live郵箱,圖9是微軟live郵箱的添加附件操作,被認為是公認的失敗設(shè)計。尤其是在編輯郵件狀態(tài)下,點擊曲別針按鈕,按理說應(yīng)該可以瀏覽機器磁盤,并上傳圖片或壓縮包等有限格式的文件。而在live郵箱里,曲別針按鈕右側(cè)有個可下拉的三角形,上傳附件須先選擇是圖片還是文件。我不知道這樣設(shè)計的意圖何在,難道圖片就不算是文件的一種嗎?

圖10是淘寶優(yōu)秀的下拉選擇菜單設(shè)計,去淘寶搜索任何一件物品,就可以看到圖上這個很長卻又很整齊的物品分組下拉菜單,特殊分組還有背景顏色塊以示區(qū)分。合理的分組搜索能縮小搜索的包圍圈,提高用戶的尋找效率。

圖11是開心網(wǎng)圈人操作的優(yōu)秀體驗,圈人這個創(chuàng)意應(yīng)該是來自于照片網(wǎng)站Flickr,開心網(wǎng)在細節(jié)上對其發(fā)揚光大,使得“圈人”的體驗度更強,使用起來更加得心應(yīng)手。

其實用戶體驗無一定之規(guī),沒有確切的章法來規(guī)定說這么做就是好的、那么做就是不好的。只要用戶操作起來沒有障礙,能一氣呵成,操作之后沒有怨言,那就是設(shè)計得不差的用戶體驗。在進行了科學(xué)的可用性測試,掌握一般用戶和核心用戶的體驗報告之后,設(shè)計師就需要以用戶體驗報告來對設(shè)計進行分析調(diào)整、完善網(wǎng)站,實現(xiàn)可用性測試對網(wǎng)站設(shè)計的折回補充作用,用以實現(xiàn)更具有用戶親和力和操作便利性的操作界面。

在網(wǎng)站設(shè)計系列中,筆者通過五個部分,對脫離最基礎(chǔ)的美術(shù)設(shè)計的網(wǎng)站整體設(shè)計進行了探討。設(shè)計其實是無標準、也無滿分的,它存在于網(wǎng)站假設(shè)的各個環(huán)節(jié)之中,因篇幅所限,只能談到一些常見的、容易表達和揣摩的內(nèi)容。也許筆者的某些觀點與其他設(shè)計師存在分歧,但有一點筆者始終堅信:最簡單的設(shè)計,才是最好的設(shè)計;最簡單的操作流程,才是最好的流程。

截至本期,網(wǎng)站設(shè)計系列連載全部結(jié)束。如果您希望就本文或IT設(shè)計的其他方面與我們進行探討,或者通過投稿等方式參與我們的IT設(shè)計欄目,可以通過欄目上方的編輯郵箱與我們?nèi)〉寐?lián)系。

經(jīng)典論壇交流
http://bbs.blueidea.com/thread-2918713-1-1.html

本文鏈接:http://www.95time.cn/design/doc/2009/6552.asp 

出處:藍色理想
責(zé)任編輯:bluehearts

上一頁 可用性測試與用戶體驗 上 下一頁

相關(guān)文章 更多相關(guān)鏈接
網(wǎng)易網(wǎng)站設(shè)計(思想)
《網(wǎng)頁設(shè)計解析》
瞎扯之Web導(dǎo)航
在網(wǎng)頁設(shè)計中使用圖標來支持內(nèi)容
網(wǎng)頁設(shè)計圖標使用指南
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:13/131個記錄/頁 轉(zhuǎn)到 頁 共13個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2