Sketch 初心者在設計 UI 前要做的五件事!

就像廚師大展廚藝前要備菜一樣,產品設計師在做設計前,也應該把需要的材料都準備好,設計才會順利快速。Sketch 是現在 UI 設計師最喜愛的繪圖軟體之一,在開始繪製畫面與展開工作流程前,進入”可持續設計”的狀態是很重要的。在此,設計師 Jon Moore 分享給讀者 5 個 Sketch 繪製前要做的事情,協助你進入這個狀態裡:

Continue reading

虛擬實境體驗當道,設計師需要知道的 VR 互動方式

VR (虛擬實境 Virtual Reality) 與 AR (擴增實境 Augmented Reality) 發展已久,但近期的應用與風潮才逐漸發燒,其互動設計也未定型,本文帶來現今多款 VR 的互動方式,對於即將或已經著手設計的 VR 設計師應該有所幫助。AR 在互動設計發展史是一個重要的里程碑,發展中每一項里程碑都源自技術和人性的碰撞。從最初的紙帶打孔,發展到鍵盤與滑鼠,及現在進行式的觸控、語音識別,及已經成熟的 3D 手勢、眼動識別等。甚至,未來還會實現腦波控制與意念識別。每一次的技術革新及產品升級,都會帶來人機互動方式的變化。但不管怎麼樣,最核心的還是要符合人體的自然動作,讓人們以最舒適的方式獲取資訊。

Continue reading

產品訪談時,別問使用者的感覺是真的嗎?

UX 一路走來,學習使用者 訪談 的過程從見山是山、見山不是山、慢慢走回了見山還是山。先講結論,其實直接詢問使用者的『感覺』是可以的,甚至可以透過這種方式挖掘更深層使用者心中的想法,但這種做法在學術界被認為不夠嚴謹,且同時使用者訪談的新手常會因這麼做而犯許多錯誤,所以建議在學習 訪談 的初期避免這種做法。

這個議題我將分成三個部分來進行闡述:
一、為何別詢問使用者『感覺』的理由
二、專注於使用者做了什麼,而非想什麼
三、突破傳統學術,其實你可以問使用者怎麼想
Continue reading

UX 4: Feature Prioritization

關於 UX,筆者之前有寫過:1) UX 1: UX Design Process & User Research, 2) UX 2: Competitive Analysis & Persona, 3) UX 3: Define Problem & Ideating 等文章,建議先看過前面的,再看這篇會有比較清楚的脈絡。

Feature,顧名思義大家都知道,舉常用的產品 “相機” 為例子,相機上面有很多功能,但我相信大部份的消費者買來之後,最後還是都用智能模式居多,其他大部份的 Features 都沒有用到;這說明了一個法則,就是之前很紅的 80/20 原則,用戶 80% 的時間都花在 20% 的特定功能上,當然相機還有更多值得發掘的功能,但可能僅會被少數的人使用。

Continue reading

UX 1: UX Design Process & User Research

UX Design Process

UX 代表的是 User Experience(用戶體驗),主要著重於了解用戶如何和產品或工具互動的過程,基本上,UX 就是盡可能讓整體的流程和體驗更加愉悅。

不同的公司或是不同的流程在做 UX 的時候,可能會有些許的不同,但是整體都還是會參照這個流程:   1) 從用戶研究 (User Research) 開始  2) 根據研究來做出東西  3) 測試所做的東西   4) 重複 (Repeat)。 Continue reading

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

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

前言

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

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

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

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

距離上一篇:UI 設計師 學習程式 語言經驗談(一)大約有五個月了吧?!有沒有持續勤加練習呢?是否遇到什麼樣的困難?如果 學習程式 一切都順利,代表你天份異稟、有潛力。話不多說,我們今天就繼續往下一階段了~今天這篇聊到的內容可能會比較”硬”,而且需要更多的學習成本,所以打算以啟發的角度來分享我的 學習程式 歷程。

學習程式 sublime

Continue reading

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

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

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

Continue reading