老闆不要再打槍!把網站設計成這樣是有道理的

每當熬夜過後的設計提案,總是最怕被老闆或業主無情的打槍了!打槍的理由有道理就算了,若面對會讓你暗自翻白眼的主觀控述,你會怎麼看待?會吵一頓架?還是默默的將苦吞肚呢?

 

其實我們應該換個角度想,既然接受了這個案件或任務,就應主動扮演起「說服者」與「協調者」的角色,以專業的態度負起「溝通」的責任。然而,雙方角度不同,所思考的觀點與考量肯定不盡相同。不過溝通是有技巧和方法的,找出彼此共同追求的目標來討論會是一個好方式。就網站設計而言,如何打造良好的使用者與顧客體驗會是一個絕佳的議題!

Yudiz Solutions (網頁設計公司)的 CEO(Chirag Leuva)分享其多年來的經驗,告訴我們近期 網站設計 的原則,並以使用者體驗的角度解釋為什麼會採取如此方案。設計師們可從中找出設計的邏輯,並思考自己設計時的脈絡與方法,若再遇到老闆或業主以極度主觀的理由打槍後,可以大聲的告訴他們: 我這樣設計是有道理的!!!

以下為 Chirag Leuva 分享的設計原則:

專注於傳達獨特體驗給使用者

網站設計 - 專注於傳達獨特體驗給使用者

人們通常看待某網站的優劣,依賴的不是網站提供的資訊,而是感覺與印象。資訊本身雖很重要,但相較於情感面的元素,較難長存於人的心中,這也是為甚麼使用者體驗設計越來越受重視的原因之一。綜上所述,好的設計應該是有效的將文字、圖片、排版及互動等元素融合為一體,並帶給使用者獨特驚艷的體驗,而非僅將資訊傳遞給他們。

在資訊爆炸的時代,要讓使用者從眾多的網站中發掘你並對你印象深刻,透過"設計"產生差異性體驗絕對是一個好方式。而設計優良的網站通常有這樣的要素: 1)資訊視覺化及 2)吸引人的內容。透過設計這兩個要素的獨特性,會讓你從競爭者中脫穎而出。

 

別寫太多!使用者大多不會看

網站設計 - 別寫太多

現代使用者時間很少也沒太多耐性,所以大多以掃視方式閱讀網站。如果可以設計的讓人快速瀏覽就能懂,肯定更容易達到預期的目的!!

正因為這樣,透過圖片與表格傳達資訊日趨重要!因而出現資訊視覺圖表(infografic)的應用與研究,以解決怎麼呈現大量資訊並傳達其影響力。

就文字類型的內容而言,的確沒有多少人會深讀它,但通常會注意明顯的次標題且可能牢記在心。利用這點特性,聰明的設計師應該知道怎麼做吧!

 

使用者渴望簡潔的內容與簡單的操作方式

網站設計 - 簡潔的內容與簡單的操作方式

  1. 訪客進入網站後,可能0.5秒就決定要不要繼續看下去,這代表第一印象(門面設計)特別重要,也考驗設計師的功力。
  2. 若你想要使用者進行某項動作,就需避免讓他們混淆。此時,網站的設計就要保持秩序性、清楚和精準度
  3. 網站需透過許多設計手法來傳遞正確且有用的資訊給你的使用者
  4. 一致性的設計是營運品牌的重要手法之一,具一致性的元素、行為及顏色等,可幫助使用者建立與品牌之間的聯想。維持相似的視覺與操作,可讓使用者進入新頁面時,不感到陌生並降低學習時間。另外,一致的設計模式也讓系統變得更簡單

 

甚麼時候要徹底發揮你的創意?甚麼時候又該理性謹慎的處理?

介面操作模式的創新相當困難,有時候我們應優先考慮既有的模式。因為,使用者已熟悉某些元素的操作方式,使用這些方式可讓他們不需想太多或重新學習,而且可滿足他們對結果的預期,例如:按鈕應該就要長的像按鈕;登入的途徑通常放在右上角,而公司商標會放在左上角。

有時候太過創新,會帶給使用者更多的麻煩,因為對於他們而言,不熟悉的操作方式可能會讓過程效率低落。所以"使用性"與"創新"兩者之間應該保持平衡,相輔相成!

 

門面真得很重要,不要讓我說三次~~

通常,我們會使用一張視覺簡單、清晰與產品或服務相關的大圖做為入口網站的門面,並輔以精簡的說明文字。雖然,大多使用者不會因為門面的優劣馬上替產品或服務下評論,但第一印象總是重要,它扮演著是否勾起使用者往下看的關鍵

話雖如此,但也別把所有的資訊都塞到門面來,你想想看一個人把家中所有珠寶一次戴上,大家都不知道看哪個重點了。

 

滾動頁面比點擊分頁快多了!

過去的研究與專家皆認為滾動頁面並非好的閱覽方案,原因之一為以前網路速度較慢,將內容擠在同一頁可能會增長讀取時間。現在,平均網站僅需要6.5秒就可以完整加載。若網站內容更複雜,也可以採用分階段加載的技術。

另外還有諸多原因造成長頁面設計的流行(主要以滾動方式閱讀),例如:近代網站的導行列(navigation)設計的越來越簡單(減少多階層架構);"滾動"比"點擊"更適合在移動的裝置與環境中操作。

 

響應式設計不只是讓介面元素流動化,更需考慮不同尺寸裝置的操作體驗

 

相信大家都已了解響應式設計帶來的優勢,其介面的流動性可適應多種裝置,讓網站不再受限於地點與設備,同時帶來更多的商業價值。現代使用者擁有不同屏幕裝置之比例相當高,所以設計網站時,千萬要考慮響應式的設計,及了解不同裝置之間體驗的差異。

 

本篇翻譯於: Designing Interfaces with a User Experience (UX) Perspective from website magazine

本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知

如果你也喜歡我們的文章,請 Follow 我們的 Facebook 專頁,每天都會分享許多精選文章!

分享此文: