🚀 Shopify Editions Winter 2024 發表會 | Google SEO Made Easy | 爾文設計觀點

附上全方位 SEO 免費自學指南 – 從新手到專家的學習資源

Irvinglab 爾文實驗室

🎄 Shopify Editions | Winter 2024 影片列表

很少有跟蘋果發表會那般令人期待,Apple 第一,而 Shopify 第二

🎄 Google 推出 SEO Made Easy

🍔 Google 官方最近推出的 SEO Made Easy 的 YouTube 影片系列,有個很酷的功能,就是不只是以往的中英翻譯字幕而已,還可以直接「中文人聲發音」,顯然是用 AI 打造,可以去玩玩看。點擊影片中下方的「齒輪圖示」設定 > 音軌 > 中文

🍟 另外附上 Google 搜尋新手教學 (繁體中文),本來就是中文發音

🍺 以上都滿適合 SEO 新手初入門中午配飯邊吃邊輕鬆看看的影片系列

爾文設計觀點 Design Concept

🍔 Web UX 優化案例探討:網頁中,當側邊欄選項過多時,該如何呈現與設計互動?Ahrefs 的排版可以參考看看。

🥃 電腦版網頁:右側邊欄使用 Scroll 的方式包含超出版面的內容,除了將其固定位置作為目錄容易讓人找到標題尋找資訊,並用視覺刻意顯示 Scrollbar 的存在提示使用者可以上下瀏覽。

另外,你有沒有發現此側邊欄還與瀏覽器的 Scrollbar 保持相當的距離?這樣的好處是提升使用體驗,讓使用者在上下瀏覽網頁時比較容易去「選擇」側邊欄內還是整個網頁的畫面,若靠太近,則容易「滑錯」

🥃 手機版網頁:直接將右側欄位整改為常見的方式:右上角的漢堡選單,點擊即可展開查看。但這令人誤以為漢堡選單是整個網站的導覽選單,而非此頁面的內容導覽。

🍟 如果是你,你會如何優化此頁面的排版與使用體驗呢?歡迎隨時分想你的點子

🍟 這邊提供我的想法:對於手機版網頁的導航設計,優化方向會是改用下拉式選單並放置在頁面內容的標題正上方,而非放在最頂端的導覽列的漢堡選單。這樣做的好處是,它較能明確地表示此下拉選單為此頁面的內容導覽,同時還能保留導覽列的空間用於其他功能。


🪴 關鍵字
#WebDesign #WebUX #UX #Ahrefs

Learning by ReadingLearning by DoingLearning by Sharing

Irving 爾文 - Irvinglab 爾文實驗室

Reply

or to participate.