導航:首頁 > 萬維百科 > 如何做好網頁交互設計

如何做好網頁交互設計

發布時間:2020-11-06 22:24:14

1、交互設計師需要從什麼做起?網頁設計嗎?

首先很抱歉,我基本沒做過網頁設計,所以沒辦法把網頁設計和其他設計的區別講清楚。
然後是我對於這個問題的一些個人看法,供參考。
我的理解,各種設備或者不同平台的設計區別,在於規范。我看到過一些大網站公司的guideline,其實都一樣,無非是規定行間距,字型大小字體,標准色等等,這是大工業生產時代下總結出來的標准化流程,可以極大的提升生產效率和規范品牌。這個不需要設計師,隨便找個應屆生或者操作類都可以干。
而設計師的價值是什麼,就是感覺,設計師的感覺和用戶的感覺,還有這兩種感覺的快速契合。我在去年面試設計師時看到一個網頁作品,一個旅遊網站,因為老闆非常喜歡微軟的新設計風格,所以這個網站的視覺設計也用了Metro。好嗎?我當時問過這個設計師這樣一個問題。其實單純的說設計都沒有問題,和別人不同也是一種創新。但是你的主營業務是否第一時間被你的設計傳遞給用戶並打動了他,這就是感覺,是設計師的任務。一個用戶來到這個網站,看到了一個個單純的色塊,中間用簡單的文字和宋體字,估計用戶很難有馬上出去玩的沖動。為什麼很多旅遊網站的設計都是用青山,海景來做背景,就是為了讓看官們的心理產生劇烈的對比和苦悶,「TMD我一苦BXXX... ...我一定要去海邊...」,此類的心聲一旦產生,這生意就有可能做成了。
還有一個例子,我的產品前幾天要做一個LOGO,設計師問我該怎麼做,核心的承載體應該是什麼,我當時給了他一個建議,如果你找不到承載體,就做一個絕對漂亮的東西,讓產品經理看到後欲罷不能,非此不可。但是後面連續幾稿都不行,其實不是承載體的問題,而是感覺的問題。最後的解決方法也很簡單,我讓他在網上搜所有「貓王」和「拉斯維加斯」的圖片,很快方案通過了。其實就是用一種感覺去打動產品經理的感覺,這事就對了。
啰啰嗦嗦一大堆,希望能夠幫到你。

2、網頁設計技巧:在交互設計中如何更好的展示營銷產品

