為什麼網站註冊或購物時要填這麼多資料呢? 2015/09/20 這年頭一走進電器行，家電都貼上「節能」「環保」「省電」，一打開電視，選舉都要「拚經濟」「公平正義」。那資訊軟體的口號是什麼呢?毫無疑問，絕對是「好用」「方便」，預算比較高的會喊「行動」、「雲端」、「大數據」。口號的用意是什麼呢? 就是把一大串理念與想做的事濃縮成一句話，喊口號很輕鬆，但實行起來不簡單。對於專業人士而言，「好用」「方便」的定義可能有上千種，從心理學上，從視覺介面設計，從使用者操作流程上... 繼續閱讀 使用者介面網頁設計#capatcha#form#geolocation#input#UI#ux
行動裝置的水平滾動選單，是個好設計嗎? 2015/08/09 行動裝置幾乎已經成為生活必需品，在一些流行產業或生活消費行業，要思考的已經不是「網站要不要做行動版」，而是「網站的行動版要做到多好用」，商品沒有亮點，操作也不人性化，在電商的起跑點就輸給競爭對手了。行動裝置的介面設計是門學問，如何把滿坑滿谷的資訊顯示在有限的小螢幕上，如何讓畫面上的元素適合點擊，如何減少使用者輸入資料時的痛苦，如何避免完成一個目標流程需要一直、一直換頁，這些都是價值所在。近來發現一... 繼續閱讀 使用者介面網頁設計視覺設計#mobile#RWD#UI
易犯的 RWD 網站製作失誤 2015/05/09 自從 Google 在 2016 年宣布將調整手機 Google 中行動版網站的搜尋結果排名Mobile-first Indexing，各大網頁設計公司的業務人員就開始以此當噱頭、勸業主改版，因為這又是一個收費的大好機會。腳步比較遲緩的企業，也在老闆發現自己家的網站用手機打不開，而競爭對手的網站在手機上很好用，而開始提出需求將自家的網站做行動版的優化。讓資料可以優美舒服的顯示在行動裝置顯示解決方案有很多，響應式網頁設計(RWD, Responsive web... 繼續閱讀 使用者介面網頁設計視覺設計#bootstrap#css#html#HTML5#jquery#js#lazyload#RWD#淘寶
10 個資訊產品圖示的小故事 2015/02/19 現代人每天或多或少都會接觸到一些資訊產品，裡面都有許多的圖示與符號，那可曾想過，這些符號是從哪裡來的? 為什麼這個功能要用這個符號? 還有這些符號是什麼意思呢?1.分享符號就是在手機或網站上看到，用來分享內容的那個，它長這樣:所以這個圖案有什麼含意嗎? 為什麼長得像樹狀圖，還有 3 個點的連線呢?Co.Design 推測這是一個類似把愛傳出去的畫面，一個人推廣給其他人，然後其他人又再傳給更多的人。ShareThis 是一個為開發者... 繼續閱讀 使用者介面讀書心得#icon#iconfont#menu#UI
縣市升格與網站地址表單雜談 2014/11/25 2014年年底的桃園，有什麼變革? 除了吳志揚選輸了，還有一個，縣市升格。縣市升格，不只是桃園人的事，而是全台灣網頁設計公司、資訊軟體服務公司的事。大家在趕聖誕節檔期、年終檔期、元旦檔期、新年檔期、之餘，還要花心思處理這些事情。為什麼? 只要網站內有會員資料的，勢必都要做一番更新，除非是黑心公司。由於行動裝置的發展，網路的發展，電子商務的發展，東西不只是「能動」就好，還要「好用」。有人說 21 世紀是使用者體... 繼續閱讀 使用者介面網頁設計#form#UI#ux#淘寶#縣市升格
邪惡的使用者介面設計 2014/08/02 設計的其中一個目的，在於幫使用者解決某種問題，並讓供給端得到利益，但有時候為了讓使用者做出對店家有利的事，或者想得到使用者本來不想給店家的東西，所以出現了所謂邪惡的使用者介面設計模式(Dark Patterns)，基本上就是一種基於欺騙性的設計手段，但也不失為一種行銷設計來說提高銷量、點閱數等等的奇巧淫計。本文部分圖片來自 http://darkpatterns.org/## 1.預先選擇在原有的動作按鈕旁附加其他選項，並預設勾選，使用者容... 繼續閱讀 使用者介面數位行銷科技網頁設計視覺設計讀書心得軟體產品體驗#china#dark+pattern#UI#ux
行動版網頁不就是把網頁縮小而已嗎? 2014/07/13 這篇不講 coding 技巧，不講用 SASS 要怎麼寫，不講 Bootstrap 要怎麼用，不講各種 framework 怎樣達成 RWD 的原理。只是一份講行動版網站與做一般網站有何差異的概覽。看不到資料的話請點此 行動版網頁不就是把網頁縮小而已嗎? //Speaker Deck本簡報適合瀏覽對象: – 覺得行動版網頁只是把網頁縮小而已，沒什麼的人 – 為了學 RWD 還花錢跑去上課的人 – 不知道設計行動版網站有什麼眉角的初學者 – 被指派做行動版網站，... 繼續閱讀 使用者介面網頁設計#css3#flash#HTML5#mediaquery#mobile#RWD#table#viewport#Web