顯示具有 Call to action 標籤的文章。 顯示所有文章
顯示具有 Call to action 標籤的文章。 顯示所有文章

2014年12月16日 星期二

教你輕鬆設計好的使用者介面

使用者介面(User Interface,UI)為什麼重要?因為一個好的使用者介面不但好用,還能創造高轉換率(conversion rates),這不但為你的公司帶來利益,也能讓顧客更樂意使用你家網站喔!
UI介面設計除了精緻、fancy的美工外,別忘了,設計還必須要 "make sense" 才實際啊!今天就從行銷的角度分享GoodUI所發布的新研究結果,趕快來看看吧!

      


寫產品文案時,務必注意...

* 自賣自誇是沒有用的  
自顧自地說自己產品多好是沒有用的,要讓使用者看到你的社群認證,看到所有人都在討論擬稱讚你、用你家產品!才會更具有公信力和說服力呀~
 

* 鎖定並列出明確的服務對象
別讓使用者看不出來你要服務誰、哪裡特別、哪裡適合他,適當地做出市場區隔,除了能讓溝通更有效率、避免浪費彼此時間外,更能讓使用者覺得自己獨一無二呢~

* 好故事比好功能更有效!
在隨身聽百家爭鳴的時代,市面上不外乎主打容量超大、電池超持久等功能廣告,但ipod與眾不同,主打的是 "1000 songs in your pocket!" 讓使用者去想像有了這麼多歌,他們的生活會變得多美好!所以好的包裝是不是比功能更吸引人呢~

* 展示獨特與人情的一面
說說你的產品產地、用什麼材料、誰做的。多提一些更有「人情味」的資訊,可以拉近與使用者的距離,並可以提高你的產品的質感。 

* 用「比較」讓自己勝出
如果你是打價格,就告訴使用者其他人的價錢都在哪,或是原價多少。如果你是打服務,就告訴使用者其他人只給這些服務,但你給更多。

* 用文字遊戲製造價格錯覺
最常見的就是99、199、299系列售價了,讓人有好像比較少的錯覺。但除了「減法」外,還可以試試「除法」:全新手機20000元,估計大概可以用2年,平均每天只要25元就可以享受便利的連網生活!每天只要25元喔!!聽起來有沒有少一點?


設計Call to Action時,務必注意...

* 製造大量曝光
因為很重要,所以要說三次,請讓你希望使用者做的事多出現幾次(當然也不要太多)。適當的做法是可以在網頁最上方放一次,在頁尾再放一次,如果版面夠長中間還可以放一次!  

* 盡量引人注目!
運用對比色、放大、加粗!總之請一定要讓人看到他!而若你使用的是RWD的網頁設計,請確保Call To Action按鈕的長寬至少要有45px,以免變得太小!

* 自動推薦熱門選項
做選擇也是很困難的,不如就幫你的使用者一個小忙吧!放大、強調你們的熱門、主打商品,使用者會更容易繼續完成接下來的動作喔! 

* 別吝嗇給使用者回饋   
如果使用者都完成你希望他做的事了,就給他一點回饋吧!給點小小的禮物,讓使用者降低心房,也會讓他們對你的印象更好。

 * 使用有自信的行銷語言
「也許你會想訂閱我們的電子報?你會不會有興趣加入我們的粉絲專頁?」這樣的句子,使否會讓人覺得說話者不太有信心呢?請用正面、強而有力、不要問句結尾的Call to Action來感染使用者。

* Call To Action會說話
「獲得最新行動行銷訊息,我要訂閱電子報」和「訂閱電子報」?告訴使用者點下這個Call To Action後他的生活會有什麼改變,而不要只放一個icon。

* 強調「不做」將會失去什麼
如同我們之前在12項提高營銷的心理學研究分享過的,損失帶來的負面效果比收益帶來的正面效果更加強烈,所以人們更害怕失去!所以說故事的時候,除了說說用了這個產品或服務可以得到什麼,不妨更進一步傳達如果「不用」會失去什麼。
 