交互設計是近幾年流行的一個詞語。現在市場上有許多資料來介紹什麼是交互設計,如何做交互設計等。從場景,任務,用戶,操作等分析。但由於受實際情況的限制,往往不能很深入。所以筆者結合實際工作體驗與大家分享下,具體做設計時候是怎麼考慮的。如果要說什麼是一個好的交互設計,個人淺見就是簡單。本文以下內容都是圍繞簡單2字進行展開。 推薦課程:上海平面廣告設計培訓課程 , 上海it/" target="_blank" class="infotextkey">網頁設計師培訓課程 ,上海it/" target="_blank" class="infotextkey">室內設計培訓課程
簡單在本文中包括認知和操作兩個部分: 1. 認知主要是指人的思維過程,本文中主要說明用戶是如何做決定的; 2. 操作在本文中說明用戶的瀏覽和點擊行為。 先來說下認知,我們時常能夠看到「裝修前大清倉,最後3天」。這些促銷用語,是商家用數字來製造稀缺,引起用戶的注意,我們就來說說:數字是如何引導用戶的。 製造稀缺和迫切的氛圍 要讓人們渴望做一件事,只需要使做這件事的機會難以獲得。 1. 時間(通常用倒計時的方式呈現,給用戶造成一種,「此時不買,只有後悔」的暗示,或者 推薦給好友,附帶一句「趕快買,馬上要結束了」) 2. 數量(限量200件,僅剩20件) 小結 1. 把原價,現價標出來,再去掉原價。因為只有一個價格用戶不知道有多便宜; 2. 給出原價,產生對比,幫助用戶決策。至於現價是不是真的,很多用戶不會考慮。 製造社會認同,刺激用戶跟風 社會認同是指一種群體影響力,簡單說來,就是個人在群體中的從眾心理,人們傾向於認為他人比自己更加了解所處的情況,他人的行為也總是合理和正確的。因此個人會做出和他人一樣的行為,來獲得群體的認同,這種效應就是「社會認同」。 數字提醒,讓用戶非點不可 相信很多人都有立刻去點掉數字的沖動。這里的數字提醒,筆者以為與前面的略有不同。 1. 起到最基本的提示引導作用; 2. 這里的操作會讓用戶上癮,從而培養用戶習慣,增加用戶粘性; 3. 對於平台級的產品,是互相拉動,形成一站式體驗。 小結: 1. 數字不能弄虛作假,特別是電子商務網站,對於一些價格,時間、數量的數字要真實准確; 2. 要在顯眼的位置把這些數字顯示出來,讓用戶有一個直觀的判斷和快捷的操作; 3. 對於「微」提醒,界面上要設計的顯眼,又不能打擾到用戶。 接下來就讓我們說說操作的簡單: 這里筆者先拋出一個常見的場景: 1. 按鈕放這么遠,用戶會看不到; 2. 按鈕能不能大點,生動點,要有點擊欲。 這是日常工作中經常碰到的事,在這里我們能不能去提煉下呢? 1. 邀請用戶操作(評論,購買,注冊)—功能需求; 2. 要大,要近,要明顯—設計需求。 先來看一個事例: 這是來自Digg的截圖,Digg是一個社會化推薦的新聞站點,推薦是站點運營的核心,所以按鈕要大,要明顯,按鈕更不能隱藏,這好像是廢話。但需要引出本文一個概念—實時可見工具,該工具就是將用戶操作入口明確化,表現形式上是各種按鈕,文字鏈,圖標等。接下來我們簡單分析下它是否足夠簡單: 1. 從認知角度來看,在這里主要是視覺部分。通過文字的顏色和大小,明度和間距的變化起到層次感,主次突出,方便閱讀。 2. 從操作層面上來說其實就是點擊,已近是最簡單的了。所以需要通過按鈕的3態(默認,懸浮,點擊)變化,動畫效果(從Digg變到Dugg)等細節來提升產品的體驗和口碑。 下面我們看看一些主流的SNS的feed設計是如何的? 這是一個照片編輯的事例,一般我們將顯示和編輯分離,通過操作入口進入編輯頁面,保存後反饋。隨著技術的進步,以前需要的頁面跳轉現在也可以局部刷新解決了。 接下來我們看一個例子: 好處:即時編輯不用跳轉,操作更方便,意味有更多元數據,從而產生更好的搜索和瀏覽體驗 。 懸停即現工具-易發現性 懸停即現-需要考慮易發現性,因為你把它隱藏了。 所以對於交互提示需要設計的很明顯,這里,移動到頭像上有浮雕效果,然後是下拉箭頭用藍色高亮顯示,點擊後三角形的箭頭方向變換。所有都是細節的變化,有時候我會想到是否做的太過了會。最近工作中也和同事討論,我們做產品做設計,有個假設:就是面對的海量用戶,他們的互聯網經驗很少,不明白哪裡可以點擊,這個功能是什麼意思。所以作為設計師需要做好引導,操作上把反饋做足夠,鼓勵用戶去嘗試和探索。

3、怎麼做好網站頁面交互性

