完形心理學!?讓我們了解“介面設計師”為什麼這樣設計

— 說服客戶與老闆、跟工程師溝通、強化設計概念的有感心理學 —

情況 1 : 為何要留那麼多空白? 害我還要滾動滑鼠(掀桌)
情況 2 : 為什麼不能直接用一頁展現? 把客戶的需求塞滿不就完工啦! (無言)
情況 3: 這種設計好像不錯,但是為什麼要這樣做? (直覺大神告訴我這樣設計,但我說不出來為什麼..)

雖然世界上有許多 GUI 已經走得又長又遠又厲害,但別以為這種古代人對話不會出現,一直以來我們只是習慣這些 GUI 被如此呈現,但為何要這樣設計我們卻不一定知道。

由於 完形心理學 歸納出人類大腦認知之普遍性的規則,因此無論是不是 UI/UX 設計師都很適合閱讀本篇文章。但還是想特別強調,若任職於傳統科技公司,需要對上說服老闆,需要平行說服(資深)工程師,那請把它收進最愛;而習慣套用設計好的 UI 套件,但不知道為何這樣設計的 IT 工程師,也可以透過本文來強化自己的產品說服力。

Continue reading

你可能不知道的 – 關於 iOS 切圖那點事

講在前面:其實這一系列文章原本想取名叫「與看不出圖片糊掉的工程師戰鬥系列」,開玩笑的 (逃)~好啦!我只是想先跟各位夥伴說 … 文中所提到的習慣跟技巧都是以個人經驗為主,並不代表「這麼做就一定是正確的」!同事間能一起開開心心、快快樂樂工作的方法肯定就是好方法。如果內容有錯誤或是需要修正的地方,歡迎各位前輩給予指教,讓我們大家一起加油!

本篇文章中將提及的內容包含:

  • ICON 的切圖該如何處理?
  • PDF 圖檔要注意些什麼?
  • PNG 圖檔要注意些什麼?
  • 按鈕的切圖該如何處理?
  • 設計師常常忽略的那點事

Continue reading

emoji 時代的 9 個豆知識

本文章已獲得作者 Winston 授權,轉載自:emoji 時代的 9 個豆知識,原文出處 justfont

 

2015 年,權威的牛津字典做了一件看似很反權威的事情,他們把 ? 列為年度單字。這個字,在 Mac 的 emoji 列表中的名字是「喜極而泣的表情」;如果在 Mac 電腦打「哭笑」也可以選到這個字。但仔細研究後,顯然有其分別。例如這符號到底是喜極而泣,還是又哭又笑;是笑中帶淚,還是笑到噴淚呢⋯⋯

要探究這個問題,需歸結到 emoji 是什麼?它是「文字」嗎?不,它是「絵文字」。他的基礎是畫,所以它不能算是文字。而且如果說 emoji 是文字,那麼世界上存在一個「字集」來定義究竟總共該有哪些 emoji ?又或者 emoji 有「次序」?例如 ABCD 或ㄅㄆㄇ 那樣?為什麼笑臉(?)一定在便便(?)的前面呢?這沒有邏輯對吧。

但他真的,到底,你說說,真的不能算文字嗎?Unicode 可是有定義個別符號的碼位的,也能被打字出來,甚至它還裝成了字型檔呢。技術上來說,emoji 確實是文字。

Continue reading

UI 設計小技巧 – 電話號碼欄位

相信大家都有在介面中被要求填入電話號碼的經驗吧!是不是有時會發生格式難以理解而輸入易錯亂?亦或修改困難 … 等體驗不佳的情境?此時可能還因無法順利完成簡單的任務而責怪自己!其實這些在設計上都能被優化,只要設計師與工程師能多點同理心,考量上更加周延,這些情況絕對能避免的。而在這篇文章中,大舌頭將與大家分享 “表單(form)UI ” 中關於 ” 電話欄位 ” 的設計細節。

Continue reading

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

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

Continue reading

小資族說走就走的機票比價神器 – HelloWings

2016年一轉眼,已經過一半!今年的你是否好好地放了個長假、出遠門旅遊?大舌頭認為生活不應該被工作完全佔據,所以打算來個深度自助旅遊。不過,相信各位喜愛規劃自助旅遊的讀者,應該都跟此刻的大舌頭一樣,在尋找合適價位的機票與不同航空機票的搭配上花了大量時間,特別是需要一家一家的查詢、比價 … 這可是大工程!不易利用瑣碎的空閒時間完成它。

好家在,大舌頭發現一個不錯的平台 – HelloWings,它 “整合” 了多家廉航航空的票價,並以 “視覺化” 的方式呈現,大大的解決上述問題的不便。所以特別帶大家導覽 HelloWings 這個平台,並從中體驗查詢廉航票價的流程與介面;也藉此探討這個平台未來的可能性。

 

Continue reading

重新思考、設計 Nike+ Running app

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

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

 

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

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

前言:生活中的介面設計

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

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

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

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