網站交互設計方法培訓教材_第1頁
網站交互設計方法培訓教材_第2頁
網站交互設計方法培訓教材_第3頁
網站交互設計方法培訓教材_第4頁
已閱讀5頁,還剩56頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、目錄先介紹一個人8年前,Numal高中畢業,朋友告訴他注冊一個電子郵箱就可以方便的給人寫信,讓他也去弄一個。于是他就去上網了。他看到注冊頁面時,腦袋完全不清楚面前是什么東西。他有了一串疑問:電子郵箱是什么東西?新用戶是什么?郵箱名是什么?他發現自己很笨,什么都不懂,非常的懊惱。兩年前,Numal推薦一個不常上網的人去使用自己設計的網站:豆瓣他朋友說發現豆瓣的注冊很簡潔。他朋友說很清楚自己要做什么事情他朋友說很放心他朋友說沒有出錯他朋友說很快完成了注冊整個過程他朋友很愉快,很有平安感是什么讓網站體驗幾年間變得這么好?是什么讓Numal的朋友如此愉悅有平安感?Numal大學上的是設計專業。在大學最

2、后兩年,他的方向轉向了交互設計。通過學習,他了解了很多交互設計的根本概念。簡單的說,交互設計是人工制品、環境和系統的行為,以及傳達這種行為的外形元素的設計與定義。不像傳統的設計學科主要關注形式,最近那么是關注內容和內涵,而交互設計首先旨在規劃和描述事物的行為方式,然后描述傳達這種行為的最有效形式。 艾蘭.庫珀(alan cooper)VB之父交互設計之父微軟視窗先鋒獎軟件夢幻獎得主庫伯交互設計公司創始人設計支持人們日常工作與生活的交互式產品。具體地說,交互設計就是關于創立新的用戶體驗的問題,其目的是增強和擴充人們工作、通信及交互的方式。Winnogard1997把交互設計描述為“人類交流和交互

3、空間的設計Helen Sharp從用戶角度來說,交互設計是一種如何讓產品易用,有效而讓人愉悅的技術,它致力于了解目標用戶和他們的期望,了解用戶在同產品交互時彼此的行為,了解“人本身的心理和行為特點,同時,還包括了解各種有效的交互方式,并對它們進行增強和擴充。交互設計還涉及到多個學科,以及和多領域多背景人員的溝通。DeDreamNumal在學習時,接觸到了幾個很容易混淆的概念。后來經過辨析,他這樣理解了 交互設計 設計行為,偏向于計算機的 人機交互 人與機器相互信息交換 交互 一種行為 可用性 標準 用戶體驗 目標 UCD 原那么 方法舊石器時代簡單的單一的機器大工業時代復雜的繁瑣的出錯率高的危

4、險的信息時代效率易用性學科人類工程學心理學認知科學信息學工程學計算機科學軟件工程社會學人類學語言學美學設計圖形設計產品設計商業美術電影產業效勞業交互設計人機交互HCI可是,Numal發現在人機工程的介紹中,三要素是另外的三個交互過程是一個輸入和輸出的過程,人通過人機界面向計算機輸入指令,計算機經過處理后把輸出結果呈現給用戶。人和計算機之間的輸入和輸出的形式是多種多樣的,因此交互的形式也是多樣化的。有效(Effective)效率(Efficient)易學(Easy To Learn)吸引人(Engaging)容錯性(Error Tolrant)Numal了解過了交互設計的相關知識后,想在工作中實

5、踐一下,可是怎么下手呢?接下來他開始研究交互設計的方法簡單說明:1. 創造一些用戶2. 找出重要的活動3. 找出用戶模型 - 用戶期望如何完成這些活動4. 草擬出初版的設計5. 一直反復把設計修改得更容易, 直到虛構用戶能輕易使用為止6. 找真人來看著他們試用你的軟件精確描述我們的用戶以及用戶希望到達的目標,定義幾個典型角色,并用故事的形式表達出來用戶目標生活目標體驗目標最終目標產品目標利潤市場目標是行動的驅動力,產品的功能和行為必須通過任務來解決目標產品成功的關鍵是目標,而不是特性成功的交互設計師應該對目標高度敏感 Numal在思考,那么豆瓣的目標是什么呢?用戶目標生活目標:一種新的消遣方式

