交互設計之回歸篇 - 網頁設計

http://webdesign.zoapcon.com

 

上次的有意思小組競賽,Maker一組拋出了一個有關前端制作的話題–“一瞬間的快感”,本以為老師們又要給我們上一堂超炫的JS課,沒想到最后講的卻是最基礎的按鈕的幾種狀態…汗,不是這貨,不是這貨。。。回過神來仔細聽完老師的講解,才發覺講的重點不僅僅是制作方法,而是告訴我們應該更多的關注這些小細節,這些細節才是可以更好的不斷的提高用戶愉悅度和滿足感的方法。老師們指出了我們現階段在產品設計時沒有注意的一些小問題,并引申出了淘寶等大網站在這些小細節上的多種創新。作為產品中心的一員,產品中心一貫的宗旨是用戶至上,而實際情況是我們在不斷的忽略這些小細節。這次的討論給了我很深的印象,雖然Maker組最終沒有獲勝(劇透一下,Marker小組以一票之差落選,裁判組為此斗爭很激烈,大家都對這種關注小細節的想法很是贊同),但我覺得確實有必要好好的反思一下了…

我們都知道一個產品的用戶體驗主要有五個方面的要素:表現、框架、結構、范圍、戰略,這其中冒似只有表現與交互有一點搭邊,但俗話說:有人的地方,就有江湖(交互)。而好的交互設計就是按照用戶的心理模型,用最簡單的交互成本,幫助用戶愉悅的解決問題,從而從各方面提高產品的用戶體驗。個人認為這里的解決問題,不僅僅是解決操作問題,用戶有需,你幫他簡單有效愉悅的解決了,這就算是有交,有互了,個人認為,交互設計的范疇,不應僅僅停留在操作的交互上,功能的交互上,而應是與用戶交“心”。所以交互設計不應該是某一個人的職責,而應是產品團隊每個成員都應該去考慮的細節,在設計產品之初就應該去考慮這個功能是否按照用戶的心理模型滿足了需求?每個細節,哪怕是一個按鈕,一個鏈接,都應該去考慮,這樣設計是否幫助用戶解決了問題?好的交互設計應從用戶需求開始到公司戰略都應考慮到,而不僅僅考慮操作功能的交互。每個細節都應當與用戶交心,而不是想當然,小細節無所謂等云云。。當然,最理想的是有專業的交互設計師來處理這些,但在中國普遍的公司都沒有設立這個職位,而用戶最終面對的就是所有的交互,團隊在沒有交互設計師一職時,產品人員應肩負起交互設計的責任,重視每一個產品細節,千萬不要認為前端就是交互,寫JS才是交互。產品人員應對自己的產品從用戶體驗的幾個層面去考慮與用戶的“交互設計”。

從這里我想再引申出來的就是產品人員應該具備的基本素質和技能。如今互聯網的迅猛發展,已經超出了我們的想像,信息的獲取已經不再像以前單一稀少,尤其是微博這一新興工具的誕生,更是讓信息瞬間爆炸,每天我們都可以快速的獲得各種海量信息,而我們也逐漸淹沒在其中,每天大家都在討論A收購了B,B正在攻擊C,C又亮了。。連我表嬸的三姨媽的小舅子的大干女兒都在討論360和QQ各自的優劣勢,我勒個去,關我們屁事。市場信息的把握固然重要,這對產品人員了解市場動態,制定戰略等確實有一定幫助,但我想提醒大家的是,不要忘了作為產品人員最基本的技能,產品設計、交互設計、用戶研究…而這些技能并不是空口談出來的,并不是看看就明白的。這需要你花大力氣,花大時間去研究,去練習,去實踐。。有了這些,你才能擁有一個產品人員所必須的基本素質,在這同時,再結合你對市場的把握,戰略的規劃,產品的運營等等等,才可能做出真正成功的產品。

