Running

重新思考、設計 Nike+ Running app

當我搬到挪威,第一件讓我特別注意的就是 – 每個人都在跑步,而且都很認真地看待跑步這件事。一年後,我也給了自己一個承諾 – 從今年五月重新開始跑步!

在購買跑步所需要的裝備前,我載了 App Store 上所有的跑步 app,發現到幾年前的那些 app 至今還在,這些 app 雖然名稱沒換,但 logo 與 app 都改版過了。但是有一個 app 例外!

 

Continue reading

cover

生活中的介面設計|報稅篇

前言:生活中的介面設計

隨著科技進步,我們越來越依賴技術來處理生活大小事務,同時也因為自動化服務的普及,介面友善度成為近期最受關注的一環。

不過,許多生活上必需接觸的介面,卻在傳達設計上,讓使用者產生錯愕。

身為設計師,面對問題並解決是我們的天命!這次文章的主題就是探索生活中遇到的介面傳達問題,同時提出可能的解決方式。

五月是 報稅 的時節,同時也產生許多民眾的困擾。報稅的方式由過去親自跑一趟國稅局,演進到推出各種不同的便民服務,如:安裝軟體,透過憑證 報稅 外,還有便利商店代收…等。目前,人手一台智慧型手機已成趨勢,或許新一代的族群在面對報稅議題時,馬上會猜想可能有對應的手機應用程式 ( App ),便開始在一些平台上進行搜找。不過,經過嘗試,我發現了以下幾點問題與情況:
Continue reading

Empty_State_00

設計師最常忽略的 UI 頁面狀態:空白狀態(empty state)

大多 app 平均會失去 77% 的用戶(使用者下載後三天)。更糟的是,在 30 天內, 將近 80% 的用戶不再使用。造成如此低的用戶留存率(retention rates)是因為 app 製作或概念不良嗎?恐怕有其他原因。基本上,使用者會下載許多 app 試用,並在幾天內就會決定該刪除那幾個。這代表怎麼在這個期間內讓使用者上癮,是邁向成功的關鍵。而你的任務就是確保使用者要經常使用你的app,且能心滿意足。但在達到這個目標之前,你必須讓他們在 “首次使用" 就有好的體驗!本篇就要探討設計師最常忽略的頁面 – 空白狀態(empty state) 頁面。

 

Continue reading

ProfilePicture_00

為什麼介面設計中,使用者的 個人頭像 大多是圓形的?

大家有沒有覺得有越來越多的平台或 App ,喜歡使用 “圓形" 作為使用者的 “個人頭像" 形狀。該不會是近期的設計風潮?還是大部分介面設計師的愛好?或有其他特別的原因呢?大舌頭藉由歸納網路社群中專家的討論,以及問卷調查的結果分析,逐步釐清這個秘密,內容精彩不要錯過喔 ~

Continue reading

Mobile-App-Design

使用 sketch 改善網頁前端與設計的標註與合作方式

本篇文章轉載自 使用 sketch 改善網頁前端與設計的標註與合作方式,已獲得作者 patw 的授權轉載。文章主要是以開發人員(RD)的角度切入,介紹團隊開發產品時,所常遇到的總總問題與痛點(UI 設計 的標註、協作、溝通 …),並透過不同軟體間的搭配來改善開發流程所遇到的痛點,這些  UI 設計 工具包含了繪製 UI 的 sketch,輔助標註  UI 設計 所有元件尺寸的 Zeplin,實現頁面之間互動的 inVision,文章中會針對這些軟體做進一步的介紹,讓我們一起來看看吧!

前言

身為一名網站前端工程師,關於「工程師與設計師如何進行合作,進而能完成更好的作品」一直是個讓我感興趣的議題。當然這個議題範圍相當廣泛,從規格規範工作流程、彼此的換位思考,到各式能提昇效率的工具等等。

去年認識了幾位網頁設計領域相關的朋友,在工作之餘的分享小聚中,得知「Sketch app」這個好用的應用程式,它似乎能改善工程師與設計師合作時遇到的許多痛點。今年才來介紹 Sketch 是有些 Lag,不過還是紀錄一下我的試用過程吧。

Continue reading

awesome_mobile_app_designs

助你衝高下載量的七大 app 設計 思維!

進行 app 設計,有許多要考量的要素,如:較小的螢幕、更短的專注時間(對使用者)等。在理想的狀態下,我們當然希望設計出讓新用戶能輕易操作的介面,並減少無趣或挫折的體驗。那如何打造完美的 app 呢?我們將在文章內提供7點建議,讓你學習如何用正確的觀念與方法,來設計移動裝置介面若你想要更深入的了解移動裝置介面設計,我們補充免費的電子書資源:Mobile UI Patterns 與 Interaction Design Best PracticesContinue reading