题目1:
功能页面的设计(科技&专业)
设计说明:
产品目标:帮助用户快速了解 Unity 3D 资源优化服务,并引导用户使用产测试品。
用户目标:全面了解产品的特点,能够解决测试的需求。
设计说明:当用户在浏览页面时,可是分为三个部分,分别有各自的功能:
a.吸引用户注意力,引导用户继续浏览页面或使用;(banner/产品特点/覆盖平台)
b.产品介绍;(使用步骤/服务方案)
c.产品背书;(报告样例/他们都在用/客户评论)
d.提供入口;(文档帮助/底部banner)
因此,在设计时的主要思路是:
a.使用丰富的色彩、特别的icon和显眼的标题达到吸引用户的眼球,让用户在进入页面时就能明确该页面主要介绍的内容。蓝色是主色调,凸显科技感,橙色和绿色作为辅助色,能增加页面的丰富性。
b.「 标题+文字 」能帮助用户快速浏览文字较多的「 使用步骤 」和「 服务方法 」,简洁的界面和明显的标题也有利于用户阅读。
c. 背书部分的设计难点在于「如何呈现丰富的信息而不让页面信息过载」。例如,「他们都在用」部分,「 icon + 介绍 + 游戏截图 」,既能展示丰富的品牌,也能清楚表达文字信息,加上游戏截图渲染气氛,从而避免同时并列展示游戏截图和介绍分散用户注意力。
d. 清晰的标题和箭头引导用户下载文档,底部蓝色的banner再一次提醒用户使用测试产品。
设计稿:
题目2:
项目运营类视觉设计
产品目标:平台推广邮件,通过好奇心吸引用户阅读邮件内容。
用户目标:浏览有趣味性的邮件内容。
设计说明:作为推广邮件,目的是唤起用户好奇心以让用户快速了解邮件的主旨和特点:
a)设计风格定位在七八十年代的复古游戏设计,利用用户对该风格的好奇,吸引用户的注意力。
b)以立体字突出邮件顶部标题,便于用户迅速明白邮件的主旨。
c)四个方框清晰展示测试平台的四个特点,加入复古的界面设计和设备元素,唤起专业的用户hardcore的兴趣,增加页面的趣味性。
d)采用虚线连接方框,引导向下浏览,并加入👇的图标,最终将用户的目光引到二维码的位置。
设计稿:
Note:
-耗时12个小时
- 收到 Feedback:
题目1:网页不够耳目一新bannericon没有诠释主题。
题目2:欠缺愉悦性,文字不易于阅读。
- Self Critique :
题目1:当用户进入浏览页面的场景时,希望用户 1)马上对网页主题有感知 2)在快速浏览中能清楚每个部分所表达的核心内容 3)不足之处:缺乏交互性
题目2:当用户收到一封邮件, 1)设计风格吸引其好奇心 2)顶部标题展示edm核心主题 3)并通过设计元素吸引用户继续浏览 4)不足之处:设计渲染气氛不足。