19 個常見的 UX Q&A

在 19 common UX problems and how to fix them 一文中,將討論一些目前在熱門網頁或應用中常見的欄位設計模式與細節。01. 使用者可以輕易的檢舉或回報網頁內容由於社群的內容大多是由網友所提供的,其中勢必會出現一些不當的內容,而社群平台就需要提供讓使用者回報的功能,維持社群平

閱讀更多 »

製作 404錯誤頁面 的小撇步

網站內容的經營面來說,花精力來設計 404 錯誤頁面 ,絕對是好的策略。
通常 404 錯誤頁面 的出現,代表可能是使用者輸入錯的網址,或者是您搬移或刪除了這個頁面的內容。對您來說,絕對不會希望使用者已經如此接近您而且想跟您互動,卻因為無法給予正確的導引(至正常的網頁)而放棄吧!?

閱讀更多 »

20 個超強導航列 (Navigation) 設計

網站中的導航列 (navigation) 設計相當重要,因為它可能影響到網站是否能成功。主要的原因在於,使用者會透過導航列來找尋他們想要得到的資訊,換句話說,導航列的架構設計其實就代表著網站對使用者友善的程度。所以在設計與開發網站時,導航列的架構、視覺與互動設計極需深思熟慮。

閱讀更多 »

淺談 使用者研究 (上)- 從一個問題開始

今天,我們對於使用者研究這個詞並不陌生。當你在 Google 打上” 使用者研究 “的時候,你會看到五花八門的方法,與各式各樣相關的課程;甚至已經可以看到不少公司開出像是”使用者經驗研究員”,”使用者經驗工程師”等類似的相關職位。然而,當細究每個人對於使用者研究的觀點時,卻又發現這件事本身就很值得好好調查。

閱讀更多 »
what's wireframe?

設計師必懂 (一) – Wireframe 與 Prototype 的不同

什麼是 wireframe? 什麼是 prototype? 兩者一樣嗎?線框稿 (wireframe) 並不等同於原型 (prototype) ! 這兩個術語甚至連有經驗的設計師也常常搞錯。這兩者除了語意上的不同,實質面也具相當的差異,線框稿是一個低擬真度來呈現產品,原型是屬於中到高度擬真 …

閱讀更多 »
online shopping

網路購物 – 信用卡篇

信用卡支付也很成熟了,但在電商平台的支付流程設計上,還是有改上的地方。相信大家都有網購的經驗,確定訂單,填完地址,付款,等收貨。但在這些過程中,一直有個部分困惑著我,那就是 信用卡 付款的資料表單設計。整體看來似乎沒什麼問題(內心 OS:我用那麼久了,也很習慣了),但是你是否想過,如果 …,可能會更好!本篇就來探討如何讓信用卡的 UI 設計更好呢?

閱讀更多 »
TV program list

電視節目表 + google calendar = ?

電視節目表 UI UX 怎麼設計?先來研究目前市面上的產品,我也整理出一些設計節目表的必要元素:分成三大區塊:早、中、晚。使用者可以快速篩選並 focus on his target area.
正在播放也是必須清楚標示出來。使用者可以快速知道正在播放的節目名,並以這個節目為分水嶺,已播 / 未播。當天 / 一週節目表的切換。快速切換可以提供使用者清楚明白節目一週的播放行程。

閱讀更多 »

為什麼我說 Facebook paper 很直覺

Facebook paper 已經 release 一陣子了,但是一直不知道該怎麼去解釋 paper 真的很好用、很直覺,幾乎替代了原生 app 了。其實網路上大家對於 paper 的褒貶不一,見解都不一樣,但只有自己體驗過,才真正可以知道 paper 是否好用。

閱讀更多 »
vimeo

貼心的 Vimeo 影音平台

對我而言, Vimeo 影音平台 是我用來看一些國外動畫、廣告、概念宣傳的一個平台,影片的內容品質都有一定的水準之上。今天的重點主要在於 “同一頁面存在多部影片” 時, Vimeo 設計了細微的小巧思,增加了使用者在觀看影片時的體驗。

閱讀更多 »

TED – 線上演講新體驗

TED 大會邀請眾多在該領域具貢獻的講者分享關於技術、社會、人文、娛樂及設計等議題,並用”說故事”的方式傳遞給觀眾。主辦者為求這些故事能影響更多的人,推出來及翻譯等服務項目。今天,筆者在官網上看到諸多精彩的設計小細節,迫不及待的想要分享給大家:播放影片再按下暫停,並將滑鼠移置影片上,此時影片上會出現演講主題及資訊,不但有提供觀眾資訊的功能外,活用設計與排板技巧也讓影片質感提升!

閱讀更多 »
CAPTCHA

支付寶登入之驗證碼

輸入 驗證碼 這東西,現在已經是習以為常的東西了,但是你是否常常還是有使用挫折的感覺呢?究竟是什麼造成使用者的挫折感呢?大多是輸入錯誤驗證碼所造成的。但如果驗證碼太過清楚簡單,容易被有心人士利用(機器人代打),那有什麼方法可以取得平衡呢?

閱讀更多 »