喂,你设计稿的文案和图片都真实吗?

喂,你设计稿的文案和图片都真实吗?

我猜,大部分设计师/产品经理的设计稿是长这样的:



(不能用自家产品设计稿,只好借竞品了......)


左边是设计的一个搜索结果页,展现了商品坑位(图片标题价格)、筛选等功能模块。


右边是商品详情,是左边点击了某个商品后跳转的页面。


其实作为一份高保真设计稿,乍一眼看是没什么问题的。



那么,这稿子有什么问题?


首先......搜索关键词写的是雅诗兰黛,但是下面出的商品却是费列罗的巧克力;


其次......筛选项没有具体的内容,文案写的是“筛选项一”、“属性”等等替代词;


然后......搜索出来的坑位每个商品都是一样的,同样的图、同样的标题还有同样的价格;


最后......商品详情页的图和搜索完全不一样,价格也不一样,标题也不一样......



所以,问题就出在,这份设计稿里的所有数据、图片、文案都不是真实的。


大家可能会说,设计稿只要说清楚尺寸、间距和组件里分别放什么不就行了吗?


难道开发或运营同学真会以为雅诗兰黛搜出来费列罗吗?


PRD 里肯定写了清楚的业务逻辑,比如字段怎么定的、跳转什么信息要同步过去,设计稿主要只是示意吧?


如果设计师每次都要把所有信息都改成真实的,那岂不是要“浪费”很多时间?


大家都很忙的好不好。


其实吧......第一次我被要求把设计稿里所有内容都做成真实的时候,也觉得这是浪费时间。产品经理没事干了吗要纠结这些可有可无的细节?况且我就算用了线上的数据,最后数据也会变啊。


不过经历了几次“折磨”之后,我才慢慢理解了这么做的意义。继续拿文章开头的那张图来举例:



不真实的文案会给人以误导。


筛选项为什么有得有向下箭头有的没有?筛选项真的是针对商品属性吗,还是会有促销优惠的筛选信息?筛选项一二三之间是否有联系?


也许你的注释可以帮助使用设计稿的人理解逻辑,但作为第一个映入眼帘的视觉界面却没有传达出合理的信息,非常容易给人误解,让人迷惑。也许最后你写的备注和图片上的还不一样,开发同学就更要骂娘了——这到底哪个是对的?



图片可能没有你想象得那么好。


都是白底图当然美如画了,要想在商品图片上打个“热销”或者“新品”都非常容易。


但是,如果你家平台卖的商品的图片不都是平台自己产出的,或者没有严格的图片规范,可能最终上线之后的效果就是这样的......



F*uk…..看这醉人的配色,看这迷乱的构图,在图片上加任何标签估计都会失去作用了。


所以,不真实的图片不仅会误导别人,同样会麻痹了设计师自己。



业务逻辑表达混淆。


如果说连续四个坑位放的都是同一个商品还不至于让人误解,那有时候商品、销量和价格的混乱排序就会导致一些问题了。


为什么费列罗排在德芙前面?是否有什么特殊的排序逻辑?


为什么销量少的排在销量多的前面?是不是有广告业务?


为什么商品详情页和搜索的图片不一样?是不是有需求替换图片?


反正吧......你的设计稿有多少个不真实,就会让看的人脑袋转多少个弯。


类似的错误还可以列举出很多:


图片放的手机,后面店铺写的是 Zara 官方旗舰店;


卖的是小米,下面品牌介绍写的是耐克;


1000块钱的东西写85折优惠,优惠后的价格却是699;


明明已经结束的 Apple 发布会,为什么页面上写的还是直播?


商品是冰箱,为什么属性里面有适合什么样的皮肤......


太多了。



说真的,我被这事儿折腾了好几个晚上,所以我理解把所有内容全部 Check 一遍的成本有多高。


尤其好几次我出完方案已经精疲力尽了,却还要让我校对内容,那心情真是...瞬间原地爆炸。


但是现在如果别人拿一分稿子给我看,里面的内容是不真实、不合理的,我还是会觉得阅读成本很高。


明明设计稿是最直观、最明显的信息传递,明明第一眼看到的就是这些稿子,有什么理由不把内容做成真实的呢?


没时间吗?前面省下来的时间总是要还的。


不是你还,就是别人替你还,如果来找你辩驳几句,就大家加倍还......



最后,良心建议大家在以下情况尽可能去检查一遍设计稿的内容:


1、你的设计稿要拿给外部人员看。比如汇报给甲方、品牌方、合作对象等。


2、你的设计稿要拿给大老板看。大老板这么忙,千万不要给自己留坑,把时间浪费在细节上,导致方案通不过。


3、不是十万火急。来得及,就尽可能做细致一点,方便别人最终也会方便到自己。



养成良好的设计习惯,是进阶的第一步。

编辑于 2017-01-04

文章被以下专栏收录