最近发现我们小区电梯里有一个上门按摩的广告，感觉挺新颖，就扫码看了一下。
没想到我的职业病犯起来，对按摩不感兴趣，反倒是对他们的页面设计研究起来。
你们也一起来看看，这个页面设计得怎么样？
其实这么简单的一个首页，一般人乍眼一看也还可以了。可谁叫我是比较挑剔的设计师呢？还是看出不少优化空间。
刚看到这么多按摩类型，我的第一反应是想要查看详情。因为我不确定它们之间的差别是什么，是否和我的理解一致。
但这些卡片上的按钮都是“选择技师”，好像不能查看详情？后来才发现，原来点击卡片和点击按钮不是一个操作，点击卡片就是查看详情！这就好比电商的商品卡片也很少直接外露下单按钮，因为很少人会不仔细看就直接下单。
首先，“项目列表”这种标题，几乎不应该出现在C端产品的首页，简直是浪费空间。
然后右边的APP下载和网址提示也是有点莫名其妙……一般人都会先在当前端使用过后，才考虑尝试其它端吧？
把使用人数写上去，不论真假，都是一个获取信任的好办法。
可问题是，这些字数太长了，根本一眼看不懂是多少位，还不如写成多少千多少万，更加容易理解还节省地方。这个产品主打上门服务，但首页没有看到跟地点和等待时间有关的信息，难免让人觉得不可信。
我把标题那一行换成定位，并在旁边写上预计上门时间后，是不是清晰多了？其实这几年来，“褪色”是UI设计的趋势，不论国内外都经历过这个步骤：P.S. 虽然有的APP现在又把高亮背景加上了，但整体趋势并没有突变。但是这个页面，却让我有种“一夜回到解放前”的感觉。跟电商和外卖平台对比一下，他们虽然有高亮色，但基本只用于运营元素。而这个按摩平台，却把高亮色用在操作按钮和时间图标：标题、描述和价格三个对比，应该是标题和描述距离更近，但他们却不是这么设计的。一般间距大小和元素尺寸成正比，不能很大的元素之间间距过小，也不能很小的元素之间间距过大：
价格和按钮都是很大的元素，他们距离卡片边缘太近，感觉不和谐。按钮的位置也不上不下的，很尴尬。把卡片里的间距都调整一下，是不是看起来舒服一些了？
这些问题说大不大，除了前2点问题会影响到业务转化率之外，其它应该还好。
想要学习或者练习体验/交互设计的朋友，可以了解一下「体验设计学习社」。
作品集详细点评+答疑+免费训练营&学习打卡等活动，更有各类大厂内推：