技術資訊
交互設計在網(wǎng)頁設計中的應用
2012-11-18 16:33:27
“交互設計是一種使產(chǎn)品易用,有效地把人使用產(chǎn)品的過程變得愉悅的技術”。有時高效帶來一些愉悅,有時候獲得更多信息是一種愉悅,有時候加入一些純粹的有趣的功能~這一切取決于產(chǎn)品和頁面性質(zhì),更重要的是用戶要做什么,如果沒有他還有哪些選擇。
Alan Cooper“以目標為導向的設計(Goal Directed Design)”認為:產(chǎn)品的設計是為了幫助用戶實現(xiàn)目標,在實現(xiàn)的過程中,不得不要用戶去完成一系列任務。
就好比用戶的目標是回老家,他可以坐牛車倒馬車換公車再擠火車…最后晃蕩到家。也可以打個飛的,風一般的回家吃著熱飯熱茶。雖然目標相同,但是執(zhí)行的任務卻不相同。
一直以來,我堅信交互設計更好的幫助用戶實現(xiàn)目標就要:認清目標,任務越簡單越快捷越好。那么評判交互設計的首要標準就該是高效。
直到某天聽到同樣是Cooper設計公司一位資深交互設計專家Kim分享的一個有趣的故事:
他們在設計一款圖書館說明交互界面時候,一開始交互設計十分整潔和高效,但是得到的反饋卻是:是的,很好用,但是有些無聊。之后,引入了一些低效率的東西,只是為了更有趣。但這一改動讓人們更愿意使用它。
所以,她說,效率并不是唯一的考量標準。
這就變得很有趣,那么判斷交互的首要標準究竟是什么呢?
似乎這個問題也要具體問題具體分析。不同類型的產(chǎn)品,信息架構上需要考慮產(chǎn)品特色。
比如某些游戲的架構,經(jīng)常就是主線、支線1、支線2…就像人生不都是走直線,作為仙劍一的腦殘粉劇情里的選擇不同,會有不同結(jié)果,這反而增加了游戲的有趣性、探索性。
某些游戲的信息架構
再來看社區(qū)類SNS的信息架構特色,先引個tony講個小故事:
小區(qū)A是地下停車場,很多業(yè)主停完車直接坐電梯回自己的房子里了。
小區(qū)B是地上停車場,業(yè)主必須要穿過小區(qū)的花園,步行500米才能到單元樓下。
結(jié)果就是,小區(qū)B的社區(qū)氛圍,鄰里關系要相對親密一些。
在互聯(lián)網(wǎng)獲取信息的領域里,大家都在想,可以如何“高效便利”,但有時候,看似無序的低效,也很可能可以讓用戶“偶遇”、“邂逅”到驚喜。
先不判斷豆瓣改版如何,社區(qū)首頁從友鄰廣播動態(tài)發(fā)展到現(xiàn)在推送各種內(nèi)容,可以猜測是想擴大通過感興趣的內(nèi)容增進陌生人交友。
這樣看來越是沉浸式的產(chǎn)品架構上更需要考慮一些更重要的因素,比如:社交、互動、他人信息展示。
先來看下Facebook和Qzone的架構對比:
對于某個應用,以日志為例:facebook日志首頁顯示所有好友日志動態(tài)。
而Qzone的日志首頁則只顯示我的日志列表。具體頁面展示如下:
之后,為了方便看到好友們的最新日志動態(tài),Qzone改版在二級菜單增加了“好友日志”,相對不易發(fā)現(xiàn)且需要用戶再點擊一下。
Facebook和Qzone這點區(qū)別可以看出,Qzone的優(yōu)勢是架構讓用戶容易理解,點日志就是進入“我的日志”;Facebook更強調(diào)好友間的互動:日志默認首頁顯示動態(tài),而進入“我的日志”則需要再次點擊。如果從SNS的本質(zhì)來說,比起快速找到自己的日志列表的高效,無疑會錯過很多有趣的風景。
細化到頁面來說,用戶面對不同頁面要求也有所不同。先來看下,web上的三類頁面:
(1)導航頁面:幫助用戶確定在哪里找到他們想要的東西,并提供訪問途徑;
google的搜索結(jié)果頁和flickr的相冊頁都屬于導航頁面
導航頁面的存在就是為了把你帶到另一個地方。所以設計導航頁面時要保證用戶易于離開。
(2)消費頁面:允許用戶消費內(nèi)容;
新聞、博客、視頻、說明等等都屬于人們找尋得到的內(nèi)容:他們可以讀文章、看視頻、查看照片。設計消費頁面便是盡可能讓用戶沉浸其中。
(3)交互頁面:允許用戶輸入和管理數(shù)據(jù)。
青島網(wǎng)站建設中,交互頁面指人們編輯、刪除、鍵入、拖動、插入信息的地方。有時候很簡單,像是百度google首頁只有一個輸入框,有事很復雜,比如google日歷或者doc,它強調(diào)的是讓頁面易于使用。
對于消費頁面來說,更沉浸的氛圍和更多的內(nèi)容選擇比高效更吸引用戶。而導航頁面迅速捕捉信息,高效地找到想要的更為關鍵。青島網(wǎng)站制作中的交互頁面根據(jù)復雜程度,即便有時是沉浸式的,仍需要盡可能讓每一步操作做到高效。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設公司,高端網(wǎng)站定制,一站式網(wǎng)站服務——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設——從滿足預期到走向卓越
- [2023-04-11 09:17:49] H5頁面設計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設最容易忽略的人性化設計
- [2020-12-16 16:55:32] 建設一個常規(guī)的公司網(wǎng)站建設成本大概是多少?
延伸閱讀
- [2015-03-09 09:28:29] 進一步優(yōu)化網(wǎng)站,減少百度降權!
- [2016-02-29 13:33:31] 織夢讀取服務器年份日期
- [2013-01-05 20:24:34] xml網(wǎng)站地圖與html地圖的區(qū)別
- [2014-05-15 21:39:27] 優(yōu)秀的網(wǎng)站設計公司能賦予您一個什么樣的網(wǎng)站?
- [2015-03-24 08:12:09] 網(wǎng)站內(nèi)容質(zhì)量分析與應用?
- [2012-08-26 17:36:20] 網(wǎng)頁加載速度研究
- [2011-10-24 11:57:02] 為什么要將網(wǎng)站地圖鏈接放在robots.txt?
- [2012-05-12 00:53:18] dede首頁關鍵詞標簽
- [2015-01-04 22:07:41] 一起關注2015年如何承受百度降權的對策
- [2012-03-13 18:07:59] 網(wǎng)頁的滾動條設計
- [2013-11-14 15:03:48] 推薦一個不錯的ico圖片生成網(wǎng)站
- [2016-09-15 23:49:00] 為什么現(xiàn)在圖標設計都走起了蘋果“白色icon風”?
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
H5定制設計 青島網(wǎng)站制作 網(wǎng)站的速度 版面布局 高端網(wǎng)站設計 青島SEO 集團公司網(wǎng)站建設 H5專題頁面 青島網(wǎng)站SEO 手機端的網(wǎng)站 SEO 蘋果系統(tǒng) 用戶界面 中小型企業(yè)網(wǎng)站建設 網(wǎng)站交互設計 網(wǎng)站建設,手機網(wǎng)站 微官網(wǎng) 營銷策略 舒適的界面 php程序 空白和簡潔的設計 青島網(wǎng)頁制作 青島flash網(wǎng)站 英文網(wǎng)站建設 程序開發(fā) 搜索引擎蜘蛛 青島高端網(wǎng)站設計公司哪家好 微信小程序 青島黃島、紅島網(wǎng)站建設公司 微官網(wǎng)帶來的好處