我前段时间辅导的一位B端UX设计师就是有这个问题，被我抓着改交互细节。对方一开始不理解，感觉这些细节改完之后并没有很大的加分。因为从视觉上看，改完没多大区别，甚至变得更朴素了。后来听我解释了好久，才恍然大悟。这是一个PC端研发工具的项目列表，为了展示清晰，我就把卡片纵向排列展示了。首先，所有的图文内容都是一模一样，一眼就是复制粘贴的，没有真实感。这不光是态度问题，做设计不放真实内容的话，你看不出好坏！加上后，很多现实问题就暴露出来了。你看看，能察觉问题在哪吗？首先，以我在国内公司使用B端产品的经验来看，绝大部分人不会主动上传头像，除非领导硬性要求。而这种研发团队，很少搞形式主义，所以大部分用户都没有头像。同样，你又不能要求他们必须上传头像才能创建账号，于是提供默认头像。结果，整个项目列表都是默认头像……其次，研发工具的用户都是些程序员，平时工作忙，做事讲究效率。他们创建项目，很可能懒得找一张封面图来上传。但你又不能要求他们必须得上传封面图才能创建项目，那样太傻了。于是只好提供默认背景图。结果，很可能整个项目列表全是默认封面图……用户不但懒得上传封面图，还可能懒得写说明和标签，于是就难免出现下图这种情况——标题上下都空一大片，不好看也不实用。就算信息不缺失，整张卡片也不方便阅读。下图感受下，发现问题了吗？第二抢眼的，有标题左侧的「私有」、右上角的「进行中」，和左下角的头像。这三个东西位置相差“十万八千里”，用户眼睛该从哪里看起？其实这个那张卡片最最重要的，应该是标题。但是卡片上有太多东西比标题更抢眼了。也就是说，用户可能得切换五次视线焦点，才能看到标题！之前我发了一篇文章讨论相对时间和绝对时间，发现绝大多数大厂设计体系和看文章的读者，都认为相对时间更好理解：微信被集体控诉，聊天记录该用相对时间还是绝对时间？如果说开发工具为了严谨选择显示绝对时间，好吧，这个理由勉强接受了。但是今年的时间，没必要显示年份吧？一般说几月几日不加年份，大家都会默认是今年。还有几点几分，其实也不用展示。如果好几天，甚至几周才创建1个项目，那么把几点几分展示出来就没什么意义了。实在担心要看时间，可以加个悬停气泡。标题是整张卡片最重要的信息，现在却被加载一个标签和一个图标之间，这待遇有点差呀……虽然不算大问题，但还是希望能多显示几个字是不？很多设计师的交互能力止步不前，主要还是因为不知道好坏，找不到问题——其实说白了，还是很多底层逻辑没搞清楚。封面建议去掉。Figma都不要求设计师创建项目时添加封面呢，一个研发工具，真没必要整这种“形式主义”。现在卡片上最抢眼的是：「进行中」标签 > 头像 > 「私有」标签。进行中确实是最重要的标签，但放在右上角太就“偏远”了。不如弱化一点，放在标题附近。这样可以方便用户在读标题时顺便看到，又不至于太抢眼。「私有」标签怎么办呢？这个东西重要性弱一些，可以放到底部角落：但这样就显得很拥挤，而且创建人的头像依旧抢眼（如果换成纯色的默认头像更抢眼），怎么办？标签时有时无的，不好放在顶部。不然像下图这样，标题不齐就太难看了。为什么「…」图标要改成横向的呢？主要是因为这一排的视觉方向都是横的，如果只有「…」图标是纵向，看起来就没那么和谐：放入真实信息排列起来，发现一旦没有描述，就显得很空。这个，就需要了解用户实际使用情况了。如果发现用户大多没什么动力写描述，那就干脆别展示描述了。如果发现连标签都没几个人写的话，也可以考虑去掉标签。但这样信息量就太少了，没必要做卡片样式，不如做成表格。或者，也可以考虑增加一些有用的信息，让卡片信息更丰富一些：从视觉上看，改版前的卡片确实更亮眼，毕竟有那么多图片和色彩。但这样的设计只能唬住外行，内行和用户本人都知道那是“中看不中用”。标准设计流程，都是先定交互，再定视觉。也就是说，要先确保方案上的信息布局足够清晰易懂，再考虑视觉风格的问题。但是有些B端设计师因为思维转不过来，总是下意识地先考虑审美，再考虑交互。而考虑交互的时候呢，又不懂底层逻辑。不知道用户最想看的是什么、实际第一眼看的是什么，以及如何让用户一眼看到他们最想看的东西……
優(yōu)網(wǎng)科技，優(yōu)秀企業(yè)首選的互聯(lián)網(wǎng)供應(yīng)服務(wù)商
優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實(shí)的服務(wù)了近萬家客戶，成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動(dòng)端應(yīng)用（手機(jī)站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號(hào)：
專屬顧問