綜上所述,產品人員要具備很多技能,而這些技能而又在不斷的進步與更新,那我們到底應該如何才能掌握和提高呢?在這里我先拋磚引玉,給大家分享一些我自己在交互設計上的經驗和方法,希望有更多同學同行能一起分享與指教。

在產品設計生涯的初期,除了學習一些基本的理論和規則,掌握一定的市場動態和發展,另外就是需要鍛煉自己的基礎能力:產品設計能力、交互設計能力、用戶研究等相關的技巧和方法。學習之初第一要決就是多用心,少動嘴,勤動手。交互設計的方法規則枯燥乏味,產品設計方面的理論復雜單調,所以可以一邊學習,一邊動手實踐,推薦可以先從下面這幾本書開始,太深的概念個人感覺不用太過于去糾結,能理解就好了,下面這幾本除了About Face較枯澀外,其他的都比較淺顯易懂:

 

其次則是最重要的動手,產品人員要動手讓自己知道,國內有大量專業的酷站分享,WEB2.0資源分享之類的,就像視覺設計師們的日常學習一樣,需要你動手去不斷的探尋網絡上最酷的想法,最炫的交互,這些東西不是讓你拿來抄的,是讓你去理解他們的想法,思路,并將其消化,拿為己用。所以我的思路通常是不停的看,不停收藏各種不同的網站,將其按特色分類,打標簽,并用文字記錄分析他們的思路,嘗試著去分析,通常我會拿一周的其中一天時間來做這個看的事情,其余的六天就會針對性的對其消化,譬如這個站的交互不錯,我會嘗試用原型工具把他做出來,然后再分析這個交互的想法能不能對自己的網站某個功能進行改進,如果能,再把改進的方案拿出來,最后再利用休息時間,把這些記錄分享出來,提出自己的想法,或者分享自己發現的新功能,邀請同行同事朋友一起討論,在這個過程中,我不僅能吸取其他人的靈感,還可以學習到其他的方法和知識。另外就是通過訂閱行內從業人士的博客,專業資訊平臺等,吸取相關知識,并不斷實踐不斷提高。這其中,有幾點需要注意:很多人是看得多,做得少,就是我們經常說的磚家,說起來是滔滔江水,實際動手能力卻不行,此乃大忌。其次,持之以恒,每天進步一點點,堅持下來你再回頭看時會大吃一驚。

一些交互方面的資源分享,推薦新手們研究下:

  UIPatternFactory
  FLICKR上的一個群組,各種UI界面創新交互等方面的截圖,內容很多,關鍵是幾年了一直在堅持更新,可能需要翻墻。
  konigi
  類似,主要是界面賞析和一些交互的推薦。
  smashingmagazine
  國外知名技術博客,提供最新的技術趨勢文章,靜下心來慢慢看,里面的內容一時半會兒消化不完,強烈推薦。
  薯片會
  國內知名博客,專注于交互設計方面的討論。

還有就是國內眾多知名專家。。大家都知道的。就不用廢話了。這里,特別介紹一下個人比較喜歡的兩個交互設計師,專注,量少質高:Moond 木的、Chouyu 臭魚。

本文并沒有對交互設計的方法做細節討論,其主要是幫助自己端正態度,提醒自己:交互設計同產品構思,市場運營等同等重要,是一個成功網站必不可缺的一個環節,只有從上到下把每個層面都做好了,才是真正的用戶體驗,且用戶體驗應該全民一起來做。接下來,希望可以有更多同學可以重視交互,或者分享你的交互心得。。對交互感興趣的同學,還可以看看本站其他同學相關的文章:交互設計雜七雜八、前端眼中的交互。

最后,再打個小廣告,新媒傳信重慶分公司-互聯網產品中心急需各路好手加盟,產品設計、產品運營,有興趣的請盡快與我聯系:gaofei@feinno.com。

 

arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜
    創作者介紹
    創作者 Tobeym 的頭像
    Tobeym

    Tobeym的部落格

    Tobeym 發表在 痞客邦 留言(0) 人氣()