6、體驗目標:容易使用、方便、舒適最終目標:撰寫瀏覽書評,找到自己興趣相同的人產品目標市場:聚集文化人群,創立文化交流社區簡單的說,角色就是為我們的產品虛擬的一個典型用戶。我們在設計是,就可以專門為“他設計。角色是一種強有力的交互設計工具角色確實定給設計帶來的好處:該做什么便于溝通提高效率解決邊緣設計一般不超過兩個人一男一女一般將用戶定義為初級用戶和中級用戶。特殊產品才定義高級用戶。角色描述中應該包含:一張相片人物根本特征于產品相關的性格、能力、愛好等介紹會用到的產品、功能介紹Numal感覺角色設計很有興趣,于是就針對自己負責的產品,制定了一個角色Numal做完角色設計后,整個工程組都很認可。Nu

7、mal還發現有了角色之后工程組成員間的討論變得簡單和高效了。人和他們的活動組成的故事使用具體的故事來構造模擬用戶的可能行為或者講述設計方案關注人物角色以及其心智模型,目標和活動,有可能包括對環境的考慮基于任務的腳本基于場景的腳本1.早上,小翠來到辦公室,拿起 給朋友打了個 ,然后翻開電腦,翻開郵箱,開始一天的工作2.在開始工作之前,她上了一下豆瓣,看看是否有朋友給他留言或者回復了她的評論。3.小翠收到一封郵件,來此辦公室主任的,告知 同事strong今天請假可能來不了,如果有事情幫助處理一下。4.如往常一樣,把郵件中的一些事情處理一下,需要打印的就打印,需要蓋章的就蓋章。5.在工作過程中,她總

8、是開著QQ,經常有朋友給他發個鏈接讓她看。當她正在閱讀一封剛收到的郵件時,一個好友給她發來了豆瓣的一個網址,她便會放下手頭的工作開始瀏覽網頁。.該腳本提綱試圖解決的問題:1.產品使用時的設置是什么?2.是否會被使用。角色最終期望的結果很長時間?3.人物角色是否經常被打斷?4.和它一起使用的其他產品是什么?5.人物的技巧使用頻繁程度有多高?6.為了滿足人物角色的目標,角色需要完成哪些主要活動是什么?ISO9241/11中的定義是:可用性是一個多因素概念,涉及到容易學習、容易使用、系統的有效性、用戶滿意,以及把這些因素與實際使用環境聯系在一起針對特定目標的評價。可視性 功能可性越好,越方便用戶發現

9、和了解使用方法反響返回與活動相關的信息,以便用戶能夠繼續下一步操作限制在特定時刻顯示用戶操作,以防誤操作映射準確表達控制及其效果之間的關系一致性保證同一系統的同一功能的表現及操作一致啟發性充分準確的操作提示設計方案屬性:倫理的能體諒人,有幫助不傷害 改善人的狀況有意圖的, 能幫助用戶實現他們的目標和渴望注重實效,幫助委托的組織實現它們的目標優雅的最簡單的完整方案擁有內部的一致性適宜的容納和情感Numal做完整個工程后,團隊對其專業性和技能都很滿意,于是讓他傳授一下自己的經驗。VisioAxureillustratorFireworksWordPhotoshop流程的重要性預防研究、設計、評估過

10、程中的遺漏;標準研究、設計、評估的步驟;明確與公司研發流程的銜接;解決整個過程中責任不明、任務不清的問題 北京大學計算機系人機交互與多媒體研究室 清華大學工業工程系人因工程實驗室 中國科學院軟件研究所人機交互技術與智能信息處理實驗室 歐盟可用性中國中心 微軟亞洲研究院交互設計中心 UPA中國 IBM: 500人,25個可用性實驗室 微軟: 200人,30個可用性實驗室 Philips:100多人 西門子:100人 Oracle:約70人 韓國三星:100多人 Adobe:21人 eBay:20人 Tencent :30 HP、Yahoo、Nokia、AOL、Intel、GE、TI、 CISCO、內容:針對軟件讓用戶感到“難用的現狀,提出軟件設計的新理念和新方法,以及交互設計,目標導向,角色分析以及腳本提綱等一系列設計概念。內容:介紹了交互設計的理論,目標,原那么,以及設計方法。并介紹了系列關于原型制作,可用性評估,用戶測試,調查的操作方法。內容:用戶研究界面設計可用性評估內容: 以本能,行為和反思三個設計的不同緯度為根底,闡述了情感在設計中所處的地位和重要作用。并分析如何把情感效果融入產品設計中。內容 對于交互相關概念的清晰界定,并對于軟件姿態和設計準那么進行了深入剖析,試圖答復設計中why的問題內容: 設計符合用戶期望的產品內容 對軟件人機界面的形式和標準,特別是

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論