交互性從本質上來說,就是網站能夠知道用戶想什麼,進而引導用戶快速找到相關的內容。這看起來有點智能化,對於網頁設計者而言,似乎自身的能力難以達到,因為這會涉及到大數據,會涉及到用戶行為的捕捉,也就是說需要大量的智能化設計工作。對於一個網頁設計工作者而言,顯然不具有這樣的能力。
可是這並不表明網頁設計者就不能夠設計出良好的交互性頁面,讓用戶一打開網頁就能快速定位相應的內容,從而提升網站的用戶體驗,實際上只需要從以下幾點進行設計就能夠實現。
第一,讓logo、按鈕和鏈接都顯著起來。現在很多網頁設計者在設計網頁時,往往喜歡將這些標識變得模糊,為的就是讓頁面看起來混為一體,看起來整個頁面非常的美觀,可是卻往往讓用戶難以進行點擊。尤其是一些按鈕上的文字或者按鈕設計,基本上就是以超鏈接且無明顯標識的形態出現,當用戶進行投票或者參選時,很難查找。還有就是一些表單的填寫,以及相應的提示都相對缺乏,這些都會極大的影響到用戶的交互,進而導致用戶在網站上消耗太多不必要的時間。
那麼如何讓這些素材變得清晰呢?我們可以參考一些門戶網站,比如網易,之前的首頁超鏈接下面都有下劃線,現在首頁上已經沒有下劃線,可是當我們滑鼠滑過之後,卻能夠清晰的出現下劃線,這樣就能夠給出明顯的信號。這種設計既能夠增強網頁的美觀性,又不會影響到網頁的交互。
第二,適當隱藏不需要的彈窗。現在有些網站為了增加網頁內容的展示量,或者為了增加一定的廣告點擊率,往往會設置很多彈窗,而且大多分在網頁的兩側,尤其是當網頁設計進入到寬頻時代之後,在1024*768的網頁設計面積下,兩旁會留下較大的留白,於是很多網站開始增加相應的彈窗,為用戶提供各種各樣的廣告。在不影響到用戶體驗的前提下,這么設計無可厚非。但是有的網站當用戶在使用傳統的4:3比例的屏幕打開網頁時,依然會彈出相應的廣告頁面,此時顯然就不合適了,應該給予隱藏設計,除了用戶想要看看什麼內容,需要滑鼠滑過才能顯示,劃出之後又能夠隱藏,這可以有效提升網頁的交互性。
當然在某些情況下,還要適當的展現一些彈窗,尤其是用戶在操作網站,比如填寫相應的表單,處理相關的數據時,一旦發現用戶的操作存在錯誤,就可以實時的彈出相應的解決問題的彈窗,此時會快速幫助用戶解決問題,進而贏得用戶的好感。
第三,讓網頁的導航變得清晰。有些網站設計人員往往認為導航對於網站的重要性不強,所以在設計上相對隨意,甚至將網頁導航的相關信息放在不顯眼的位置。而事實上,很多首次來到一個新網站的用戶,往往會優先關注網頁上的導航,然後據此尋找相應的內容。所以讓網頁的導航變得清晰同樣非常重要。在這里還要提出一點,為了讓網頁導航變得更加快速,在網頁上增添搜索框,實現網站內部的搜索同樣非常重要,這也是增強網頁交互性的重要措施、
總而言之,雖然大數據、智能化能夠提升網頁的交互能力,通過用戶行為分析來和用戶進行智能交互。不過我們在網頁設計過程中,同樣需要可以和用戶進行交互的元素,然後據此來優化交互效果,從而提升用戶的體驗度,那麼就算是沒有引入那些高科技,也能夠讓自己的網站變得具有良好的交互性,進而提升網站的服務水平

4、(轉載)如何做一名優秀的UI(交互界面)設計師

