SPARKFUL
죄송합니다. 이 페이지는 해당 언어로 번역이 되어 있지 않습니다. 열심히 노력 중이니 조금만 기다려주시면 감사하겠습니다!

Blog

Insights from the SPARKFUL teams

小兵立大功:預設的個人圖示

Magic Hunguser-interface-design
name

個人圖示(也可稱為 Avatar)是手機應用程式及社群網路服務不可或缺的元素,它可以幫助我們快速地辨識出使用者的身份。隨著社群網站的發展,人們可以透過各大社群帳號登入其他應用程式或服務,節省了尋找與上傳個人圖示的成本與麻煩。

但即便如此,仍然還是有一定比率的使用者會懶得上傳個人圖示,或是登入後就不使用了,於是我們常常會看到,一模一樣的內建預設個人圖示,重複出現在朋友清單或是搜尋結果裡面,因而失去了內建個人圖示原有的功能,並且也浪費了很多視覺空間。

avatars_w5

預設個人圖示似乎變成了「辨識此人是否有繼續使用此軟體或服務的指標」,但是開發者在開發階段通常也不太重視這個地方,常常隨便找張簡單的大頭剪影,當作所有使用者的預設圖示,但其實內建預設的使用者個人圖示,是有它基本的功用與意義所在,而我們卻很容易忽略它們:

1. 預設圖示要有意義與象徵性

預設個人圖示必須要能夠呼應並象徵你的服務,它是在 Logo 之外另一個可以傳達形象的地方。如 Twitter 還沒孵化的小蛋圖示,代表了你是還沒有成為 Twitter 老鳥的象徵;Tumblr 則是根據排版的設計,採用了側面的人形剪影,產生了對話的感覺。

花點心思讓你的預設個人圖示融入你服務,會讓整體更能傳達出你想要營造的氛圍與經驗。

meaningful-avatar

一個不是很好的懶人作法,就是使用 Logo 的簡化版(如使用服務名稱的字首當做個人圖示),這樣傳遞太多相同重複的訊息給使用者,反而可能造成反效果。

2. 預設圖示要有區別性

預設圖示必須要能針對服務內容,簡單地區分使用者,比如說 Facebook 是以交友為主的社群服務,它所重視的,就是要能夠快速分辨使用者的性別,所以它的預設個人圖示就有男生與女生兩種;而在澳洲群眾募資網站 Pozible 中,就有區分匿名與非匿名捐助者的圖示等。假設你的服務是跟年齡很有關係的話,你的內建預設個人圖示就應該根據使用者的年齡大小而有所不同;同理若是興趣導向的話,就應該創造幾種代表不同身分與性格的圖示,這樣一來即便使用者沒有上傳個人的照片,其他人也能快速的分辨這些使用者的特性。

facebook

Pozible

而在手機的使用經驗中,有研究建議,如果個人圖示沒有區別性的話,甚至應該不要使用,以免干擾使用者閱讀與判斷。

預設個人圖示是使用者在你的網站或應用程式上僅次於 Logo 最常看到的視覺形象,你應該要重視它並起碼花上設計 Logo 三分之一的心思去創造它,而不是隨便拿個奇怪的笑臉或是比例奇特的人形輪廓。


Image via Jared, CC License.

Magic Hung
Magic Hung
Technical Director
Technical Director @ Fourdesire. Create fun and crafts via programming.
divider
관련 게시물
name

電影色彩學:這些經典電影如何運用「色彩」引導觀眾情緒

電影裡的弦外之音無論是電影、圖畫或任何形式的創作中,「色彩」都是非常基本且重要的元素。好的色彩運用可以讓人一眼看出創作者想表達的情緒。因此,如何恰當的運用色彩是一項相當重要的課題。平常在看電影的時候,除了關心劇情,也可以...더 많은 기사 읽기
name

藏於字句間的創作:產品中的在地化翻譯

產品辛苦開發了,但要吸引其他語言使用者的使用,並不是那麼簡單的一件事。即使產品已經在某個國家(例如台灣)有了足夠的使用者數量,也不是翻譯成日文,就會憑空冒出許多日本的使用者。網路是連結的,但社群不是許多人...더 많은 기사 읽기
name

為使用者撒下「麵包屑」

大家小時候應該都有看過或聽過《糖果屋》(收錄於格林童話)的故事吧?故事裡的小兄妹在森林裡面邊走邊撒下麵包屑,希望可以在迷路的時候沿著麵包屑回到家,結果麵包屑被森林裡的小動物吃掉,這對小兄妹也就在森林裡面...더 많은 기사 읽기