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

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

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

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

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

Continue reading

利用心理學與科學,完美克服介面上“內容加載”的等待感

介面內容的載入,一直都是令體驗設計師頭痛的議題,如何讓載入更加愉悅更是努力的方向。然而在,網路上我一直沒看到有人分享加載 detail 的文章,只有類似加載出現後如何降低用戶情緒的主題。如果我們換個方式想呢?透用一些巧妙方式讓載入畫面減少出現,甚至不出現?這樣用戶的體驗是不是會更好呢!否則往往設計得不錯,但因為細節上配合得不夠好,導致體驗不如預期。

在此跟各位分享之前在 app 列表載入方面的設計方式,各位在搜尋結果列表應該常遇到往下滑就要等待內容載入,因此我就一直在想怎麼才能達到順暢滑動,沒有加載等待的體驗設計,現在就來跟大家分享基礎篇,之後有空在跟大家說說進階篇。

Continue reading

多語系網頁在設計上該考慮什麼,才能有好的使用者體驗?

多語系 (國際化)網頁在設計時,往往因不理解該地區的文化或語言,而忽視了許多小細節,累積起來就會造成諸多問題,例如:降低轉換率、無法完全地傳遞產品價值理念、降低使用者的信賴 … 等。作者 John Saito 以他在 Dropbox 工作的經驗,提供許多設計的小技巧給讀者,希望能解決在設計多語系產品的相關問題,期待能讓產品的體驗更好。
Continue reading

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

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

Continue reading

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

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

 

Continue reading

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

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

19 個常見的 UX Q&A

19 common UX problems and how to fix them 一文中,將討論一些目前在熱門網頁或應用中常見的欄位設計模式與細節。

01. 使用者可以輕易的檢舉或回報網頁內容

由於社群的內容大多是由網友所提供的,其中勢必會出現一些不當的內容,而社群平台就需要提供讓使用者回報的功能,維持社群平台上,資料的正當性。

pinterest 的回報功能畫面

pinterest 的回報功能畫面

Continue reading

推薦 Medium 的 文字編輯器

Blog 的品質影響因素包含了 “內容” 與 “排版”,而 文字編輯器 的操作、易用性也是影響排版的主因。

在開始寫設計大舌頭 (designtongue) 前,筆者嘗試了好幾個 Blog 編輯平台(均為免費、不需架站),包含了 google blogger, tumblr, logdown, Medium,所考慮的唯一因素只希望是免費、版型很多、不需自己架站;於是使用了 google blogger 然後 tumblr,而最後兩者都放棄,其原因是:

google blogger 與 tumblr 的設定太複雜(由於版型自由幅度大,但相對設定的複雜度就大增),其中 tumblr 的編輯器極為難用,這才讓我堅決地將 “文字編輯器是否好用” 設定為優先考慮因素。 Continue reading

電視節目表 + google calendar = ?

先來聊聊 電視節目表 好了,由以前刊登在報紙上,到現在的網頁版,看一看、比一比,沒什麼兩樣,編排、顯示方式大同小異,這到底是好還是壞?

由於目前各電視公司的節目表大多電子化了,以下就讓大家先看一下幾家不同公司的節目表,再來討論好壞與前景。

Continue reading