一個好的交互設計對產品的成功起著很關鍵的作用。UI所做的就是用戶最先接觸到的東西,也是一般性的用戶唯一接觸到的東西。用戶對於界面視覺效果和軟體操作方式的易用性的關心,要遠遠大於他對底層到底用什麼樣的代碼去實現的關心。如果說程序是一個人的肌肉和骨骼,那麼UI設計就是人的外貌和品格!都是一個成功軟體產品必不可少的重要組成部分!對我而言程序懂得不多所以只是從UI設計與軟體產品整體的關系和如何才能使軟體產品得到最佳的UI設計角度來談。現在我們的軟體產品存在的一些問題有技術方面的問題,但是更多的問題來源於各個部門、各個項目小組的之間的配合。我們現有的開發流程一般都是由市場部門提出客戶需求,產品設計人員提出產品設計報告,開發部門設計開發計劃,由各個小組分別開發一個模塊,最後整合成為一個完整的軟體產品。在這些流程之間UI設計應該參與那一個部分,每一個部分應該做到什麼地步才可以使產品得到最好的UI設計效果呢?下面我們會在每一個部分具體分析。首先分析一下現在的問題所在,在一些軟體業比較發達的國家軟體產品的UI設計過程貫穿了軟體開發的自始至終,而且是必不可少的。而在中國產品UI設計並沒有被廣泛接受,就算是已經有了UI設計師的一些企業也沒有對產品的UI有著足夠的重視,一般來講他們大都會把重點放在如何使用代碼實現所需要的功能,在我看來這只是一個成功軟體產品的一個部分。一個優秀軟體產品的開發過程應該是由四個部分組成:
1.軟體產品的設計(業務建模)
2.系統的設計(技術建模)
3.分單元的開發(把軟體各個部分拆分分單元編寫代碼)
4.測試(分為單元測試、系統集成測試和產品功能測試),這些是由軟體研發部門做的工作。
除去以上軟體開發過程的四個部分還有用戶需求和用戶驗收測試,這兩個過程是由市場部門和產品用戶一起完成。所以說用代碼實現產品功能(coding過程)只是軟體開發的一個步驟。現在我們回到UI設計的角度來看,作為UI設計人員我們需要全程參與到軟體開發過程中,而不只是在某一個步驟參與,現在在大多數軟體企業里UI設計師只是在產品的coding過程的時候才實質性的參與到軟體開發過程里,而在其它幾個步驟里只是參加甚至根本沒有參加(在這里我要強調「參與」和「參加」是兩個詞的不同概念,「參與」指的是完全加入到開發行列開始進入設計階段,而「參加」指的只是旁聽會議或者提出一些簡單的意見並沒有開始進入設計階段),這樣就會大大降低軟體產品的開發效率使開發成本成倍上升甚至導致整個產品的不成功!這並不是危言聳聽,下面我們分析一下在一個軟體產品的開發過程中UI設計應該怎麼做、做到什麼地步才能避免上邊提到的那些問題?下面我會根據軟體開發的過程解釋上邊的問題,剛才我提過軟體開發過程的幾個步驟,
1.產品建模
2.技術建模
3.分模塊開發
4.測試,那麼我們也分為這四個部分進行討論:一.產品建模時期:我們首先來了解一下「輸入」和「輸出」,在UI設計里是很重要的兩個概念,經常會有人過來對我說「我們有一個軟體產品需要美化一下」然後再也沒有什麼深入的解釋了,僅僅這句話我的工作就要開始了,然而這個軟體是給誰用的?是干什麼的?我們卻一無所知!成功的UI設計首先要有完整的「輸入」,怎麼才能叫做完整的「輸入」呢?也就需要UI設計師從整個軟體產品的策劃階段就開始介入,在產品用戶(也就是客戶)向市場部門或者產品部門提出產品需求的時候就要開始參與到產品策劃開發過程中來,這一部分對於UI設計師而言就是第一個輸入階段,並且在這個階段里UI設計師也需要提出一些對產品交互設計的意見,以便產品部門在做產品設計的時候更多的考慮到產品的交互性和功能的簡單表現原則,有很多軟體在設計階段就被加入了許多並不是用的附加功能,其實一個好的軟體設計就是要用最簡單的結構實現用戶的想法,一些可有可無的功能看上去很花哨往往會影響用戶的判斷能力,這些就是產品優化的一些概念了在此我需要簡單的提一下如果想要深入研究可以看一些有關於產品優化的書籍甚至是心理學的書籍,有很多人認為軟體的優化就是代碼的優化(用最少的代碼實現產品功能),在我看來這只是程序的優化是針對程序員而言的而不是整個軟體產品的優化,產品優化包含了交互設計在現在的多數軟體企業沒有專門做這一部分的交互設計師所以往往這一部分被忽略,我認為這一部分應該又UI設計師承擔起來,從文章的開頭我就說過UI設計不只是圖形界面的設計,就算是有企業里邊有這樣的優化人員或者交互設計師他們也要和UI設計師一起配合完成產品交互設計,作為UI設計師產品的交互性和易用性是在做設計的時候必須考慮的!
言歸正傳,產品設計人員經常不會過多考慮簡單易用原理也就是產品出來用什麼樣的組合形式體現給用戶,這也是UI設計師考慮最多的事情,所以UI設計師一定要在產品建模期間參與設計,給產品設計師一些意見。作為一名優秀的UI設計師我們還要在了解了產品的需求之後更深入了解這個產品的使用環境和用戶群體的使用習慣。我們還需要了解市場上的同類軟體產品的設計方案,研究他們的優缺點,以便在我們設計的時候吸取它們的長處避免它們的錯誤。在產品建模之後一般的都會由產品設計人員給客戶做一次功能設計講解,往往這樣的講解只是文字性質的需要讓客戶想像著理解,這就會造成很大的隱患有的客戶根本無法理解你的講解甚至對這樣的講解根本不認真聽,因為他們根本不懂,在討論過程中他們經常會同意產品設計人員的一切設計想法但是產品測試的時候他們又會提出種種不滿意,我想這是一般的軟體公司都會遇到的也是最最頭疼的事情,但這並不能怪客戶我說過客戶只會關心視覺效果和軟體的操作而並不會去關心我們是怎麼實現這一切的。這種情況帶來的直接後果就是產品的反復修改開發成本成倍上升,怎麼避免呢?這就要靠UI設計師了,俗話說「眼見為實,耳聽為虛」,所以需要UI設計師做出一個產品整體效果的demo。這個demo用圖片的形式表現就可以,我們只需要將要體現的產品界面做一個拼湊就可以了,因為這並不是產品的最後樣子,只是協助產品設計人員給客戶講解產品設計。產品建模時期UI設計師要了解客戶的要求想法和產品設計人員對產品功能的要求深入了解產品,採集用戶的使用需求、使用環境和使用習慣,了解市場同類產品的設計分析它們的優缺點。協助產品設計人員完成產品建模過程並製作產品展示demo模擬用戶對主要功能的操作過程和界面呈現,生成交互原型(基本上產品的交互性和易用性問題都需要在產品建模的時期解決)。如果時間允許我們甚至可以提出一份「UI設計分析報告」,這份報告可以附在產品設計說明後,更有效的幫助客戶了解我們的產品設計並且幫助開發人員更好的遵循UI的整體要求來完成開發工作。這個時期的關鍵是「交互設計」。二.技術建模時期:在這個時期作為UI設計師我們已經了解了軟體產品的功能需求並且拿到了一份產品設計人員的產品設計說明,可以進入界面樣式的設計過程了。這個時候我們應該考慮更多的應該是產品的整體風格和界面的設計,通常我們也會做出幾份方案給客戶選擇。有些客戶會要求產品遵循一個整體的VI設計標准,那麼我們就需要按照一個整體的已定的風格去設計軟體的界面,要與客戶公司的企業形象吻合。在這個時期軟體的UI設計進入到了美術設計階段,我們需要制定整個軟體的風格,塑造軟體的整體形象,並且具體的描述每一個界面中的元素和布局、文字字體等信息。在這個階段我也不應過多的說什麼,主要是每個UI設計師各自發揮你們的藝術專長用最簡潔、最漂亮的界面表現軟體產品。需要注意的就是在我們設計整體風格的時候一定要深入了解這個產品的理念,看看它是干什麼用的。不同的產品要有不同的風格,這里邊有很多的細節注意,不同的產品、同類的產品不同的內容、不同的傳播介質,這些都會決定UI設計的風格。1.不同的產品:比如一個游戲產品就需要將界面做的花哨一些或者用大的圖片充斥;如果要是一個應用軟體就需要突出使用方便和強大的功能設計要簡潔。2.同類不同的內容:比如一個可愛的游戲產品(像是卡通類游戲)就需要將界面做的活潑生動可愛一點;如果是一個角色扮演的戰斗類游戲(像是槍戰闖關類游戲)就要做的酷一點深沉一些。3.不同的傳播介質:我們要做的軟體產品有的需要在網路上傳播那麼就需要我們考慮到網路速度的問題;有的就是利用光碟當作介質那麼這樣的軟體就可以做一些比較花哨的效果。所以說不同的產品還需要單獨考慮,這也需要UI設計師多多了解產品,保持與客戶交流。還需要重點注意的就是我們在做圖形化設計的過程中千萬要貫徹在前一個階段做好的交互設計,始終注意產品的交互性和易用性。在設計過程中我們一定要做出每種結構每一個步驟的效果圖,不能只提供圖標、按鈕、背景圖等圖片,這樣的話程序員根本不知道往那放這些東西,在這個時期我們就要最終確定軟體界面的呈現形式。技術建模一般是由高級程序員完成的,他們會將整個軟體開發分為一個一個功能模塊,分配給一個一個的開發小組。但是這些負責技術建模的高級程序員考慮更多的往往是如何將整個設計用代碼實現、怎麼才能更有效的復用以前已有的模塊等等,而不是軟體是什麼模樣會有什麼樣的風格,所以作為UI設計師我們必須主動出擊,多多和他們交流以保證我們的想法能夠完整的實現,如果有技術實現的問題我們還要及時做出修改。

