網站建設中實用的交互設計方法
發(fā)表日期:2018/11/21 16:58:09 文章編輯:瑩晨建站 瀏覽次數:3349
網站建設中實用的交互設計方法
這些交互設計方法由世界知名科技公司的UX設計師共享。雖然他的專業(yè)教程,會得到很多啟發(fā)。交互設計師實際上做了什么?最好的交互設計方法是什么?
許多對交互設計感興趣的人來問我這個問題,尋找更具體的答案,甚至是我正在研究的每一個細節(jié)。事實上,交互設計師的工作取決于交互設計和各種項目的內容。我想分享一些我經常在以下部分使用的交互設計方法,但我不認為它們適合所有人。所以我期待與您交流想法。交互設計師的技巧
一、查找用戶的需求并指定它們
有很多方法可以找出用戶的需求,例如,我們可以從用戶的反饋中收集很多想法,哪些產品會給他們帶來問題。我們還可以主動觀察日常生活,獲得更多靈感。
以日程管理項目為例,許多用戶向我們發(fā)送電子郵件,告知他們可能會忘記一些重要事項,例如某些會議或約會,因此他們希望我們能夠提供專業(yè)的日程管理功能,以幫助他們有效地管理日常安排。
在澄清了用戶的這一需求之后,產品部門就此開展了一個新的項目。然后產品,用戶研究和設計人員將共同尋找目標用戶。
用戶研究團隊將通過問卷調查等方式收集信息。交互設計師也會通過召開會議來幫助用戶研究團隊完成一些信息,從而參與這項研究。在會議中,我們總是采用一些有趣的方式,如頭腦風暴,回憶一些生活場景,我們會寫下一些關鍵詞。我們這一步的目的是了解用戶的真實需求。
通過這些步驟,我們可以了解一些最重要的功能需求,然后產品團隊將整理需求并撰寫產品需求文檔。最后,這將是設計師的表演時間。通過研究,我們收集了大量數據并澄清了需求。然后下一步是開始設計項目。
二、提出設計方法
在這個階段,我總是做一些概念設計?;ヂ摼W產品也是如此。需要給出一個概念,如日程管理:它是一個專業(yè)的日歷管理功能,通過使用該產品,我們可以有效地管理我們的日常時間表和時間,以提高工作效率。這些詞不一定由交互設計師總結,但交互設計師必須清楚產品并知道我們需要做什么,提出一些交互設計方法。
我們需要執(zhí)行草案設計。然而,在這里我稱之為初稿并不總是指交互式設計師制作的交互設計原型或線框圖。您可以使用Axure制作主頁面流,也可以使用Balsamiq設計一些手繪草圖。如果你需要在短時間內制作一個不那么高保真度的原型,那么Mockplus將是一個不錯的選擇。總之,只要它能清楚地反映您的想法,您就可以使用任何方法。
三、制作原型
制作原型的方法(通常稱為交互草圖)與制作初稿的方式不同。在這個交互式草圖中,我總是盡可能詳細地描述流程和具體形式。
由于交互設計是一個迭代過程,我會在設計布局的第一頁上創(chuàng)建交互式更新日志,以記錄每次交互更新,包括時間,版本名稱,更新類型,更新內容,參考需求文檔和交互設計原則。這是最重要的交互設計方法之一。
添加此更新日志的目的是:
更新時間 - 輕松跟蹤整個項目并掌握每個關鍵點
版本名稱 - 使該項目的參與者能夠輕松找到以前版本的交互草圖
更新類型 - 了解每個更新請求的功能。
更新內容 - 清楚地演示每個更新的內容,并提供直接指向更新頁面的鏈接。通過這種方式,我的同事在進行產品迭代時不必逐頁查找更新點。
需求文檔供參考 - 使該項目的參與者能夠輕松找到相應的需求文檔。
交互負責人 - 在每次迭代中記錄交互負責人,以促進工作轉換。
四、制作互動說明
在整個網站設計過程中,交互式指令可能只花費您一小部分時間,但它起著重要作用。它可以幫助我們降低溝通成本,完成交互草圖的描述,表達交互設計過程,并展示我們設計的更多細節(jié)。與設計草圖不同,我個人認為交互式教學要求您更多地了解其對象,即產品經理,視覺設計師,開發(fā)人員的要求,以實現真正的“輔助”效果,而不是主觀地講述長篇故事。否則我們不得不花很多時間在上面。
為此,我與同事們進行了溝通,并試圖提出他們對互動指令的要求。它不可能如此全面,但它必須能夠澄清一些問題。以下是一些有關此問題的交互設計教程。
1.在交互式說明中使用單詞和插圖會更好。易于閱讀和理解。
2.頁面跳轉的描述(產品和程序)頁面跳轉涉及大量頁面操作。當產品人員檢查交互草圖時,他們會更關注操作過程任務的目的。由于很難清楚地記住每個頁面的跳躍,因此需要頁面跳轉指令。
3.交互式說明是否可以與產品要求文件相結合(產品)開發(fā)文檔涉及產品概念,技術方案,業(yè)務執(zhí)行角色等。并且它與交互設計草圖有著密切的關系,因此交互式指令和開發(fā)文檔可以相互補充,然后可以將它們分類到文檔中以避免工作內容的重復。
4.描述交互草圖中的交互或隱藏設置(產品和視覺與頁面結構)需要清楚地描述細節(jié)和動作,例如鼠標焦點,單擊或單擊后的動作,將有加載或跳轉。所有這些都應該在會議上討論,但參與項目的工作人員可能無法記住,因此他們需要交互式說明。您還應該保留可以適應頁面結構組更改的結構。
5.產品風格定位(視覺)商務風格還是休閑風格?視覺感受需要準確定位產品風格。這部分工作不一定由交互設計師決定,但在產品培育階段,設計草圖的討論和數據的不時更新將使產品風格定位逐漸清晰。視覺同事更多地參與設計。這要求交互設計者在交互式指令中記錄信息以幫助視覺完成。
6.限制狀態(tài)(前端)例如,列表組件的最長或最短顯示。
五、進行用戶測試和評估
在實現產品的基本功能后,我們將進行用戶測試。如何進行可用性測試和用戶測試在交互設計方法中也是必不可少的。設計是非常主觀的,它會受到各種因素的影響,因此我們的產品中不可避免地會出現一些意想不到的問題。如果我們可以招募一些人來使用我們的產品,我們將收集一些反饋并將其更改為優(yōu)化點以改進我們的產品。同時,交互設計師也應該更多地使用他們自己的產品來確保發(fā)布的內容與您的設計相同。
這是對我的互動作品的相對完整的描述。我覺得這項工作并不那么困難,因為我也是一個用戶,當我使用該產品時我會發(fā)現一些問題,所以我自然想要解決這些問題,最后我在這方面積累了很多。但是,你也應該在這項工作上投入大量精力。雖然設計方式是免費的,但設計內容仍應嚴謹。如果您忽略了問題,可能會對產品產生負面影響,甚至會失去用戶的青睞。
-
免費SSL證書申請網站topssl.cn上線
日期:2024-09-23 瀏覽次數:1890
-
如何在北京順義尋找一個踏實的網站建設公司
日期:2023-08-10 瀏覽次數:4951
-
順義網站建設:北京順義網站建設的優(yōu)點
日期:2023-05-25 瀏覽次數:5332
-
選擇網站公司需要考慮哪些因素
日期:2023-05-25 瀏覽次數:4177
-
北京模板建站
日期:2023-03-28 瀏覽次數:4388
-
網站可用性或用戶體驗的重要性
日期:2019-03-07 瀏覽次數:2565
-
深入了解響應式網站設計中的viewport和px。
日期:2016-02-21 瀏覽次數:3244
-
2019年移動網站在加載更快的提示
日期:2019-06-05 瀏覽次數:2793
-
網站開發(fā)人員應遵循的8個設計原則
日期:2019-10-21 瀏覽次數:2265
-
優(yōu)化單頁網站的5個秘訣
日期:2019-04-12 瀏覽次數:2375