1、設計網頁時,交互設計起到什麼樣的作用?
交互設計泛指人機交互,當一個軟體或者網站需要通過與用戶之間通過某些步驟,協助或者限制用戶必須完成某些設定,達成某種目的,這個過程即可稱之為交互,用戶與用戶之間也會存在交互,比如私信,留言,回復等。
那麼問題來了,為何這些步驟和動作需要設計呢!
這是因為軟體或者網站都希望用簡單容易理解的方式,讓用戶獲得最佳的用戶體驗,盡可能讓這種「交互過程」愉悅,高效。因此交互設計被納入課題,並讓專業人士來擔當審查該環節,於是交互設計師誕生了。
2、網站交互設計需要注意的幾個方面
1、網站設計內容問題
內容是所有網站的靈魂,也是客戶關心的東西,打開網際網路看看企業網站,我們很容易發現,大多數中小企業網站欄目劃分趨於一致:公司簡介、產品介紹、聯系方式等,在版式設計上也基本上是上下分欄、左右分欄等方式,在內容上要從客戶考慮,要了解客戶想從你頁面上了解些什麼,總之要貼近客戶。2、網站設計技術問題
首先應該說明的是,我們並非鼓動企業在自己的網站中加大技術含量。實際上,最重要的是所使用技術在多大程度上實現了預期的功能,或者說所要的功能需要什麼樣的技術實現比較經濟劃算。而我們在與企業接觸中,常常碰到這種情況:網站中使用了先進的技術,當然進行了大筆的投資,但實際上所實現的功能通過其他方式,很低的投入就可以實現!但是企業並不了解這些。3、網站設計交互問題
您的網站是否實現了與客戶的交互,在多大程度上實現了這一功能,值得您仔細考慮,在我們接觸的客戶中,甚至有的客戶抱怨:他的信箱至今還沒有收到mail!經過我們的檢查,是因為留言簿中有關信息提交的設置有問題!使得與客戶之間的交流出現很大的問題,這也是很多企業應該注意的問題。另外在設計上應注意什麼
1,對每一個超級鏈接點擊之後採用新開窗口還是直接跳轉,必須認真對待。如果用戶點擊一個link之後是要放棄當前頁面開始新的體驗,則應用直接跳轉。如果用戶點擊link是要了解更多的信息,但是當前頁面的信心仍然有用,則應新開窗口。
2,在每一個用戶可能需要幫助的地方提供幫助信息或幫助按鈕。完善的幫助系統是一個產品,網站成功很重要的因素。
3,承諾問題,不要輕易對你的用戶承諾什麼,但是一旦承諾了,就要盡最大努力去兌現。在首頁規劃和網站設計中最為突出的問題是:1)首頁規劃和欄目設置不合理。主要表現在欄目設置有重疊、交叉、或者欄目名稱意義不明確,容易造成混淆,使得用戶難以發現需要的信息。2)重要信息不完整問題。企業介紹、聯系方式、產品分類和詳細介紹、產品促銷等是企業網站最基本的信息,但為數不少的企業對這些重要信息不完整,尤其是產品介紹過於簡單,有些甚至沒有公布任何聯系方式;上述幾個問題只是企業網站設計問題中的部分問題,還有考慮瀏覽目標群體,從營銷方式設計都應該是現在企業網站所在考慮的問題。每一個細微的不足和問題,都有可能失去用戶,或者根本無法獲得被用戶發現的機會,結果最明顯的表現就是訪問量很小,或者由於得不到有價值的信息和服務,訪問者的轉化率很低,無法取得最終的收益。
3、什麼是交互設計?
人機交互。比如網頁上的一個按鈕、表單怎麼設計用戶使用方便,放在哪更好等等。當然,也不僅僅指網頁、APP之類的,日常其他物品也要研究。
4、交互設計做什麼
Ⅰ、 先了解一下交互設計的基本概念:
交互設計是一種目標導向設計,所有的工作內容都是在圍繞著用戶行為去設計的。交互設計師通過設計用戶的行為,讓用戶更方便更有效率的去完成產品業務目標,獲得愉快的用戶體驗。
Ⅱ、交互設計在項目流程中的位置和任務:
項目前期的流程和節點:
職能的細化就是為了讓產品在每個專業環節都做到極致,提高競爭力。如果是為了走流程,每個環節都是任務式的交付,臃腫的分工除了增加成本和拖慢項目進度,沒有實際意義。所以交互設計需要做的足夠好,才能將這份工作做的有意義。
Ⅲ、交互設計的具體職能:
從上圖中可以看出,交互設計主要干三件事:
①定義部分需求 ②定義信息架構和操作流程 ③ 組織頁面元素,製作原型demo
①定義部分需求
以前的慣性思維是需求應該由產品人員負責,設計人員只是實現和改善界面體驗。而產品的真正需求不僅僅來源於業務,還包括使用者的情感需求。在情感分析方面,交互專業是具有優勢的,舉個例子:
一個增值服務的宣傳模塊,業務模型可能是這樣子:
考慮到情感因素後,需求模型會不斷完善:
上圖僅僅是舉個例子,真正的產品人員不會將業務模型想的如此簡單。舉這個例子就是想說明一下產品的需求設計不僅僅是業務模型,還需要考慮用戶情感、用戶行為和運營數據。當產品人員考慮不周全的時候,交互設計師有責任對需求進行修訂和完善,這樣的目標導向設計才是完整的。
②定義框架
這部分的內容屬於交互設計師的核心工作內容,也就是我上一章節所講的框架設計階段。這個階段的產出質量直接影響到業務目標和轉化率。如果框架混亂,接下來的界面怎麼優化都是無效的。這好比大型超市的走道設計,如果路線規劃的不好,再多再大的指引圖標都是低效的。交互設計做什麼?讓用戶快速完成目標,提升操作效率,這才是框架設計的意義所在。
破洛洛文章簡介:本章主要詳述一下交互設計的職能——交互設計師具體做哪些內容?
什麼是框架設計呢?這要分成兩部分內容:
1.關於結構導航的設計
把我們的產品想像成一個巨大的圖書館,我們需要幫助用戶(有目的性的、目的不明確的,無目的性的)尋找他們感興趣的圖書,怎麼幫助用戶准確的尋找完成目標任務,這就是導航設計。導航的設計任務一般在新項目或重構項目。
導航大概可以分為三種類型:結構導航、關聯導航、可用性導航
在框架設計的階段,交互設計師主要關注於結構導航的設計。
結構導航分兩種:全局導航與局部導航。全局導航一般是指無聯系的信息結構做的一級大分類,方便用戶以最快速的方式了解整個網站有什麼大概內容。而局部導航則關注於用戶最方便的快捷操作和業務引導操作。
交互設計師的首要任務就是將業務內容信息組織分類,劃分出主次關系,根據業務目的和用戶習慣定義規劃全局導航和局部導航的設計。那應該怎麼規劃呢?
回到第一個增值服務頁面的例子(虛擬案例,非真實案例):
將需求梳理後(怎麼梳理,請google抽屜整理法),我們可以確認全局導航:
再詳細規劃局部導航:
局部導航的層級可以不斷往下延伸,通過樹形目錄或麵包屑的方法幫助用戶瀏覽時不至於迷路。
2. 關於流程的設計
之前的案例我們已經基本上確認了模塊需求有哪些頁面,頁面大概會放什麼內容。但真實的用戶任務並不是在一個頁面上完成的,這時候我們就需要通過流程的方式把任務變得清晰和包容用戶的各種誤操作。
虛擬案例:
在流程的規劃設計中要遵循:1.以業務目的為主要導向;2.兼容到用戶的習慣;3.盡量讓流程做減法,多一個流程就會丟一部分用戶;4.任務是連貫和清晰的;5.考慮實現方式的復雜程度;歡迎補充…
③組織頁面元素,製作原型demo
經過了需求的完善和框架的設計,之前的這些工作還是停留在抽象的想法階段,怎麼把想法轉達給項目組的其他人員呢?交互還需要把想法和規劃表達出來,那麼最好的方式就是製作原型Demo。把Demo做出來,讓產品,開發,測試直觀的看到產品的雛形, 再廣泛的接受意見,對原型進行不斷的修正,改進,做簡單的用戶測試繼續挖掘情感需求。
那麼怎麼去組織頁面元素,製作原型Demo?哪些表現層面是交互設計師該重點表達的內容呢?原型的製作又有哪些章法可循呢?這個。.還是等下一個章節再講吧!
5、什麼才是網站正確的交互設計方式
交互指的是產品與它的使用者之間的互動過程,而交互設計師則是秉承以用戶為中心的設計理念,以用戶體驗度為原則,對交互過程進行研究並開展設計的工作人員。
交互設計(InteractionDesign)是指設計師對產品與它的使用者之間的互動機制進行分析、預測、定義、規劃、描述和探索的過程,即定義人造物的行為方式。作為一門關注交互體驗的新學科在二十世紀八十年代產生了,它由IDEO的一位創始人比爾·莫格里奇在1984年一次設計會議上提出,他一開始給它命名為「軟面(SoftFace)」,他後來把它更名為「Interaction Design」――交互設計
交互設計師善於表達,以網頁語言表達產品所要告訴用戶的信息,同時顯示用戶的操作功能。
所以,凡是涉及到表達、傳達的問題,都可以找交互設計師來做,也應該由交互設計師來做。產品經理考慮要做什麼產品才有價值,交互設計師考慮怎麼把這個想法最有效的轉化成一系列的界面展現給用戶。除了展現,還有和用戶的交互。這個展現、交互的過程就需要一定的表達能力。這種表達能力並不是我們平時所特指的口頭表達,而是使用網頁語言表達。我們經常會討論一個按鈕的位置,討論某個狀態下游標的樣式,討論應該寫成「登錄」而非「登陸」等等:這些都是網頁語言表達。
6、交互設計的具體職能是什麼?
1、完善部分需求定義
以前的慣性思維是需求應該由產品人員負責,設計版人員只是實現和改權善界面體驗。而產品的真正需求不僅僅來源於業務,還包括使用者的情感需求。
2、定義信息架構和操作流程
這部分的內容屬於交互設計師的核心工作內容,也就是我上一章節所講的框架設計階段。這個階段的產出質量直接影響到業務目標和轉化率。如果框架混亂, 接下來的界面怎麼優化都是無效的。這好比大型超市的走道設計,如果路線規劃的不好,再多再大的指引圖標都是低效的。交互設計做什麼?讓用戶快速完成目標, 提升操作效率,這才是框架設計的意義所在。
3、組織頁面元素,製作原型demo
經過了需求的完善和框架的設計,之前的這些工作還是停留在抽象的想法階段,怎麼把想法轉達給項目組的其他人員呢?交互還需要把想法和規劃表達出來, 那麼最好的方式就是製作原型Demo。把Demo做出來,讓產品,開發,測試直觀的看到產品的雛形, 再廣泛的接受意見,對原型進行不斷的修正,改進,做簡單的用戶測試繼續挖掘情感需求。
7、網站的交互設計主要是做什麼?
①當你的Boss需要做個產品時,它首先必須是可實現的,這也是為什麼核心程序員架構師的待遇普遍較高的原因,因為他們是生產力。那麼成功的產品首先要具備–可實現模型。 yixieshi
②產品做出來干什麼?「方便用戶,讓用戶玩的爽?」當然不是,產品的終極目標是盈利,你的領導也只關心這個。怎麼才能盈利,而且是可持續的盈利。這需要具備第二個要素–業務模型。
③有了實現模型和業務模型產品就成功了嗎?以前是,但如今時代不同了,大多數的應用已經不存在技術難題,在這個企業不缺系統,互聯網不缺產品而用戶不懂技術的時刻,你靠什麼贏得用戶?強大的運營隊伍也只能推動一個峰值,最根本的還是需要產品的第三個要素–使用者模型,使用者模型像水一樣,可以成就一個產品,讓產品走的更遠,也可以毀掉一個優秀業務模型的產品。