5、新手如何做好網頁美工設計

導語:當你看到一個新穎很有畫面感的網頁時候,可能你更多考慮到的是其中的美妙或者產品,你是否有想過,這樣一個網頁的背後是如何來設計或者美化的嗎?當你點擊開一個鏈接,被其中一個產品或者一個海報所吸引,你又是否想過是什麼樣的因素這樣牽引著你進一步去點入的呢?其實這些都離不開網頁美工設計,也許你有網頁美工設計的一些經驗,那麼你是否知道什麼樣的設計或者細節能夠更加的吸引人呢?今天小編就帶領大家一同來了解一些網頁美工設計的問題。
網頁美工設計,即網頁美術工程師。很多人都聽過這個職業,但是,你知道網頁美工是做什麼的 嗎?網頁美工的職責是圖形設計、交互設計,以及用戶測試/研究。網頁美工設計負責的圖形設計,即傳統意義上的「美工」。不過不是單純意義上美術工人的工作,既然搭上了「網頁」的頭銜,因此他們負責的是軟體產品的產品「外形」設計。
交互設計主要在於設計軟體的操作流程、樹狀結構、操作規范等。一個軟體產品在編碼之前需要做的就是交互設計,並且確立交互模型,交互規范。網頁美工要負責這點,相信很多人都不知道,因為在大眾的印象中,美工只要負責視覺效果就可以了,但僅僅是視覺設計,作為一名合格的網頁美工,那是遠遠不夠的。而第三個網頁美工的職責:用戶測試/研究,網頁美工設計目標是測試交互設計的合理性及圖形設計的美觀性,主要通過以目標用戶問卷的形式衡量網頁設計的合理性。另外,對於網頁美工的.職能,不少人還存在著一個誤區,那就是認為網頁美工精通CSS/HTML/JAVASCRIPT等語言來做網頁布局,其實這是不正確的,網頁布局的工作應該是由前端開發工程師來完成的。
如何做好網頁美工設計,對於新手而言,這還有些小小的難度,尤其是當網頁美工設計由幾個人接手的時候。不過,其實只要掌握好幾點,網頁美工設計其實也不是十分困難的一件事。在網頁美工切圖設計之前,我們先基於ps進行新建文件設置,在設置的時候需要注意以下幾點:
1、一定要做好網頁寬度的設置設計,一般網頁寬度有760PX、900PX、1000PX等,最好不要超過1200PX的寬度,高度沒有限制。大多數做網站的公司都有一個比較合理的標准。
2、作為網頁背景、網頁圖標的要清晰,在網站設計的時候比較注重。所以在切圖的時候不要切出來的效果與設計的效果相差太大。
3、有特效地方,有必要設計出特效樣式,以便DIV CSS製作的時候切圖使用。

