別讓這三個常見的 UX 錯誤 壞了你的好設計

身處於科技業的設計師是無法一人扮演產品開發中的所有角色。可是顧客與相關權益人又常對設計流程產生誤解,他們也許不知道後端的程式開發與 UX 設計是不同的學門,甚至認為設計師應該要解決所有網站開發的問題。當你帶著這些刻板印象踏入到這個相對較新的 UX 領域時,你也可能會犯了一些錯誤。我們收集了一些大家較常犯的 UX 錯誤 (使用者體驗上),並提供一些方針來避免。 Continue reading

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

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

除了 UI UX,還有哪種 設計師?讓科技業大佬告訴你

使用者介面、使用者體驗、視覺設計、互動設計、使用者研究員、前端工程師、產品設計師?這麼這麼多稱號,卻又聽起來差不多?到底誰是誰,工作職責又是什麼?Pixelapse 的共同創辦人 Lo Min Ming 藉由 Apple、Facebook、Google 等知名科技公司對設計職位的敘述,帶我們一窺不同職責 設計師 之間的差異吧! Continue reading

After Effect 轉 svg 動畫 – 神奇的 bodymovin 插件

在製作網頁的過程中,以往遇到太複雜的動畫時我不會用 css 處理,而是直接轉成 gif 檔,但 gif 檔實在是超級大,如今在螢幕尺寸百家爭鳴的生態之下,更需準備多組大小才能讓動畫看起來銳利。對於這話題,Ivan Wei 寫過一篇文章 Android — 讓 apk 裡的切圖容量減少95%的好方法非常詳細的介紹如何運用 svg 處理圖樣 icon,現在我們面對 svg 動畫 而言又有甚麼方案呢? Continue reading

iOS 轉 Android 的 APP 設計指南

Apple 與 Google 在移動裝置上的體驗完全不同,各有擁護的粉絲。在 Android用戶越來越多之下,企業紛紛推出 Android 版的 APP。就設計師的職責而言,必須深度了解不同系統的設計規範使用者體驗差異,才能針對該系統設計出好的 APP。也因此,設計師 Min Seung Song 提供了 iOS 轉 Android 的 APP 設計上手指南。

Continue reading

如何成為好的 UX 領導者(UX Leader)

無論各位 UX 設計師處的環境或擔任的職位為何?作業方式是團隊或單兵作戰?其實都該不斷的提升自己的水平。而眾能力中,領導與統御能力對組織、任務與個人尤其重要,它通常扮演著事情能不能成功的要素之一。本篇文章將帶來資深 UX 設計師帶兵作戰的寶貴意見,絕對能帶給大家許多提醒與省思。

此篇原作者為 Robert Hoekman Jr,他是擁有豐富經驗的 UX 專家,曾服務於多間公司,如 Adobe、MySpace、Dodge、Craftsman、American Heart Association、Seth Godin 與 WordPress.com 等。並處理過上百件案子及面對許多客戶,累積了大量的寶貴經驗,在此分享給讀者們。以下,將以作者第一人稱的角度論譯。

Continue reading

Gogoro X 設計大舌頭 – 看 app 如何改善機車的使用經驗

隨著 Gogoro 城市新探 BETA PROGRAM 活動的結束,過程中大舌頭除了熱血外,還留下什麼回憶呢?沒錯,就是獨特的體驗!不知道各位由上篇的騎乘經驗分享文Gogoro X 設計大舌頭 – 當未來機車進入生活體驗時),對 Gogoro 是否已有初步的認識了呢?而這次,大舌頭將針對 Gogoro app 的體驗與延伸應用做個簡單介紹,讓大家可更瞭解 Gogoro app 的 UI 互動方式與未來發展的可能性。

 

Continue reading

如何讓介面中的動畫設計較容易被實現?

animatio

一般而言設計師交接給工程師製作時,除了輸出的圖檔之外還會有一份設計文件,用來交代畫面上的間距、文字、顏色等等資訊,有很多文章都在講解如何寫一份好的設計文件,例如這一篇

隨者設計發展,動畫的重要性也逐漸受到重視,設計大舌頭也特別寫了一篇文章說明動畫效果的重要性: 2015 動畫效果會是介面設計的趨勢嗎?。然而動畫效果較不容易用設計文件說明。

通常設計師會透由原型(prototype)來表達動畫效果,運用像 After Effect、Framer.js、Origami 等等工具製作,但這些工具的產出大多是展示用途,工程師不太能夠直接拿來用, 於是工程師看完設計的動畫之後,還必須自己再用程式寫出那樣的效果。這樣的流程常常會有工程師看到原型後說動畫太複雜做不到,或需要花太多資源去做,以及做出的動畫效果跟原型展示不一致的情況發生。

Continue reading

保護智慧財產不求人,介面設計師三分鐘看懂 設計專利

早期,大多數企業並不重視設計專利,認為很容易被迴避。直到 APPLE 對競爭對手發動設計專利訴訟戰,並透過舉證成功的牽制對手後,才逐漸扭轉大家看待 設計專利 的價值觀。然而,專利訴訟在商業戰略上的思考與應用層面,並不是設計師該處理的項目。但由上述的例子來看,設計師所創造出來的設計價值,已跳脫增加產品銷售、改善生活、帶來更好的 UX 等傳統效益(當然這還是很重要,並且是設計師們最關注的)。所以設計師在知識領域的增進,需跨出單純"做設計"的小框框;同時也應多關注新聞動態,了解專利對產業的影響。甚至在設計前透過專利檢索,來降低未來產品推出被訴侵權或迴避的機會,也許還能由檢索中得到設計的靈感!不過,大部分的設計師並不會在設計前進行此步驟,原因當然有很多,其中有一大部分是沒有友善的工具,以及對專利知識不足而懼怕或排斥。所以這次大舌頭會以免費好用的工具(Patentcloud.com)與美國設計專利(以 Icon 與 GUI 為主)為素材來分享相關的初階知識。

Continue reading

我用 Sketch 設計 Android app 的工作流程

要動筆寫這篇文章時,突然想到前陣子被問:

「通常…設計師不是都比較喜歡用 iPhone 的嗎?你為什麼喜歡 Android?」

我喜歡 Android 的原因很多,這篇文章不談,以免分享文變戰文 XD。而事實上,的確因為 iOS 的各方面優質設計,讓很多設計師為它打造各種美輪美奐的應用。所以當我們在閱讀 UI 教學、app 設計的心得時,往往也是 iOS 的資源會比較多。

既然我愛 Android,那就來幫綠色機器人寫寫文章,拋出我的磚,希望可以有更多的 Andr​​oid 好設計。

Sketch 設計流程

正在努力開發中的媽咪愛 Android app(點圖放大)

Continue reading

UI 設計師 學習程式 語言經驗談(一)

由標題就可以看出,這篇是一則從不會寫 code 到能寫出稍微像樣的網頁勵志文(誤~)。

首先筆者先介紹一下自己的背景,大學與研究所都是工業設計背景。大學時專注於實體產品的設計,而研究所開始接觸通用設計、高齡人機介面、感知心理學等領域。畢業後,因為開始對非實體的設計感到興趣(UI 與 UX 等),就直接投入資訊業當個小小 UI Designer 了。不過隔行如隔山,事情絕對不會是傻人(筆者)想像的那麼簡單,結合過去所學的設計理論到實務應用總是會有一段陣痛期。

設計師 - 學習程式

圖片截圖:www.adhamdannaway.com

Continue reading