DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 交互設計師:初窺交互設計
交互設計師:初窺交互設計
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:剛開始的時候,我認為交互設計師的任務就是按照產品同事提交的需求繪制原型稿件,其間,我們去和產品同事討論布局的合理性,操作的易用性,流程的通暢性。

 加入CDC的這段日子裡,工作中積累的小心得都密密麻麻的收在冊子裡。恰逢近期的校園招聘正如火如荼的展開著,借此機會,我把這一些不太成熟的小想法和大家分享一下。下圖是CDC招聘交互設計師的工作描述,我將選擇其中三點分析。

初窺交互設計

 

1、參與產品規劃構思

  剛開始的時候,我認為交互設計師的任務就是按照產品同事提交的需求繪制原型稿件,其間,我們去和產品同事討論布局的合理性,操作的易用性,流程的通暢性。

  其實不然。一個成功的產品需要團隊裡的產品經理,設計師,以及開發同事對產品的潛在特性和市場能力有統一的認識並一起維護這種認識。由於對需求了解的不夠透徹,也會經常和產品同事在溝通的過程中產生很多不必要的爭執。所以,當一個交互設計師連產品最基本的規劃方向以及後期的運營目標都不夠了解的時候,他又怎麼能做到和項目組同事齊心合力的創造雙贏的局面呢?

  因而說應該更多的參與到產品規劃中去,做一個提需求並且做需求的設計師。

2、分析業務需求,並加以分解 歸納出產品人機交互界面需求

  產品同事很多時候會提出說,這裡的數據量沒有達到預期,我們要優化它。這個時候,我們首先應該去分析產生問題的原因,比如是用戶不懂用?還是不想用?還是別的什麼原因?這個時候,我們可能就會介入用戶測試的環節了,多跟用研同事學習用戶測試的方法、注意事項以及分析方法也是很重要的一個方面。充分了解用戶需求和產生問題的根源之後,我們才能提出更好的優化方案。

  而在尋找問題根源以及解決辦法的時候,我們也可以運用5-whys的方法。5-whys是對一個問題點連續以5個“為什麼”來自問,以追究其真正原因。這個方法是豐田公司首先提出的:發現問題的時候,是從表象往根源來推導,而解決問題的對策則是從根源往回推。詳見下圖示例:

 

初窺交互設計

3、參與公司前瞻性產品的創意設計

  創意、創新最基本的來說,是源自於生活。《創造突破性產品》中提到“人們不但希望通過使用某種產品來完成或改善某項工作,他們還希望產品能夠豐富、增進其生活體驗,並且把這種體驗聯系到個人的某種夢想。”比如QQmusic的桌面歌詞,把KTV的體驗搬到了顯示器上,它很好的滿足了當下家庭音響設備趨於完備,大家喜歡沒事吼吼的生活方式。再比如DivX player on Mac提供了一種在非全屏播放的模式下,將播放器以外的部分整體變暗的體驗,與真實的影院無異。

  創新源自於生活的一大優勢在於,由於用戶在生活中已經習慣了的一些體驗,當我們把這些體驗搬到互聯網上的時候,就極大的減少了用戶的學習成本,他們可以很快速的學會並使用產品。

  創意、創新的另一種方式是類似於蘋果產品的流程上“一切從簡”,我一直記得第一次使用Ipod nano,卻不知道如何關機的經歷。在使用傳統的MP3時,我們習慣了有一個on/off操作,每次關閉音頻播放之後,會提醒自己把鍵盤鎖上。誰都不會喜 歡MP3在某個不小心的時刻被開啟,一直播放導致關鍵時候沒電的經歷,這就和直板手機放在褲兜裡卻不小心打出了一通不該打出,更不該被聽到的電話一樣不爽。而nano很巧妙的回避了關閉電源卻忘記鎖鍵盤的尴尬。其實關閉電源的之後用戶立刻需要的不正是鎖鍵盤麼?既然用戶在進行一項操作的最終目的是另一項 操作,那麼是不是可以合二為一呢。nano告訴我們,是的!

  一切從簡的創新在WEB2.0的時代層出不窮,比如以twitter為首的微博客,比如百度發起的“框計算”概念,這些產品都在試圖簡化所有的用戶行為以及思維,一切都讓後台來完成吧,你們只需要在那一點點空間做你們想做的那一點點的事情。
  創意、創新的第三種方式是體驗上“全方位”。正如星巴克提供全方位的喝咖啡服務一樣,Google在Searchology大會上提出了“Rich snippets”(富文本)的概念,通過展示一小段網頁摘要的方式來幫助用戶找到所需要的網頁,而摘要的內容可能包括對產品的評價和打分。參見下面幾個圖示:

 

初窺交互設計

  那麼對於搜索引擎而言,用戶可以通過搜索結果中的信息來快速確認某一條結果是不是符合他的搜索期望,從而可以立即跳轉到該頁面,這不正是搜索產品的目的麼?快速而准確的跳轉。

  創新的思維對於體驗設計的重要性是眾所周知的,分享給大家一本近期在看的書籍《思維導圖》,這本書提供了一系列刺激練習和大量頗具啟發性的圖片集和演示這種技巧的原創性思維導圖。大家共學習共勉之。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved