網路時代之個人品牌工作坊 | 新思惟國際: 2024 / 3 / 23(六)最佳網站設計大獎:魏孟鈞醫師、詹雯惠醫師 WFU

2024年3月25日 星期一

2024 / 3 / 23(六)最佳網站設計大獎:魏孟鈞醫師、詹雯惠醫師





每一個來到課堂上的人,都有著自己的願望跟夢想。他們可能有自己想要推動的理念,或者是想要增加自己的收入並且儘快地達成財富自由甚至退休,或者是發生過某些事情,讓他們理解到自己在網路發聲上有多麼弱勢。他們想要改變這個狀況,於是來到課堂。

在上午的介紹中,讓大家理解目前網路現況與實際應用的脈絡分析後,大家都知道自己該往什麼方向走,但要開始,必須要有一個自己的基地。

擁有一個 Blogger 網站且用正確的方法經營,是很正確的決定,尤其是學會如何把它打造成自己想要的樣子,每天上去經營都會覺得開心。過去十年有許多的質疑跟批評,認為我們課程選擇 Blogger 來做調整跟教學,並不是很好的選擇,他們總說,應該選擇某某平臺或者是某某軟體,但事實是,經過了十年,每年從我們課程畢業的校友,依然都持續的在成功,不管是開業、做學術、經營小生意、提供專業知識,用我們的方式去做,就是能夠接觸到你想接觸的潛在客群。

在中午互動實作時間,所有人都做出了自己的網站,而畢竟是第一次做,有些細節讓我們再建議一下同學們,就能做得更好。以下一起來看看這些我們想要跟同學提醒的小細節,以及兩位做得最好且得獎的傑出作品。



那些還能建議的小小細節






這位同學在貼文章之後,忘了把標題文字剪下並貼到標題欄裡面,所以會看到文章的標題似乎特別小字,很奇怪。進一步看,在右邊熱門文章的第一則,會發現他寫的是(沒有標題),這表示我們並沒有告訴電腦,到底我們希望這篇文章的標題是什麼。要記得剪下標題文字,並且貼到正確欄位喔!





使用 Ctrl + A 是一個很好的方法,可以協助我們檢查貼文是否選對模式,以及 enter 的數目是否過多。在這裡你可以發現,同學有選到「一般」,並沒有掉進常見的「段落」陷阱,不過他在圖片跟文字之間的 enter 數目太多了,圖片跟文字之間記得保留兩行就好喔。





同學貼連結列表貼得不錯。不過在子標題部分,記得要選起來並且指定為子標題,讓它變得更為明顯。分類明顯,大家就更好找,也更容易覺得這個網誌作者做事情是有條有理的。





同學成功的設定了子標題,但在貼文字的時候,使用的文字編輯器是帶有 HTML 格式代碼的,複製過來的時候,沒有只貼上純文字,所以這些贅碼就使得文字一路走到框框外面去了。像這種狀況,解決的時候,往往要刪除整篇文章的內容,再重新貼,會比較好。因為在編輯器裡面要解決這些贅碼的問題,是非常困難而且對初學者來說並不友善的。





同學在連結上處理得不錯,也做了項目符號,不過所選擇的文字太大了,在我們的範本裡面,我們建議的就是兩個等級:一個是子標題,一個是一般的內文。其他的層級就不要去用,因為在高速行動閱讀時代,越簡單、越扁平化的,穿透力會越好。





這位同學跟前面的同學一樣,貼文章的時候,他所使用的不是純文字編輯器,而是帶有 HTML 格式代碼的,所以直接複製貼過來的時候,贅碼使得文字一路寫到外面去了,而且你可以發現,他的文字比我們範本設定的要來得小。





使用 Ctrl + A 真的是一個很好的功能,可以讓我們觀察是否成功的設定成「一般」模式,而不是「段落」。後臺的文字編輯器在目前這個時代也沒有哪一家的特別好,其實大家在 HTML 代碼跟所見即所得編輯器之間的轉換,都沒有到非常完美,在 Blogger,他的問題就是你一開始貼之前,會看到它顯示的是「一般」,但你貼下去之後,他馬上就變成「段落」,也就是說,在貼文章之前,記得手動再選一次「一般」,這樣子就不會中招了。記得看看互動實作手冊內在這方面的說明喔!會很有幫助的。

接下來,我們一起看看兩位得獎同學的作品。


魏孟鈞醫師






魏孟鈞醫師的作品,很簡單的把穩重感呈現出來,包括自己的名字以及專長,還有專業形象,都做得非常好。未來如果拍照的時候,可以考慮稍微帶點微笑,這樣的話會讓患者覺得較為親近。

不過,專業形象這種事情,有時候是很看你所在的市場的。有些患者就是喜歡醫生兇,會覺得會罵人的醫師是正直而且可信賴的,但有些市場會認為,這樣的醫生對人那麼差,誰要聽他的話。這牽涉到你對自己所服務的群眾的觀察,怎樣有效就拍怎樣的照片囉!





使用 Ctrl + A,會發現同學絕大多數的貼文細節都處理得不錯,不過在圖片之前其實還有保留「段落」的痕跡,所以你會發現,每行之間的藍色並沒有連起來,這部分可以在刪除之後,選定一般模式,再重新按 enter 就能解決。





就如前面所說的,同學在其他部分貼得都不錯,像我這邊的截圖,你可以看到段落分配非常理想,閱讀也非常舒適,是正確的做法。





這邊也處理得相當不錯,包括貼圖之後,究竟上下要留多少空格,以及文字的處理,都完全照互動實作手冊的方法做了,所以能夠產生令人願意進去閱讀的舒適感。

恭喜魏醫師!


詹雯惠醫師






詹雯惠醫師的作品,在顏色上選擇較為柔和有親切感。他選擇不放上自己的照片,而是以專業內容為訴求,也是非常聰明的。Banner 與背景顏色的選擇都非常好,不過超連結的顏色飽和度稍微偏高了一點。這的確見仁見智,但是原則上較為鮮豔或者飽和度偏高的顏色,會容易讓人家聯想到小朋友或者是尚未成熟的孩子。以專業訴求來說的話,飽和度稍微降低一點會比較容易產生認知上的連結。





貼文部分都處理得不錯,三篇都貼出來了,共同的細節需要建議的是,並沒有選到「一般」模式,而是使用「段落」模式貼文。所以在行與行之間都會產生多餘的半行行高。而這個會使得文章貼起來之後總覺得距離好像有點遠,行距也比較遠、圖片跟文字之間更遠。這部分對於緊湊快速閱讀稍微有點影響。

但是,課程提出我們自己的做法以及我們建議的做法,如果同學有自己的想法,也認為自己的想法合理的話,採取不同的方式去做也是 OK 的。當然我們做老師的,還是必須要把我們認為最好的狀態提供給大家學習。





使用 Ctrl + A 就可以很容易地發現在每行之間其實有多約半行的行高,這個就是在按了 enter 之後,它會自動填充的部分,而且你是沒辦法刪除的。在貼文之前,選「一般」模式,就不會有這樣子的困擾。





因為這個特殊的狀況在每篇文章幾乎都是一樣的我們並不確定說詹醫師只是單純的沒注意到還是其實他對排版開始有一些自己的想法但無論如何風格一致就是一件值得讚許的事情因為我們今天訴求專業專業講求的就是一致的品質 consistency 本身就是一個很重要的特質!

恭喜詹醫師!


最新活動