電子商務網站介面 設計寶典 (二)

電子商務網站介面設計寶典(一)續集終於來了!!第二集帶來更多”小撇步”,讓你在設計電商平台時無往不利。21.在元素變化時增加動態效果,取代唐突的出現介面上的元素為了符合使用者的使用情境與方式,它們有時會出現顯示、隱藏、移動或轉移等變化,其目的最主要就是協助使用者理解介面的互動方式。

閱讀更多 »

製作 404錯誤頁面 的小撇步

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

閱讀更多 »

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

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

閱讀更多 »
what's wireframe?

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

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

閱讀更多 »
online shopping

網路購物 – 信用卡篇

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

閱讀更多 »

TED – 線上演講新體驗

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

閱讀更多 »