6、什麼才是網站正確的交互設計方式

交互指的是產品與它的使用者之間的互動過程,而交互設計師則是秉承以用戶為中心的設計理念,以用戶體驗度為原則,對交互過程進行研究並開展設計的工作人員。

交互設計(InteractionDesign)是指設計師對產品與它的使用者之間的互動機制進行分析、預測、定義、規劃、描述和探索的過程,即定義人造物的行為方式。作為一門關注交互體驗的新學科在二十世紀八十年代產生了,它由IDEO的一位創始人比爾·莫格里奇在1984年一次設計會議上提出,他一開始給它命名為「軟面(SoftFace)」,他後來把它更名為「Interaction Design」――交互設計

交互設計師善於表達,以網頁語言表達產品所要告訴用戶的信息,同時顯示用戶的操作功能。

所以,凡是涉及到表達、傳達的問題,都可以找交互設計師來做,也應該由交互設計師來做。產品經理考慮要做什麼產品才有價值,交互設計師考慮怎麼把這個想法最有效的轉化成一系列的界面展現給用戶。除了展現,還有和用戶的交互。這個展現、交互的過程就需要一定的表達能力。這種表達能力並不是我們平時所特指的口頭表達,而是使用網頁語言表達。我們經常會討論一個按鈕的位置,討論某個狀態下游標的樣式,討論應該寫成「登錄」而非「登陸」等等:這些都是網頁語言表達。

