【心得】3分鐘精華《打造最強網頁UI/UX設計腦》《打造最強網頁UI/UX設計腦:設計師都該懂的絕佳設計.溝通法則》秋葉秀樹

這本書是想多了解網頁編寫的設計人員實際遇到的案例狀況,是由日本人所編寫的,裡面講述許多現代媒介的網頁呈現方式以及需要注意的地方,包含手機與電腦的不同等,可以讓我們更了解UX/UI設計師會面臨到的問題喔!

 

 設計師與客戶之間的溝通

關於設計,我們最常提到所謂的人本設計,不管設計任何媒介都要以客戶的角度來思考可能會發生的問題,不過事情往往沒有這麼簡單,實際上UX/UI設計師所上班的公司,常常需要接受一位上司或是總監的指導,設計師只能聽令行事。

與客戶溝通通常都是總監的事情,而總監是設計的門外漢,很多時候一聽完客戶的要求轉頭就向設計師說要怎麼做,但是設計師聽完一定會覺得哪裡有問題,但是又面臨到底該不該說,還是交差了事就好。

一個好的設計師,是會反問問題的設計師,往往客戶的要求不過只是一個想法而已,他們自己也不知道該怎麼做,甚至只是舉例,而設計師就這樣做下去了。

舉例來說客戶是旅行社,希望可以設計某種新型態的BANNER,提供設計師的字體是POP字體,不是真的就照著POP字體做,一問之下才知道客戶希望一種平民的親切感,但設計師坦言此舉會有廉價的感覺,客戶才知道原來如此。

 

接到CASE之後不可以不明就裡的就開始做,就算詢問清楚問題可能會讓總監或客戶生氣,也需要了解客戶的心理想法,以免日後就算設計三種方案,一種客戶都不採納。

 

 平面設計與網頁設計的差異

我們或許以為可以設計好雜誌的平面設計,就可以好好的跨足到UX/UI的設計,往往落差非常之大。

以排版上面來說,平面設計為注重美感或是視覺傳達,可以將圖片做任何位置的擺放,讓一整張圖可以引導觀眾該如何觀看,雜誌的設計更是可以橫跨兩頁做視覺上的整合,營造出有質感的感覺。

而網頁製作卻不是如此,過多的元素會讓瀏覽者視覺太過發散,另外也比較偏向整齊的劃分區域之方式做設計,讓瀏覽者好用與一目了然,設計師必須要明白瀏覽者來的目的為何,提供相對應的功能與查詢。

 

以不動產的網站為例,客戶前往網站他們如何才能找到自己想要的房子?通常首頁都會有查詢的功能讓客戶尋找想要的物件,但是如果條件勾選查詢之後物件仍然有成千上萬筆,客戶會不知道從何選起,還需要回到前一頁查詢,沒多久客戶就會放棄這個網站。

比較好的做法是在搜尋之前就顯示搜尋結果數,多個條件一起勾選價錢範圍、某某區、公寓or透天?這樣條件進行塞選就可以一步步讓客戶抓到他想要的物件。

當客戶找到不錯的房子想要紀錄時,需要設計方面的書籤,而這個書籤不能先登入才能使用,不然麻煩客戶又會準備離開了,因此需要設計一個隨時點都可以標註的書籤,並且下一次來網站時需要一目了然,讓該物件跳出來。

以上皆是站在客戶的角度做思考設計的。

 

 手機與電腦的瀏覽大不同

智慧型手機發達,筆者在工作時曾經看過使用電腦與手機上公司網站的數據幾乎是1:1,大約是4.5(手機):5.5(電腦)這種比例吧,顯示現代手機的瀏覽模式絕對不容忽視,然而手機介面跟網站完全不同,該如何設計呢?

要注意網頁的介面內容主要可以分為單欄式與雙欄式,單欄式的照片小但內容物呈現比較多,雙欄式適合照片顯示較大的情況,依照想要呈現的樣貌來做不同的設計。也要注意內容展開的部分,不要讓客體文字奪了圖片主人的風采。

 

另外網站常常底部連結過多,導致智慧型手機上瀏覽不便,重溫一次,要知道欄覽者上這個網站的意義為何,像是股東權益、財務報表這些可以放到網站地圖裡面,額外製作一個頁面就可以,才不會來的訪客跑到不相關頁面,火大導致觀感不佳。

智慧型手機頁面小,舉例來說以往Iphone的IOS6的天氣介面有框框圍住,而IOS7之後直接將畫面設成廣闊的天空,沒有框架感覺好像直接透氣面對外面的天空,就是因應了手機畫面的窄小而做的設計,而設計感甚至比之前的還要好呢。

imageimage

 

小結

這一本書適合有一點UX/UI底子的朋友來閱讀,沒有底子的就像我也可以略看一二,從中可知到不少業界所會面臨到的問題,想要從事UX/UI設計的人可以看看別人的案例增加自己的能量。

總的來說,這本書讓我知道平面設計與網頁設計的差異點在哪裡,以後如果有機會再接觸這領域一定會受用不少,這一本《打造最強網頁UI/UX設計腦》推薦給大家!

 

 【心得】3分鐘精華《打造最強網頁UI/UX設計腦》

 

相關文章推薦

【心得】3分鐘精華《設計的心理學:人性化的產品設計如何改變世界》

【心得】3分鐘精華《做自己的生命設計師》

arrow
arrow
    文章標籤
    HTML CSS UX UI'
    全站熱搜
    創作者介紹
    創作者 素還真 的頭像
    素還真

    反逆的御宅族( ACG OTAKU OF THE REBELLION)

    素還真 發表在 痞客邦 留言(0) 人氣()