• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 交互設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

交互設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

網(wǎng)頁設(shè)計(jì)師 于2019-07-05 15:58發(fā)表 閱讀次數(shù) 2667次

“交互設(shè)計(jì)是一種使產(chǎn)品易用，有效地把人使用產(chǎn)品的過程變得愉悅的技術(shù)”。有時(shí)高效帶來一些愉悅，有時(shí)候獲得更多信息是一種愉悅，有時(shí)候加入一些純粹的有趣的功能~這一切取決于產(chǎn)品和頁面性質(zhì)，更重要的是用戶要做什么，如果沒有他還有哪些選擇。 　　AlanCooper“以目標(biāo)為導(dǎo)向的設(shè)計(jì)（GoalDirectedDesign）”認(rèn)為：產(chǎn)品的設(shè)計(jì)是為了幫助用戶實(shí)現(xiàn)目標(biāo)，在實(shí)現(xiàn)的過程中，不得不要用戶去完成一系列任務(wù)。 　　就好比用戶的目標(biāo)是回老家，他可以坐牛車倒馬車換公車再擠火車…最后晃蕩到家。也可以打個(gè)飛的，風(fēng)一般的回家吃著熱飯熱茶。雖然目標(biāo)相同，但是執(zhí)行的任務(wù)卻不相同。 　　一直以來，我堅(jiān)信交互設(shè)計(jì)更好的幫助用戶實(shí)現(xiàn)目標(biāo)就要：認(rèn)清目標(biāo)，任務(wù)越簡(jiǎn)單越快捷越好。那么評(píng)判交互設(shè)計(jì)的首要標(biāo)準(zhǔn)就該是高效。 　　直到某天聽到同樣是Cooper設(shè)計(jì)公司一位資深交互設(shè)計(jì)專家Kim分享的一個(gè)有趣的故事： 　　他們?cè)谠O(shè)計(jì)一款圖書館說明交互界面時(shí)候，一開始交互設(shè)計(jì)十分整潔和高效，但是得到的反饋卻是：是的，很好用，但是有些無聊。之后，引入了一些低效率的東西，只是為了更有趣。但這一改動(dòng)讓人們更愿意使用它。 　　所以，她說，效率并不是唯一的考量標(biāo)準(zhǔn)。 　　這就變得很有趣，那么判斷交互的首要標(biāo)準(zhǔn)究竟是什么呢？ 　　似乎這個(gè)問題也要具體問題具體分析。不同類型的產(chǎn)品，信息架構(gòu)上需要考慮產(chǎn)品特色。 　　比如某些游戲的架構(gòu)，經(jīng)常就是主線、支線1、支線2…就像人生不都是走直線，作為仙劍一的腦殘粉劇情里的選擇不同，會(huì)有不同結(jié)果，這反而增加了游戲的有趣性、探索性。 　　某些游戲的信息架構(gòu) 　　再來看社區(qū)類SNS的信息架構(gòu)特色，先引個(gè)tony講個(gè)小故事： 　　小區(qū)A是地下停車場(chǎng)，很多業(yè)主停完車直接坐電梯回自己的房子里了。 　　小區(qū)B是地上停車場(chǎng)，業(yè)主必須要穿過小區(qū)的花園，步行500米才能到單元樓下。 　　結(jié)果就是，小區(qū)B的社區(qū)氛圍，鄰里關(guān)系要相對(duì)親密一些。 　　在互聯(lián)網(wǎng)獲取信息的領(lǐng)域里，大家都在想，可以如何“高效便利”，但有時(shí)候，看似無序的低效，也很可能可以讓用戶“偶遇”、“邂逅”到驚喜。 　　先不判斷豆瓣改版如何，社區(qū)首頁從友鄰廣播動(dòng)態(tài)發(fā)展到現(xiàn)在推送各種內(nèi)容，可以猜測(cè)是想擴(kuò)大通過感興趣的內(nèi)容增進(jìn)陌生人交友。 　　這樣看來越是沉浸式的產(chǎn)品架構(gòu)上更需要考慮一些更重要的因素，比如：社交、互動(dòng)、他人信息展示。 　　先來看下Facebook和Qzone的架構(gòu)對(duì)比： 　　對(duì)于某個(gè)應(yīng)用，以日志為例：facebook日志首頁顯示所有好友日志動(dòng)態(tài)。 　　而Qzone的日志首頁則只顯示我的日志列表。具體頁面展示如下： 　　之后，為了方便看到好友們的最新日志動(dòng)態(tài)，Qzone改版在二級(jí)菜單增加了“好友日志”，相對(duì)不易發(fā)現(xiàn)且需要用戶再點(diǎn)擊一下。 　　Facebook和Qzone這點(diǎn)區(qū)別可以看出，Qzone的優(yōu)勢(shì)是架構(gòu)讓用戶容易理解，點(diǎn)日志就是進(jìn)入“我的日志”；Facebook更強(qiáng)調(diào)好友間的互動(dòng)：日志默認(rèn)首頁顯示動(dòng)態(tài)，而進(jìn)入“我的日志”則需要再次點(diǎn)擊。如果從SNS的本質(zhì)來說，比起快速找到自己的日志列表的高效，無疑會(huì)錯(cuò)過很多有趣的風(fēng)景。 　　細(xì)化到頁面來說，用戶面對(duì)不同頁面要求也有所不同。先來看下，web上的三類頁面： 　?。?）導(dǎo)航頁面：幫助用戶確定在哪里找到他們想要的東西，并提供訪問途徑； 　　google的搜索結(jié)果頁和flickr的相冊(cè)頁都屬于導(dǎo)航頁面 　　導(dǎo)航頁面的存在就是為了把你帶到另一個(gè)地方。所以設(shè)計(jì)導(dǎo)航頁面時(shí)要保證用戶易于離開。 　?。?）消費(fèi)頁面：允許用戶消費(fèi)內(nèi)容； 　　新聞、博客、視頻、說明等等都屬于人們找尋得到的內(nèi)容：他們可以讀文章、看視頻、查看照片。設(shè)計(jì)消費(fèi)頁面便是盡可能讓用戶沉浸其中。 　　（3）交互頁面：允許用戶輸入和管理數(shù)據(jù)。 　　青島網(wǎng)站建設(shè)中，交互頁面指人們編輯、刪除、鍵入、拖動(dòng)、插入信息的地方。有時(shí)候很簡(jiǎn)單，像是百度google首頁只有一個(gè)輸入框，有事很復(fù)雜，比如google日歷或者doc，它強(qiáng)調(diào)的是讓頁面易于使用。 　　對(duì)于消費(fèi)頁面來說，更沉浸的氛圍和更多的內(nèi)容選擇比高效更吸引用戶。而導(dǎo)航頁面迅速捕捉信息，高效地找到想要的更為關(guān)鍵。青島網(wǎng)站制作中的交互頁面根據(jù)復(fù)雜程度，即便有時(shí)是沉浸式的，仍需要盡可能讓每一步操作做到高效。