7、如何做交互設計

學到實踐的UI交互設計知識才是關鍵,交互這個范疇很大,如果沒有設計專業背景,建議你先內從視覺學起容,學會怎麼畫圖標和界面,然後再學習做原型圖,做信息架構,有良好的專業背景,如有工業設計、心理學等背景,可以直接做用戶研究里交互流程設計的環節。

8、如何成為一名交互設計師

交互設計師的特點:
交互設計師善於表達,以網頁語言表達,以網頁語言表達產品要告訴用戶的信息,要顯示給用戶的操作功能。 所以,凡是涉及到表達、傳達的問題,都可以找交互設計師來做,也應該由交互設計師來做。 產品經理考慮要做個什麼產品才有價值,交互設計師考慮怎麼把這個想法最有效的轉化成一系列的界面展現給用戶。除了展現,還有和用戶的交互。這個展現、交互的過程就需要一定的表達能力。這種表達能力並不是我們平時所特指的口頭表達,而是使用網頁語言表達。我們經常會討論一個按鈕的位置,討論某個狀態下游標的樣式,聲討應該寫成「登錄」而非「登陸」。這些都是網頁語言表達。 有些時候,有些交互設計師會問,「網頁上的文字要我來寫嗎?產品經理比我了解的更清楚,他(她)們寫吧?」如果說交互設計師的應該具備「善於表達」的特點,那麼,網頁上的文字就應該由交互設計師來編寫,雖然產品經理更了解產品,但是產品經理並不是最懂得如何想用戶表達的人,交互設計師是。我們會討論「你」還是「我」這樣的稱謂問題,會注意不要在頁面上出現「用戶」這樣的字眼,這些都是文字表達的問題。
對交互設計師的要求:
文字表達能力:寫郵件,寫blog,寫各種東西。如前所述,文字表達是頁面表達的一部分,具備一定的文字表達能力是必要的。 語言表達能力:多說,開會的時候要發言,一對一的討論要花心思。 較好的語言表達能力是與同事溝通的必要素質,更為重要的是,語言表達能力是表達能力的一種體現。如果面對面,一對一的交流都有困難,怎麼能保證用頁面間接的跟用戶交流能交流清楚呢。 (省略掉兩個關於內部工作方法的話題)
web交互設計師的工作內容
內容包括:對產品進行行為設計和界面設計。 行為設計是指各種用戶操作後的效果設計。Web的操作以點擊為主。點擊操作又可以分為「表單提交」類和「跳轉鏈接」類兩種。除點擊外,還涉及到拖拽操作等。 界面設計包括:頁面布局、內容展示等眾多界面展現。例如:使用按鈕還是使用圖標?字型大小大小的應用,如何使用tab….. 之所以特意提出這樣一個話題,是為了強調除了「界面設計」,還需要「行為設計」。交互設計在被認識的過程中會有很多誤區,常見的是把交互設計理解為一種專業的、高級的界面設計。一個產品不好用很多時候是因為流程上有問題,頁面表現的挺合理,但是,點擊了一下之後,就會發現「走不下去了」。流程是一系列的操作,也需要設計。
如何進行一個產品的交互設計?
第一步.信息構架設計
深入理解產品的目標、功能需求。將這些目標、需求轉化為界面表現。把內容合理的歸類整理為若乾的界面。信息構架的設計意味著對導航的設計。「導航欄共有幾級?每級幾項?」這些問題將隨著信息構架的設計而確定。 信息構架設計的要求: 1.符合用戶心理模型 2.盡量保持窄而淺的信息樹這一步工作需要和產品經理充分的交流。
第二步.界面細節設計
在整體信息構架確定的基礎上,對界面上的細節進行推敲。界面細節設計的要求: 1.符合web可用性標准 2.符合圖形用戶界面的基本准則 3.符合現有互聯網上業已形成的設計習慣…… 4.符合大多數互聯網用戶使用電腦的習慣(目前只想到這幾條) 這些細節設計更像是交互設計的專業,通常其他職位的人不會染指。顯然這些工作是很有價值的,但是創造性並不大,價值也不很大。隨著互聯網這個行業的成熟,細節上的表現會更統一、更規范。也許今天我們今天激烈爭論的問題,幾年後已經很成型了,不需要再爭論了。相比之下,信息構架的設計更具有創造性,自由度更大。

