close

轉自:V怪客的電子商務怪談 http://talkec.blogspot.com/

好聽的歌曲,你第一次聽到的時候,就會感覺彷彿曾經聽過,之後旋律就佔據你不設防的心靈了。

這是「易聽性」(Listenability)嗎? 呵,這是我亂掰的名詞,我意指一首好歌的重要流行要素。

「可用性」或「易用性」(Usability)就不是我掰的,這是Web design或交互設計領域極為重要的概念了。一個出色的網站、一個易用性極高的網站,他會讓你忘了「網站設計」這件事情,他會讓你瀏覽穿梭自如,輕鬆獲得你想獲得的資訊,輕鬆完成你想要的網站流程或交易。

其實,易用性的位階應該於網頁設計的位階之上。


在電子商務之路上,我除了帶領業務或行銷團隊,也帶領網頁設計團隊多年,對網頁設計有一些心得或體會。

當我遇到資淺的設計新人時,我不會心急或不耐,因為我知道他們很快的時間就會脫胎換骨了,設計新人只要指導得宜,進步的速度是相當相當快的。

在作業品質要求與時間壓力之下,我没时間等他们慢慢长大,我常用的帶設計新人方法是 :

1. 先不急著教他們怎麼設計。

2. 先提升他們設計視野。 給他們5-10個我覺得出色的國內外網站。

3. 請他們快速學習複製這些出色網頁的設計細節。(他們一般會學習打動他們的設計)

4. 持續給予讚美。再持續給他們好的作品看。

以上就夠了。屢試不爽,設計新手像海綿一樣,吸收學習的能力遠超出我的想像。


進階有進階的喜悅與困擾。Photoshop和Dreamweaver愈來愈熟練之後,設計師愈來愈有自信,這時候讚美聽多了,會渴望聽到更多主管或同事的讚美。

在這個創作力最強的階段,設計師常见的問題是「過度設計」。

他以為這是他全力以赴、認真工作換取讚美或報酬的方式。他總抓住機會,大至一個活動網頁(Landing Page),小至一小塊的banner,他都設計得很用力。

他用心在這小方塊內放進很多元素、很多種字體、字級試圖做出效果.....唉,這真是資歷一兩年設計師的通病,還沒開竅的小夥伴,很用心的拼命設計,追求突顯作品。

但我恐怕常潑他們冷水,尤其他們是那麼重視設計主管的任何一句評價,我卻常看著他們的螢幕說:「設計太用力了。」

我有時會接著會說:「你不要只看著Dreamweaver或Photoshop畫面上的banner白方塊,然後拼命在這個小空間內很用力的設計。你去看看這個廣告會出現的『環境』是什麼?這塊Banner播放的版面旁邊是否已經有很多天花亂墜的Banner了?」「你應該思考的是如何在某個特定環境的大網頁上設計這一塊小廣告,讓它表現出適當的角色與任務,而不是盯著這個幾乘幾的小版面思考要如何用力配置設計它。」

過度設計啊。

有時最好的設計根本就是不用設計,放粗黑體排成大字報反而是最正確的處理方式。(這是舉例)

但年輕設計師會覺得你怎麼教他這樣思考呢?這樣不是很混,這樣不是無法突顯他進步甚多的設計能力嗎?

上週我在讀「Don't make me think 點石成金 訪客製上的網頁設計秘笈」時得到了共鳴。該暢銷書作者Steve Krug在書中這樣說,你真的很難跟設計師說,叫他們不用怎麼設計,只追求簡單而不言而喻的設計。

當年輕設計師對我的「放掉設計」說法不以為然時,我真高興看到網站易用性專家Steve Krug的這段話。而不只Don't make me think這本書,還有另一本網站設計的經典著作,Jesse James Garrett著的「用戶體驗的要素-以用戶為中心的Web設計」時,作者也提到類似的觀點,那就是順應使用者直覺、易用性為網站設計的第一要素。先讓網友覺得沒有困惑、不言而喻地流暢使用再說。嘿嘿,這兩本書竟然連什麼是好的視覺設計都不提,他們就是告訴你如果網友就是看這個習慣,你又何必再多設計成其他畫蛇添足的各種樣式呢?

多數網頁設計師都有這個階段,鑿痕太重、過度設計。

我的經驗裡,設計師能不能蛻變到另一階段,看他的天份與悟性。天份悟性高的設計師很快地就遠離這個過度設計的階段了,但有些設計師看不透,就停在「拼命設計」的階段很長。

過了,就見山不是山,即使是「沒有什麼設計」也是他相當自信的判斷,他在這一個階段,已經成熟到不會擔心別人說他「搞什麼,一點都沒設計嘛。」(圖文: V怪客,拍攝地點Berkeley,CA)


後记:你對網頁設計有興趣嗎?本週日4/5下午2點在台北果子咖啡有一場網商論壇的網聚,這是一個比較隨性地聚會,當日分享主題即是網站設計與易用性。歡迎對網站設計有興趣的朋友一起參加或分享。

P.S我其實是比較喜歡當聽眾、自己不太愛講的人(其實真的是沒料@@)。但因為自己是論壇發起人,每次辦網聚都怕冷場,所以大都份自己會準備一段墊檔用。4/5(日)也不例外,我這兩天會稍微準備一下要分享什麼,喜歡設計的人就先來這裡報名吧。為了謝謝同好的參與,我會準備2本Don't make me think送給來參加的幸運朋友。


相關資訊:

1. 果子咖啡/台北市中山區民生東路三段140巷11號 /(02)8770-5330

2. Don't make me think 點石成金 訪客製上的網頁設計秘笈 / Steve Krug著 /台灣購買繁體版 /大陸購買簡體版

3. 用戶體驗的要素─以用戶為中心的Web設計 V怪客讀後感想 / Jesse James Garrett著 / 大陸購買簡體版

相關閱讀:
網商論壇聚會:Enjoy Biz coffee time  by Vista


arrow
arrow
    全站熱搜

    dennishan 發表在 痞客邦 留言(0) 人氣()