交互設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用相關(guān)標(biāo)簽：企業(yè)建站，做網(wǎng)站，網(wǎng)站制作方案，網(wǎng)站制作公司

相關(guān)熱點(diǎn)推薦

搜索引擎蜘蛛理解相關(guān)性 網(wǎng)站的表單設(shè)計(jì)要點(diǎn) 外貿(mào)企業(yè)網(wǎng)站怎樣才能得 與用戶體驗(yàn)的這兩年 運(yùn)用什么技巧使用戶喜歡 網(wǎng)站設(shè)計(jì)中程序員和美工 Tab(選項(xiàng)卡)的產(chǎn)品 從精簡(jiǎn)導(dǎo)航談小型網(wǎng)站的 如今虛擬外鏈對(duì)我們的作 網(wǎng)頁設(shè)計(jì)中的版式原理- 使用框架和滑動(dòng)門技術(shù)進(jìn) 清新的網(wǎng)站設(shè)計(jì)風(fēng)格 網(wǎng)頁設(shè)計(jì)之視覺信息傳達(dá) 用戶體驗(yàn)與網(wǎng)頁界面設(shè)計(jì) 沒有交互意識(shí)的設(shè)計(jì)師， 企業(yè)網(wǎng)站規(guī)劃和網(wǎng)頁設(shè)計(jì) 網(wǎng)站大改版=壯烈的死亡 2016年百度排名的算 網(wǎng)站建設(shè)合同簽訂需要注 人機(jī)交互界面設(shè)計(jì)的三個(gè) 系統(tǒng)化學(xué)習(xí)SEO技術(shù)的 用戶體驗(yàn)中溝通的技巧 迭代的設(shè)計(jì) 網(wǎng)站中視覺元素的設(shè)計(jì) 網(wǎng)站設(shè)計(jì)的前期溝通之重 在青島，企業(yè)網(wǎng)站建設(shè)對(duì) 手機(jī)建站時(shí)容易進(jìn)入哪些 如何有效的提高網(wǎng)站關(guān)鍵 淺談品牌的視覺識(shí)別 怎樣充分利用你的網(wǎng)站設(shè) TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁不到首頁 青島網(wǎng)站設(shè)計(jì)中關(guān)于al 好設(shè)計(jì)應(yīng)該是平凡的設(shè)計(jì) 網(wǎng)站LOGO簡(jiǎn)論 網(wǎng)頁布局設(shè)計(jì)基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點(diǎn) 新站快速推廣經(jīng)驗(yàn)，百度 為中文而設(shè)計(jì)的文本框

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