9、如何做好APP應用的交互設計效果

說到精細視差效果的APP應用,就是指讓APP應用的多層背景以不同的速度移動,並形成立體的運動效果,APP應用設計時使用視差效果,可以為用戶帶來非常出色的感官體驗。在許多的APP應用中,設計師們喜歡在APP應用軟體的新手引導頁使用視差效果,可以讓用戶看到的時候產生眼前一亮的感覺,加深用戶對這個APP應用的第一印象。還有就是,精細的視差效果的APP應用設計也可以給用戶帶來錯落有致的新鮮體驗。

信息框架扁平化設計的APP應用

說到APP應用信息框架的扁平化設計,可以說是近幾年比較熱門的交互設計模式之一,扁平化的APP應用設計注重通過弱化視覺效果來強化功能主義。通過從信息架構的角度去應用扁平化設計理念,用以減少APP應用當中的信息層級,從而縮簡訊息到達用戶的距離,使用戶能夠更加快速便捷的通過APP應用獲取到自己所需要的信息。如此這般,便能大大縮短用戶獲取信息的等待和操作的時間,提高用戶對於APP應用的好感度。

設計使用轉場動效的APP應用

APP應用的轉場動效設計也是眾多APP應用設計師經常使用的模式,不過這里要說的並不是傳統的滑動、放大縮小等轉場動效,而是平滑的APP應用設計。平滑無縫的切換和體驗,信息需要沒有阻力的傳遞。這是由於用戶在瀏覽時,都需要集中精力,專注於目標任務來對APP應用進行一系列的操作。因此,優先注重極致平滑轉場動效的APP應用,在面對眾多強大的同行時,往往會具備更大的競爭力。

相信通過以上三個方面,可以在大家做APP應用的交互性設計時,能夠帶來更多的設計靈感和素材,並合理的運用到自己的APP應用當中,只有這樣,才能設計出真正令用戶好感和喜歡的,體驗效果絕佳和優質的,能夠取得最終勝利的,為企業實現盈利的APP應用來。否則的話,即便是APP應用擁有再好的創意,再好的質量,不能讓用戶產生好印象,也就無法獲得用戶喜愛,而失去用戶支持的APP應用,即便窮其一生也是無法取得成功的。

與如何做好網頁交互設計相關的知識