Week 14 — Learn UI Design | 設計UI小知識: 一個貼心的小舉動,讓使用者對你的好感度大加分

Max 麥克斯
Nov 25, 2018

--

無論是在生活中、工作上、或是家庭裡,貼心的舉動總是會讓當事人好感度提升(前提當事人並不厭惡你XD),如: 記得對方的生日、愛吃的食物、生活習慣等。在設計UI的世界裡,也是一樣的道理!若在使用某家產品時,介面的操作過程非常順利,也會對該產品該品牌有好的印象。

而...怎麼設計貼心的小舉動呢 ?

要設計出貼心的小舉動,其實有時就是把自己置身於使用者的位置,去思考怎麼做會讓自己在操作過程更順利更開心,所以 「觀察力」很重要,並不是空想就想得出來的,而是平常在使用別的網站、系統或是APP中,一定會有某些介面操作起來是好用的;然而,一個好的介面其實是不容易被發現的,因為就是操作的過程中都很順利沒問題呀!所以容易忽略它介面的好用性。

以下做出示範圖解釋:

假設今天有一個連結的地方,一般的連結就如左下一樣,當滑鼠移過去時,指標會變成一個連結手勢的圖示;而右邊則是不只變成連結手勢的圖示,外圍還有連結區塊的虛線,你覺得哪個比較好呢?

準備好了嗎?來揭曉結果囉:D(這個感覺很容易選啊!)

這個實在是不需要太多說明,左邊的一般連結相對右邊的連結區塊顯然不明顯,對有近視的人來說更不明顯。右邊就是 「貼心小舉動」的例子,使用者真的很難發現的說:「哇!這個連結區塊的設計真貼心。」他們通常只會記得這個網站、這個App或這個系統不錯,對此印象加分。雖然介面設計很容易被使用者忽略,但能讓這個產品印象深刻或好感度提高,不正就是介面設計的目的嗎!

本週UI練習

使用工具:Adobe Xd, photoshop

#038 | Daily UI_Press Page

設計理念或心得札記:這次較注重在視覺的呈現,和以往不同的是,用較鮮艷和大膽的顏色做搭配。

--

--

Max 麥克斯
Max 麥克斯

Written by Max 麥克斯

UI設計師 | 相信閱讀 | 喜歡有溫度的文字 | 致力於介面設計 | 記錄自學設計的一隅 https://maxinstudio.com/

No responses yet