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

5s

設計師 精實創業 談 – 天下武功,唯快不破

Jimi 是塞席爾商快到爆股份有限公司(下稱快到爆)的共同創辦人之一,大學就讀工業設計系時就展現對設計高度的熱誠與投入(大舌頭學生時期就在無名 follow Jimi,是個小小 fans 啊~)。對他的第一印象就是 Work Hard & Play Hard,搞交通工具設計、玩音樂、幫 MLB 設計護具 … 等,成為當時的大舌頭學習和欽佩的目標。出社會後,無意間看到了 roolen 加濕機,尋線追查後才發現原來是 Jimi 的公司所設計開發出的產品,大舌頭又默默透過 Facebook 關注 Jimi ,二度當起了粉絲。 Continue reading

©Victor Hanacek via Picjumbo

開發網站不可不知:2015~16年的 網頁設計趨勢

較資深的用戶或設計師應該都還記得,90年代大家特別喜歡使用繁複的 GIF 動態檔來裝飾網頁吧?而現在最流行的網頁風格反而是簡約的扁平化設計。 網頁設計趨勢 可以反映當時的技術、使用者習慣、裝置、美學與設計思維的不同,相當有趣並值得探討。

舉個最近流行的趨勢吧!我們可以看到 響應式網頁設計(RWD)越來越流行,許多網站皆改為此方式來設計,除了對移動裝置用戶更友善外,甚至也影響 Google 的搜尋排行。接著,就讓我們透過 UXPin 針對今年度所見的趨勢整理而成的文章,一起回顧今年的網頁設計風潮與展望明年可能會流行的趨勢囉~

Continue reading

app-micro

微互動 將是2016年 APP 的設計新趨勢

也許你已經對如何創造一個很棒的 app、傳遞觸動人心的故事以及提供驚艷的視覺設計很有經驗。但市場競爭日趨激烈,有這樣條件的 app 可能還是無法鶴立雞群,還需要更多能連結使用者感受的元素。那就是我們今天要談的主題 – 微互動(micro-interactions)的設計,以及告訴大家為什麼越來越多人重視它。 Continue reading

zeplin-vs-sympli

Sketch Plugin – Zeplin vs. Sympli

本篇文章轉載自 Sketch Plugin – Zeplin vs. Sympli ,作者是 Water Chen。這篇文章主要是介紹 UI 的標註與協作工具: Zeplin vs. Sympli (Sketch Plugin)。想知道這兩套的差異?優劣勢各在哪?這篇就是了!

Sketch Measure – 早期用 Sketch 做介面的標註工具。
優點:可以選擇要標註哪些資訊,自動算出間距,自訂樣式。
缺點:畫面凌亂,得輸出多張標註圖或請工程師安裝 Sketch. (Mac Only)

Continue reading

LEARN-UI

我在介面設計領域學習的過程

本篇文章轉載自 https://medium.com/@Water_Chen/介面設計的兩三事,作者是 Water Chen。文章中提及了作者在介面學習的心得點滴,分享給正在這領域中摸索的設計師們!

從2013年6月大學畢業至今,工作時間也累積了兩年又三個月。一年三個月的時間在 ASUS 接觸了車用、電視的介面;六個月的時間在阿里巴巴,專注於天貓 Mobile APP;即將滿半年的時間在友人的新創團隊負責設計工作。
一眨眼,2015年就快要結束了,我想總結一下這個工作的流程。
以下容許我用視覺設計師(Visual Designer)的角度來撰寫(摻雜中台習慣用字,如果翻譯不合適就會補上英文)。

Continue reading