* 一步一步帶領使用者
以結婚為前提,也是要從朋友做起,所以別一下開門見山就要使用者離開他的舒適圈,去做一個他這輩子沒做過的決定。先從簡單的開始,給他試用、讓他適應這裡後,再進一步談下去吧! 

* 給予保證並說到做到
免運費、30天保證、刷卡介面安全,讓他們確定這真的一點風險都沒有,而且你說的都會做到!使用者才能放下一切懷疑和猶豫點下去!

以上就是和行銷文案相關的GoodUI好介面設計的分享囉,有時間大家不妨也可以上此網站逛逛,看更多好的介面設計吧,行銷不就是要跟上潮流再熟能生巧嗎?

      

2014年11月28日 星期五

RWD響應式網站之專業問與答

相信RWD的網站設計潮流早就讓大家想忘都忘不了了,也許你的網站已經更新成適合各種不同裝置的RWD響應式網站,成為此網站趨勢的領航者,不再錯過行動裝置所帶來的流量與轉換。但是,網站建好就沒事了嗎?對於RWD你究竟了解多少呢?如果你有很多問題需要解惑,相信大家也都是囉!沒關係~小編這編精選了RWD的5大最常問問題,事不宜遲馬上為大家一一解答囉!

      

1. RWD響應式網頁設計有什麼好處?
行動上網的人口越來越多,顧客可能使用手機、平板等裝置瀏覽你的網站。為了讓他們瀏覽順暢,你需要為這些不同的螢幕設計頁面。但如果製作了多個介面,不但花錢,維護上更花時間,因此RWD讓你省錢省時間!並且唯一的URL可以提高SEO的優化。

2. RWD響應式網頁設計有哪些缺點?
響應式網頁的機制是將資訊先下載後,再根據裝置大小重新排列,因此載入速度必定較單屏網站稍慢一些。但這個問題在網路頻寬越變越高的情況下,似乎很快就能迎刃而解囉~
此外,在執行【CALL TO ACTION】時,由於按鈕可能會變小(因為resize了嘛!),所以在小螢幕上有時候會比較難按。
最後比較麻煩的是,製作前必須選擇適當的圖片。有些圖在電腦上很清楚,縮小在手機上,可能變太小或不適合,因此必須謹慎選擇才能維持質感。

3. 如何解決上述缺點?
  • 壓縮圖片。網路上有很多免費的圖片壓縮工具能夠幫助你將網站上的圖片做一定程度的處理,讓載入速度變得更快。
  • 【Call to Action】按鈕夠大夠清楚。請確保這些按鈕大約比你的食指尖還大,建議大約44x44px,就能在小螢幕上輕鬆點擊。


4. RWD響應式與AWD適應式、及行動網站有何不同?
RWD響應式網頁,使用同一個網址,在不同裝置上的「內容」也全都相同,單針對文字、圖片、版面在不同裝置上的「呈現」進行調整優化。
AWD適應式網頁,也是使用同一個網址,但針對不同的裝置有不同的「內容」設計,因此網站會有很多個不同的流程版本。
行動網站,使用不同的網址,等同於另一個網站,專為行動裝置設計。

所以哪一個更好?
RWD、AWD同一個網址可以集中流量,對SEO或品牌辨認性都較好。
行動網站擁有最加載入速度。AWD次之,最後是RWD。
AWD由於要設計不同流程,因此花費上仍較RWD高一些。
總體來說還是RWD響應式維護上較方便,且使用者友善。

5. 如何測試我的RWD響應式網站?
你可以用以下幾個工具來測試你的網站:

(1.) Responsinator

以上問題有沒有解答大家的疑惑呢?如果對於RWD網頁設計有興趣或有任何問題,也歡迎以下列方式與窗口聯絡我們喔!感謝收看~