2.4.1 Design System - Avatar元件

年龄这件无关紧要的小事
从小我就很讨厌任何因为年纪而设下的规范
尊重长辈绝对是因为他做人处事很值得我尊重、对学长姐有礼貌绝对是因为对方也有礼貌
有时候也会遇见一些年纪小但懂很多、很值得我学习的人
所以每次遇见只有年纪跟辈分可以拿出来说嘴的人，就会警惕自己长大绝对不能变成那样

今天要来仔细研究一下「Avatar头像」
这个是几乎大家每天都会看到的元件，只要你有使用Email、通讯软件都会有

依照之前专案经验＆参考几个设计系统：Adobe Spectrum、Atlassian、Ant Design
在做Avatar时，大概需要考虑下面几点：

1.有没有资料
头像有可能是像 Slowly App 那样用几个预设插图、有可能是用户自行上传，那当用户没有设定跟上传时，要用什麽图片呢？可以上传的话，档案尺寸长宽跟大小的上限是？

2.头像形状跟大小
有些头像是用正方形、有些圆形，而且会应用在不同装置跟画面，比如说联络人清单、个人资料页，有可能会使用到不同大小的头像(如下图，参考Adobe)

3.头像多寡
比如说 Meetup 一个活动有很多人参与的时候、或是 Line 群组里面有很多人的时候要怎麽表示
当有 30 个人，要显示几个头像＋数字表示？还是全部展开？

4.头像状态
在联络人列表，可能会需要考虑到 用户上线中、忙碌中、离线/有新讯息(有多少讯息) 等等
在审核用户，可能会有 已通过、审核中、未通过、封锁或停权 等等

5.搭配文字的排版
头像可能会与用户资料一并显示，当有不同资料要一起呈现的话，应该怎麽排列？
比如说联络人清单，头像可能会有 最後上线时间、用户名称、用户联络方式或是用户最後一次传的讯息
这些都要考虑进去

6.肖像权
有时候可能会用假图示意，但不能随便抓取别人的头像使用，台湾对於隐私权的重视可能跟欧洲比起来有差异，但在欧洲路上是不可以随意对着人拍照的，延伸到头像也是，不能随边使用别人的照片，因此有些网站会提供电脑合成人或可以使用的 Avatar 图片：https://uifaces.co/ 你可以筛选并使用主要客群跟用户看到会有共感的族群头像

实务上的工作经验小故事

厉害的人都有一本笔记本
虽然现在时代、科技进步，但我在求学跟职场观察那些厉害的人，他们总是会有一本笔记本记下各项大小事
在 UX 里面有个法则 Miller's Law，是在说人的记忆只有 7正负2，所以我们在显示电话号码的时候
091234567 跟 091-234-567，後者会比前者容易记忆
我想就是因为人脑记忆力有限吧！所以应该要仰赖笔记本把重要的大小事记录下来
这点我大学室友就做得很好，求学时就看她会有一本月行事历，因为格子不大、所以只会放上几个重要的项目
就好像人的时间是有限的，虽然我们想做的事很多，但总要取舍後把它放进生活里

Day 10 End