WFU

2017年11月27日 星期一

2017 / 11 / 25(六)最佳網站設計大獎:張東曜醫師、許馨予醫師






要把一個部落格做好,就像是如何讓你的資產增長一樣,就是「開源」與「節流」兩招。在網站執行上,則是「發揮長處」以及「減少犯錯」。

這次得獎的張東曜醫師和許馨予醫師,剛好分別是這兩種功夫的最好示範!

先來看看一些常見的錯誤以及我們的建議!


那些差點得獎的作品






醫學專業的圖片,對我們很有意義,但對一般民眾或可能產生恐懼。

像是在模型人臉上扎針,就可能令您的潛在客戶感到害怕。把開刀切下的腫瘤放首頁,更可能讓讀者暈倒。畢竟,我們有知識,看到的是治療,但患者沒有,看到的是「唉唷,怎麼離我眼睛那麼近?」「會不會扎進腦袋啊?」「天啊,開刀要流那麼多血喔?」等等令人害怕的聯想。

另外,視覺的重心,建議不要再壓字,目前左上變成文字與圖片互相遮蔽,但右下其實相當空,文字與圖片的分配,或可再調整看看。





子標題與段落間距的調整很重要,如果不一致,導致視覺上有落差,會讓潛在客戶覺得:「你好像每次手術的作法都不一樣耶,感覺不是很能信賴。」這樣就不好了。





圖片的上方與下方都要留空白,而且行數要一致。右邊的小工具,因為套用範本的流程可能有些許差異,有時會產生這樣的狀況,請記得刪除,別讓人誤以為「我這個部落格常常濫用,歡迎檢舉」,那就誤會大了。





同樣的,注意子標題與段落的間隔,最終如果希望讀者聯絡您,CTA (call-to-action) 應該做更大一些!像是我們這篇得獎介紹文的尾端,就有很好的示範。


張東曜醫師






張東曜醫師部落格,最特別的是,他平時收集非常多台兒診所舉辦的活動照片,以及自己的工作照,所以每篇部落格的配圖,都是「身歷其境」的實際照片,與內容直接相關,超有說服力!

Banner 的照片選擇,瞬間讓你知道:他熱愛教學、熱愛學習,會主動舉辦活動,而且很多人參加!高品質繼續教育,在現今的台灣醫療環境,是很稀少的。以診所之力長年與國內外重要機構合辦繼續教育,更是了不起!





像是這篇文章,所用的就是台兒工作坊的照片,講師示範,台下一片電腦海,有演講、有實作,圖片的穿透力,讓大家駐足停留,且快速傳遞自己的專業形象!

右邊的「檢舉濫用情形」小工具,建議移除。





張醫師的部落格文,遵循我們上課建議的,每段約在 3 行左右,讓數位閱讀的節奏更快速,可近性更高,很棒!





最後的 CTA (call-to-action),建議可以粗體,並用子標題定義之,會更大更好暗更明顯。目前選擇的粉紅色,也建議再改深一點,使與白底有足夠對比!





日期建議可從「日期與時間」去設定,就不用在內文另外寫上。

非常有內容與個人風格的部落格,恭喜張東曜院長!


許馨予醫師






許馨予醫師上傳時的部落格作品,其實只有一篇文章,但細節都逐步做到,而且沒有犯明顯錯誤。是「減少犯錯」的最佳範例。

事實上,我們想傳遞給各位的部落格概念也是這樣,不需要花俏的功能、複雜的版型,重點是我們自己的專業內容,以及我們是誰。至於設計,極簡、清晰、大器、閱讀流暢,這樣就夠了!

許醫師的 banner 是擺拍,正面面對讀者,有自信,醫師服表達專業,微笑則是親切。當初擺拍時,背後留有大面積背景色,拿來做 banner 非常恰當。簡單的白色文字,再次呼應極簡、專業、精準的形象。

如果文字排列能夠與圖片更呼應些會更好。可以考慮把人移進來一些,並讓文字去適應人的邊緣,使圖文產生呼應與對話。





講擠奶器,圖片就是擠奶器,這是非常正確的選擇。以這篇文章來說,在網路高速閱讀的時代,標題仍有改進空間,因為用這樣的成語來做標題,還要經過轉換,讀者才會知道,原來是在講集乳跟擠奶器啊!如果能改為:「如何選擇適合你的擠奶器?」會更為直覺,SEO 也更好!





文章內容較短,或許日後可嘗試使之更為生動。以一個故事開頭是不錯的選擇。建議不要在子標題上做超連結,把這種大字粗體超連結,保留給最後的 CTA,會更好!

許醫師的部落格有個很好的開頭,秉持這樣的極簡風格,根據以上的建議持續耕耘,一定會很棒的!恭喜許醫師!


最新活動