- Irvinglab 爾文實驗室
- Posts
- 🚀 經營部落格 SEO 推薦 WordPress 版型外掛、網頁設計必看的書、建立品牌才是關鍵、Framer 秋季發表會 2024、用聽的電子報 Beehiiv
🚀 經營部落格 SEO 推薦 WordPress 版型外掛、網頁設計必看的書、建立品牌才是關鍵、Framer 秋季發表會 2024、用聽的電子報 Beehiiv
💎 Mida 是一款輕量級且強大的 A/B 測試平台 Lightweight A/B Testing Tool,專為企業打造,能與 GA4 無縫整合
Irvinglab 爾文實驗室
🎄 這一期內容非常之豐富,記得看到最後,一路上有超多可以蒐藏 🎄
💎 培養觀察生活中的細節
為了讓自己在享用咖啡或手搖飲時不至於喝得太急,我選擇將飲料倒入小杯中,無形中減緩了飲用的速度 🤔
同樣地,為了延長員工在座位上的工作時間,有發現某些公司採用了電競椅或高級的人體工學電腦椅,這些椅子不僅舒適,還能有效減輕久坐帶來的壓力,進而提高員工的專注力和工作效率 😆
有咖啡廳則選擇了硬邦邦且不太舒適的小椅子,這樣的設計意在促進翻桌率,增加每單位時間的營收,讓顧客感覺坐得不舒服,因此不會久留。當然,這不是絕對,只是一種可能 🤨
另外,在點早餐時,我常常留意老闆如何處理我的食物。看到他的「手」在處理完滿是細菌的鈔票與硬幣後,再接著用手「摸」我的漢堡和吐司,總讓我心有疑慮。每次吃完早餐後,我發現「消化」特別順暢,於是我開始偏好點蛋餅或鐵板麵,因為這樣的高溫食物就不至於讓老闆再用那雙手來接觸了吧 😅
若你也有注意到一些有趣的生活細節,歡迎直接回信分享給我囉!😀
💎 觀察網站使用者行為
觀察同事們如何瀏覽網頁,並不提供任何提示或引導。自然地提出問題,讓他們進行搜尋和瀏覽,才能客觀地收集真實的洞察,過多的提示會干擾結果。對易用性測試(Usability Testing)感興趣的人可以進一步研究。我還會留意同事們使用網頁的方式,如偏好的瀏覽器和坐姿,這些都是我在設計時的重要線索。
雖然如今有很多架站平台和網頁範本,但僅僅套用它們並不夠。我們須了解其運作原理、設計目的,才能有針對性地客製化內容排版。隨意套用範本只是依賴運氣,而「因地制宜」的客製化才能達到最佳效果,避免浪費資源。
這也是我會進行一系列文章企劃的原因,例如「爾文 SEO 觀察室 – 品牌和電商網站的 SEO 案例探討」。我會持續觀察和研究各種主題,長期累積的經驗讓我對現象和數據變得敏感,從而能夠輕易捕捉到細節中的洞察。
💎 推薦兩本網頁設計師必看的書
如果你是網頁設計師、行銷專業人士,或是希望提升網站轉化率的經營者,想要了解網站設計的概念,我推薦閱讀兩本已經絕版但在二手書網站上仍然可以找到的書籍:
📙 了解「人」, 你才知道怎麼設計!- 洞悉設計的 100 個感知密碼
📙 了解「人」, 你才知道怎麼設計!- 抓住使用者心理、預想未來設計的 100 個感知密碼
書中包含大量生動有趣的小篇幅文字,配合實證研究的論文內容,既具說服力又易於閱讀和理解。它涵蓋了許多不為人知的有趣小發現,讓讀者耳目一新,並感受到豐富的靈感!
一開始就建立強大的品牌才是關鍵
「有許多創業家往往不把建立品牌當一回事,總是集中心力在發展產品、架構事業,以及應付各式各樣出現在他們眼前的問題上」摘錄自「勾癮」這本書
我對這句話深有感觸。在過去幾年中,我接觸了各種產業和領域的客戶網站設計與建置,發現有些案例實在令人惋惜:明明擁有良好的資源、握有一手好牌卻仍然遭遇失敗。雖然這不能完全歸咎於品牌力,但重視品牌和了解品牌的力量,實際上能為業務增添不少助力。品牌應該被視為一個預設的規劃項目,而非僅僅是「額外的工作」。
💎 設計師會愛上的網站設計架站工具 Framer 秋季發表會 2024
回顧 2024 年迄今為止 Framer 的發佈、外掛程式和 CMS 參考的推出、Framer Awards 和 Framer Academy 更新
外掛程式
使用 Icon Packs 和 Rive 等創意外掛程式以及 Notion 和 HubSpot 等無縫集成解鎖新的 Framer 功能。
CMS 參考資料
引用一個 CMS 集合中的專案,並將它們直接包含在另一個 CMS 集合中。此重大更新為您的網站解鎖了許多新的用例,同時保持了超級易用性。
其中覺得最特別的是 Framer 推出的 Forms 表單建立功能,令人躍躍欲試!
Framer Forms 特色摘要
推出全新 Forms:提供 10+ 種輸入類型與自由格式編輯體驗,設計自訂的輸入、焦點、選中、載入、成功等狀態。
數據傳送方式:通過電子郵件、連接 Google 表格,或設置自訂 Webhook 傳送數據。
安全性:內建垃圾郵件保護、速率限制和後備電子郵件保障。
輸入類別:支持文本、複選框、單選按鈕組、選擇控件。
文字類型:涵蓋文本、電子郵件、數位、電話、URL、日期、時間等 8 種文字輸入類型。
設計彈性:可自由設計 Inputs,支援自訂的 Focus、Checked 和 Invalid 狀態,並能編寫錯誤訊息。
元件重用性:透過 Variants 和 Variable,提供元件的可重用性與交互設計。
自定義提交反應:提交後可選擇重定向、顯示疊加層或更新按鈕狀態。
💎 用聽的電子報 Beehiiv
用聽的電子報:Irvinglab 爾文實驗室電子報網頁版有線上 audio 可以播放喔!例如可以聽聽看上一期的文章,雖然有口音,但還算滿清楚的啦 XD
爾文目前經營的電子報工具 Beehiiv 是非常適合內容創作者使用,國外相當大量的創作者甚至有些 Saas 公司都在使用!
另外公布上期的 OOOOO 的內容,這邊就揭示一下:
之前參加了一個 Shopify 網站合作已經超過三年的客戶舉辦的活動,碰見其老闆,他跟我說他發現了一個有關 Shopify 的秘密。
我問:「是什麼?」
他說:「建立 Shopify 網站只需要一個人就夠了」
我心想:被你發現了!
但要達到這樣的結果,是有先決條件的:你找的人必須是全方位的,可遇不可求。
💎 經營部落格 SEO 推薦的 WordPress 版型和外掛
Brevo
其它用過的電子報軟體除了 MailChimp 之外,最近剛使用這款 Brevo,覺得用起來挺順暢的,後台介面簡潔、設定直覺不會混亂,也有建立 EDM、自動化流程等功能,目前用來搜集名單於正在打造的品牌內容部落格中。
Brevo 擁有成功所需的所有整合功能,連接許多熱門的應用程式和網路服務,讓行銷和交易電子郵件發揮更大的效益。與 Shopify、WooCommerce 等多個大型電子商務平台建立了強大的整合!
Blocksy PRO
會發現 Brevo 是因為其有相容於新網站使用免費版型 Blocksy 搭配的 WordPress 外掛 Blocksy PRO,若以經營內容 SEO 為主的部落格網站,可以考慮使用看看,其也有提供專屬的外掛一次性付費方案,匯入 Demo 快速打造一個成形的網站。
Stackable
另外此版型 Blocksy 也可搭配 Stackable 強化古騰堡編輯器。
Stackable - WordPress 的終極 Gutenberg 區塊,可用來建構網站的全方位解決方案,使用 Gutenberg WordPress 編輯器。輕鬆創建任何網站,搭配現成的設計、廣泛的區塊集合、UI 套件等更多資源。
🚀 若想打造一個專門內容經營 SEO、輕量有質感的 WordPress 部落格,歡迎與我聯繫囉!也可前往了解更多 WordPress 外掛推薦精選
💎 科技工具分享 - Mida
A/B Testing 測試(網站轉換率優化工具)
Mida:Mida 是一款輕量級且強大的 A/B 測試平台 Lightweight A/B Testing Tool,專為企業打造,能與 GA4 無縫整合,通過可視化編輯器和代碼編輯器進行無限測試。不會減慢網站速度,避免頁面載入時間過長,以免影響轉化率。同樣有可視化編輯器,設定容易上手。它提供快速設置並不影響網站性能,讓行銷人員不需依賴開發人員即可輕鬆優化網站轉換率。Mida 提供詳細報告,並支援多種工具整合,幫助企業基於即時數據精確決策,提升業務表現。
若對電子報有任何想法或建議,可以填寫回饋表單,我會納入評估作為優化的方向,提供更優質的內容 ^^
Teamwork makes the team work
💎 Line 學習社群
Shopify 網站設計與架站學習交流
分享主題從網站規劃、設計到建立等相關內容,透過學習交流與經驗分享,讓彼此成長更加快速,主要以 Shopify 建立電商網站為主。
WordPress 網站設計與架站學習
學習 WordPress 網站設計與架站,分享實作經驗與交流。
SEO 資源彙整與學習
閱讀 SEO 就像喝水一樣,習慣建立與自然地吸收。
成為網頁設計師
邁向網頁設計師之路,了解網頁設計的基本概念與實作經驗交流與分享,無論是行銷人、工程師、平面設計師等想要了解更多「網頁設計」都歡迎加入討論。
Learning by Reading → Learning by Doing → Learning by Sharing
Irving 爾文
專注網頁設計與架站平台、SEO 搜尋引擎優化,深度研究品牌行銷、UX 策略與數位產品、電商經營等領域,熱衷科技、設計與文字創作、社群分享。
#藝術 #設計 #科技
★ Founder of Irvinglab 爾文實驗室
★ Web Design Lead / Senior Web Designer / SEO Manager
★ 專精 Shopify 電商網站設計與架站
★ 專精 WordPress 品牌網站和部落格建置
★ 工作經歷大小型公司 (包含品牌方與代理商)、網頁設計接案公司、數位行銷公司、新創 Saas 軟體公司等
➤ 聯繫方式:Line 官方帳號 | Channel 線上交談
➤ Email:[email protected]
降低資訊落差,幫助所有人做出最佳判斷,符合現階段的需求與成本考量,以提出最佳解決方案
Reply