建站常識
交互設(shè)計(jì)之回歸篇
2010-10-12 08:24:00
上次的有意思小組競賽,Maker一組拋出了一個(gè)有關(guān)前端制作的話題–“一瞬間的快感”,本以為老師們又要給我們上一堂超炫的JS課,沒想到最后講的卻是最基礎(chǔ)的按鈕的幾種狀態(tài)…汗,不是這貨,不是這貨。。?;剡^神來仔細(xì)聽完老師的講解,才發(fā)覺講的重點(diǎn)不僅僅是制作方法,而是告訴我們應(yīng)該更多的關(guān)注這些小細(xì)節(jié),這些細(xì)節(jié)才是可以更好的不斷的提高用戶愉悅度和滿足感的方法。老師們指出了我們現(xiàn)階段在產(chǎn)品設(shè)計(jì)時(shí)沒有注意的一些小問題,并引申出了淘寶等大網(wǎng)站在這些小細(xì)節(jié)上的多種創(chuàng)新。作為產(chǎn)品中心的一員,產(chǎn)品中心一貫的宗旨是用戶至上,而實(shí)際情況是我們在不斷的忽略這些小細(xì)節(jié)。這次的討論給了我很深的印象,雖然Maker組最終沒有獲勝(劇透一下,Marker小組以一票之差落選,裁判組為此斗爭很激烈,大家都對這種關(guān)注小細(xì)節(jié)的想法很是贊同),但我覺得確實(shí)有必要好好的反思一下了…
我們都知道一個(gè)產(chǎn)品的用戶體驗(yàn)主要有五個(gè)方面的要素:表現(xiàn)、框架、結(jié)構(gòu)、范圍、戰(zhàn)略,這其中冒似只有表現(xiàn)與交互有一點(diǎn)搭邊,但俗話說:有人的地方,就有江湖(交互)。而好的交互設(shè)計(jì)就是按照用戶的心理模型,用最簡單的交互成本,幫助用戶愉悅的解決問題,從而從各方面提高產(chǎn)品的用戶體驗(yàn)。個(gè)人認(rèn)為這里的解決問題,不僅僅是解決操作問題,用戶有需,你幫他簡單有效愉悅的解決了,這就算是有交,有互了,個(gè)人認(rèn)為,交互設(shè)計(jì)的范疇,不應(yīng)僅僅停留在操作的交互上,功能的交互上,而應(yīng)是與用戶交“心”。所以交互設(shè)計(jì)不應(yīng)該是某一個(gè)人的職責(zé),而應(yīng)是產(chǎn)品團(tuán)隊(duì)每個(gè)成員都應(yīng)該去考慮的細(xì)節(jié),在設(shè)計(jì)產(chǎn)品之初就應(yīng)該去考慮這個(gè)功能是否按照用戶的心理模型滿足了需求?每個(gè)細(xì)節(jié),哪怕是一個(gè)按鈕,一個(gè)鏈接,都應(yīng)該去考慮,這樣設(shè)計(jì)是否幫助用戶解決了問題?好的交互設(shè)計(jì)應(yīng)從用戶需求開始到公司戰(zhàn)略都應(yīng)考慮到,而不僅僅考慮操作功能的交互。每個(gè)細(xì)節(jié)都應(yīng)當(dāng)與用戶交心,而不是想當(dāng)然,小細(xì)節(jié)無所謂等云云。。當(dāng)然,最理想的是有專業(yè)的交互設(shè)計(jì)師來處理這些,但在中國普遍的公司都沒有設(shè)立這個(gè)職位,而用戶最終面對的就是所有的交互,團(tuán)隊(duì)在沒有交互設(shè)計(jì)師一職時(shí),產(chǎn)品人員應(yīng)肩負(fù)起交互設(shè)計(jì)的責(zé)任,重視每一個(gè)產(chǎn)品細(xì)節(jié),千萬不要認(rèn)為前端就是交互,寫JS才是交互。產(chǎn)品人員應(yīng)對自己的產(chǎn)品從用戶體驗(yàn)的幾個(gè)層面去考慮與用戶的“交互設(shè)計(jì)”。
從這里我想再引申出來的就是產(chǎn)品人員應(yīng)該具備的基本素質(zhì)和技能。如今互聯(lián)網(wǎng)的迅猛發(fā)展,已經(jīng)超出了我們的想像,信息的獲取已經(jīng)不再像以前單一稀少,尤其是微博這一新興工具的誕生,更是讓信息瞬間爆炸,每天我們都可以快速的獲得各種海量信息,而我們也逐漸淹沒在其中,每天大家都在討論A收購了B,B正在攻擊C,C又亮了。。連我表嬸的三姨媽的小舅子的大干女兒都在討論360和QQ各自的優(yōu)劣勢,我勒個(gè)去,關(guān)我們屁事。市場信息的把握固然重要,這對產(chǎn)品人員了解市場動(dòng)態(tài),制定戰(zhàn)略等確實(shí)有一定幫助,但我想提醒大家的是,不要忘了作為產(chǎn)品人員最基本的技能,產(chǎn)品設(shè)計(jì)、交互設(shè)計(jì)、用戶研究…而這些技能并不是空口談出來的,并不是看看就明白的。這需要你花大力氣,花大時(shí)間去研究,去練習(xí),去實(shí)踐。。有了這些,你才能擁有一個(gè)產(chǎn)品人員所必須的基本素質(zhì),在這同時(shí),再結(jié)合你對市場的把握,戰(zhàn)略的規(guī)劃,產(chǎn)品的運(yùn)營等等等,才可能做出真正成功的產(chǎn)品。
綜上所述,產(chǎn)品人員要具備很多技能,而這些技能而又在不斷的進(jìn)步與更新,那我們到底應(yīng)該如何才能掌握和提高呢?在這里我先拋磚引玉,給大家分享一些我自己在交互設(shè)計(jì)上的經(jīng)驗(yàn)和方法,希望有更多同學(xué)同行能一起分享與指教。
在產(chǎn)品設(shè)計(jì)生涯的初期,除了學(xué)習(xí)一些基本的理論和規(guī)則,掌握一定的市場動(dòng)態(tài)和發(fā)展,另外就是需要鍛煉自己的基礎(chǔ)能力:產(chǎn)品設(shè)計(jì)能力、交互設(shè)計(jì)能力、用戶研究等相關(guān)的技巧和方法。學(xué)習(xí)之初第一要決就是多用心,少動(dòng)嘴,勤動(dòng)手。交互設(shè)計(jì)的方法規(guī)則枯燥乏味,產(chǎn)品設(shè)計(jì)方面的理論復(fù)雜單調(diào),所以可以一邊學(xué)習(xí),一邊動(dòng)手實(shí)踐,推薦可以先從下面這幾本書開始,太深的概念個(gè)人感覺不用太過于去糾結(jié),能理解就好了,下面這幾本除了About Face較枯澀外,其他的都比較淺顯易懂:
其次則是最重要的動(dòng)手,產(chǎn)品人員要?jiǎng)邮肿屪约褐溃瑖鴥?nèi)有大量專業(yè)的酷站分享,WEB2.0資源分享之類的,就像視覺設(shè)計(jì)師們的日常學(xué)習(xí)一樣,需要你動(dòng)手去不斷的探尋網(wǎng)絡(luò)上最酷的想法,最炫的交互,這些東西不是讓你拿來抄的,是讓你去理解他們的想法,思路,并將其消化,拿為己用。所以我的思路通常是不停的看,不停收藏各種不同的網(wǎng)站,將其按特色分類,打標(biāo)簽,并用文字記錄分析他們的思路,嘗試著去分析,通常我會(huì)拿一周的其中一天時(shí)間來做這個(gè)看的事情,其余的六天就會(huì)針對性的對其消化,譬如這個(gè)站的交互不錯(cuò),我會(huì)嘗試用原型工具把他做出來,然后再分析這個(gè)交互的想法能不能對自己的網(wǎng)站某個(gè)功能進(jìn)行改進(jìn),如果能,再把改進(jìn)的方案拿出來,最后再利用休息時(shí)間,把這些記錄分享出來,提出自己的想法,或者分享自己發(fā)現(xiàn)的新功能,邀請同行同事朋友一起討論,在這個(gè)過程中,我不僅能吸取其他人的靈感,還可以學(xué)習(xí)到其他的方法和知識。另外就是通過訂閱行內(nèi)從業(yè)人士的博客,專業(yè)資訊平臺等,吸取相關(guān)知識,并不斷實(shí)踐不斷提高。這其中,有幾點(diǎn)需要注意:很多人是看得多,做得少,就是我們經(jīng)常說的磚家,說起來是滔滔江水,實(shí)際動(dòng)手能力卻不行,此乃大忌。其次,持之以恒,每天進(jìn)步一點(diǎn)點(diǎn),堅(jiān)持下來你再回頭看時(shí)會(huì)大吃一驚。
一些交互方面的資源分享,推薦新手們研究下:
UIPatternFactory
FLICKR上的一個(gè)群組,各種UI界面創(chuàng)新交互等方面的截圖,內(nèi)容很多,關(guān)鍵是幾年了一直在堅(jiān)持更新,可能需要翻墻。
konigi
類似,主要是界面賞析和一些交互的推薦。
smashingmagazine
國外知名技術(shù)博客,提供最新的技術(shù)趨勢文章,靜下心來慢慢看,里面的內(nèi)容一時(shí)半會(huì)兒消化不完,強(qiáng)烈推薦。
薯片會(huì)
國內(nèi)知名博客,專注于交互設(shè)計(jì)方面的討論。
還有就是國內(nèi)眾多知名專家。。大家都知道的。就不用廢話了。這里,特別介紹一下個(gè)人比較喜歡的兩個(gè)交互設(shè)計(jì)師,專注,量少質(zhì)高:Moond 木的、Chouyu 臭魚。
本文并沒有對交互設(shè)計(jì)的方法做細(xì)節(jié)討論,其主要是幫助自己端正態(tài)度,提醒自己:交互設(shè)計(jì)同產(chǎn)品構(gòu)思,市場運(yùn)營等同等重要,是一個(gè)成功網(wǎng)站必不可缺的一個(gè)環(huán)節(jié),只有從上到下把每個(gè)層面都做好了,才是真正的用戶體驗(yàn),且用戶體驗(yàn)應(yīng)該全民一起來做。接下來,希望可以有更多同學(xué)可以重視交互,或者分享你的交互心得。。對交互感興趣的同學(xué),還可以看看本站其他同學(xué)相關(guān)的文章:交互設(shè)計(jì)雜七雜八、前端眼中的交互。
最后,再打個(gè)小廣告,新媒傳信重慶分公司-互聯(lián)網(wǎng)產(chǎn)品中心急需各路好手加盟,產(chǎn)品設(shè)計(jì)、產(chǎn)品運(yùn)營,有興趣的請盡快與我聯(lián)系:gaofei@feinno.com。
原文:http://www.xmued.com/?p=1203
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(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è)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(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è)計(jì)都有哪些新的趨勢?
延伸閱讀
- [2010-11-25 08:34:00] 兼容心理模型和系統(tǒng)模型的交互設(shè)計(jì)
- [2010-11-01 16:39:00] 交互設(shè)計(jì)師五大關(guān)鍵素養(yǎng)
- [2010-05-17 17:15:00] 為線框圖多留點(diǎn)時(shí)間
- [2010-12-28 17:38:00] 層次任務(wù)分析
- [2009-07-25 08:47:00] “反饋信息”的分類及交互設(shè)計(jì)原則(1/3)
- [2009-12-19 09:46:00] 交互設(shè)計(jì)(2):“有效性”之“可及”
- [2010-12-15 08:53:00] 關(guān)于網(wǎng)站地圖
- [2009-12-29 17:24:00] Web 交互設(shè)計(jì)“灰色”的8類應(yīng)用
- [2007-11-21 22:44:00] 交互設(shè)計(jì)的理論普及
- [2009-10-21 08:10:00] 設(shè)計(jì)師挖掘用戶需求淺談
- [2009-05-19 11:38:00] 淺談無結(jié)果頁面反饋提示交互設(shè)計(jì)
- [2010-02-26 21:52:00] 交互設(shè)計(jì)(10)—別讓我思考
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
高端網(wǎng)站設(shè)計(jì) 搜索引擎 青島做網(wǎng)站多少錢 視覺靈感 網(wǎng)站交互設(shè)計(jì) 網(wǎng)站的速度 力圖數(shù)字科技 青島抖音小程序開發(fā) 用戶界面 青島網(wǎng)站建設(shè)公司哪家好 青島網(wǎng)站建設(shè)基礎(chǔ)知識 H5 中小型企業(yè)網(wǎng)站建設(shè) 頁面設(shè)計(jì) 集團(tuán)性網(wǎng)站 扁平化設(shè)計(jì) 集團(tuán)公司網(wǎng)站建設(shè) 青島開發(fā)區(qū)建站公司 網(wǎng)站優(yōu)化 青島網(wǎng)站案例 網(wǎng)站建設(shè)的步驟有哪些 如何做網(wǎng)站優(yōu)化 手機(jī)端的網(wǎng)站 網(wǎng)站改版 H5專題頁面 青島輪胎網(wǎng)站設(shè)計(jì) 集團(tuán)官網(wǎng) 微官網(wǎng) 微信小程序 青島SEO