行動裝置的水平滾動選單，是個好設計嗎? 2015/08/09 行動裝置幾乎已經成為生活必需品，在一些流行產業或生活消費行業，要思考的已經不是「網站要不要做行動版」，而是「網站的行動版要做到多好用」，商品沒有亮點，操作也不人性化，在電商的起跑點就輸給競爭對手了。行動裝置的介面設計是門學問，如何把滿坑滿谷的資訊顯示在有限的小螢幕上，如何讓畫面上的元素適合點擊，如何減少使用者輸入資料時的痛苦，如何避免完成一個目標流程需要一直、一直換頁，這些都是價值所在。近來發現一... 繼續閱讀 使用者介面網頁設計視覺設計#mobile#RWD#UI
你知道你的網站可能在 InAppBrowser/webview 無法使用嗎? 2015/08/08 你知道你的購物網站，可能在 Facebook App 裡面無法結帳嗎?最近遇到一些案例– 購物網站上線後，廠商說許多消費者回報「購物車無法刪除商品」– 購物網站選擇取貨的超商分店後「無法跳回原本的結帳頁面」。– 活動網站有一些需要使用FB登入或分享後，可以投票或登錄抽獎的功能，但 FB登入或分享後卻無法回到原來的活動網頁，或是擷取到的值有異常。工程師用了幾十年 的 JavaScript confirm() 跟 window.open() 語法，到底會有什麼問題... 繼續閱讀 數位行銷科技網頁設計#facebook#GA#inappbrowser#RWD#UserAgent#Web#Webview#網路開店
在 Windows 建立各種瀏覽器測試環境 2015/06/13 從前從前，人們習慣將軟體、工具、檔案都放在自己的電腦，姑且稱為單機作業時代。後來由於時代進展，一個人有公務電腦、私人電腦、手機、平板……如果必須在這些裝置處理同一件事，那同一個軟體得購買好幾次嗎? 同一個檔案得放在這麼多地方嗎? 還有軟體非得綁那個笨重又難看的硬體，可以在自己的平板或 mac 上運行嗎?於是有廠商開始發行所謂的雲端版工具程式，雲端版工具通常有兩大特色，第一是跨平台，不用擔心使用的裝置是 Mac, Wi... 繼續閱讀 網頁設計軟體產品體驗#android#emulator#HTML5#iOS+simulator#mac#RWD#vmware#遠端調試
RWD 網站常見錯誤：畫面縮小不等於手機也能用 2015/05/09 整理響應式網頁設計常見失誤：斷點綁定裝置型號、固定寬高、錯用 orientation、文字放大後內容被裁切、手機鍵盤遮住表單、只替觸控或滑鼠其中一種操作方式設計，以及圖片、表格、長文字與瀏覽器相容性造成的橫向捲動。並補充 Container Query、Grid、Flexbox、inputmode、hover、pointer 與跨瀏覽器測試等現代 RWD 實務。... 繼續閱讀 使用者介面網頁設計視覺設計#bootstrap#css#html#HTML5#jquery#js#lazyload#RWD#淘寶
Bootstrap 的一些欠佳用法 2015/02/07 近幾年很流行在網頁專案導入一個叫 Twitter Bootstrap 的前端 framework，例如網站的管理後台，網頁系統的後台，新創網站，甚至一些預算不低的網站前台，也是套 Bootstrap ( 簡稱 BS )的預設樣式，或是套上某個 Bootstrap 的免費樣式，就端出來給大家用，讓那些慢慢手工刻網頁的勞工覺得自己好像智障。導入 Framework 的意義何在? 就是 Write less, do more.Bootstrap 有哪些好用的特色?針對一些常見、常用的網頁元素和元件寫好定... 繼續閱讀 網頁設計軟體產品體驗#bootstrap#css#framework#html#RWD
現在做網頁設計還要學 Flash 嗎? 2015/01/18 每隔一陣子就會聽到有人問 :「我想做網頁設計，人力銀行很多徵才條件都註明要會 Flash，那我應該要去學嗎 ?」Flash 在前幾年的確風光一時，比如說七八十年次小時候都看過的阿貴、詰譙龍、小小系列動畫；還有各種活動網站、小遊戲、課本附的多媒體光碟教材、網頁廣告，2advanced 風格的全 Flash 網站，甚至是網路詐騙彈出廣告，處處可見 Flash 的蹤跡。Flash 優點挺多的，說對設計師而言，可以用滑鼠直覺的拖拉，所見即所得，動畫製... 繼續閱讀 網頁設計軟體產品體驗#animate#e-learning#flash#hack#HTML5#js#RWD
行動版網頁不就是把網頁縮小而已嗎? 2014/07/13 這篇不講 coding 技巧，不講用 SASS 要怎麼寫，不講 Bootstrap 要怎麼用，不講各種 framework 怎樣達成 RWD 的原理。只是一份講行動版網站與做一般網站有何差異的概覽。看不到資料的話請點此 行動版網頁不就是把網頁縮小而已嗎? //Speaker Deck本簡報適合瀏覽對象: – 覺得行動版網頁只是把網頁縮小而已，沒什麼的人 – 為了學 RWD 還花錢跑去上課的人 – 不知道設計行動版網站有什麼眉角的初學者 – 被指派做行動版網站，... 繼續閱讀 使用者介面網頁設計#css3#flash#HTML5#mediaquery#mobile#RWD#table#viewport#Web
