美文网首页UI/交互设计规范iDesign
以用户的视角看你的设计

以用户的视角看你的设计

作者: 雪伦伦伦 | 来源:发表于2016-12-13 10:56 被阅读211次

    作为设计师,有太多时候我们为列表的行高或是说明文字灰色的深浅纠结大把时间,打开插件,在PS上调了又调,在手机上看了又看。但偶尔或许我们也应该思考,是否我们纯粹沉迷于自己的审美当中,我们的颜色选择,或细节设计是否真的能影响用户的行为?

    今天看了一篇文章,也一直是我在思考的问题,在这里翻译了分享给大家

    以用户的视角看你的设计 How Does a User See Design


    1. 字体的易读性 Typography is good or bad

    设计师通常对字体有更专业的理解,设计的时候,也会考虑更多的东西,视觉表现、易读性等等。读者并不知道Arial或Helvetica的故事和科学性,他们首先注意到的应该是字体的易读性,其次是好看或不好看。

    因此我们在为设计选择字体的时候,应该优先考虑易读性,确保我们想要展现的重要信息能清晰地展现,调节行距、字距,确保信息都显示在他们应该在的位置上,并能被读者很容易的看到。当然,与此同时,也要保持设计的完整性。

    不同的用户审美也不一样,较高审美要求的用户能看到的相对更多,设计细节对他们的影响也更多;而对于一些在视觉感官上相对粗略的用户,需要用最简单的设计元素来打动他们,比如主要的配色(如大面积的背景颜色选择,标题字体的风格和颜色等等),可能对于他们,两种风格相似的字体的区别并不大,因此这种时候或许选择一个造型上相对浮夸的字体,才更容易吸引他们的眼球。


    2. 细微的颜色变化可能不会被注意到 Color often goes unnoticed

    用户不会像你所想的那样关注所有的设计细节。比如一些颜色相近的渐变,如果是如上图颜色面积很小,很多用户可能会直接忽略。

    如果颜色反差较大,比如蓝色和黄色的对比,可能会让用户更容易注意到。因此,跨色相的颜色变化,可能是更有效的视觉引导。

    每个人对颜色的理解都可能不一样,在了解颜色通常代表的意义的同时,用户也可能被自己对颜色的喜好所影响。因此,设计的时候,应确保选择对大多数人都能接受的颜色搭配。

    在颜色这一点上男女用户的差异,甚至是色弱人士对颜色的辨别能力都会有所差距,在设计的时候都应该考虑到。


    3. 按钮应该做的明显一点 Buttons need to be obvious

    之前大热的幽灵按钮( ghost button)有一个缺点,就是不够明显,纤细的按钮轮廓很容易被复杂的背景和同颜色的文字弱化。

    按钮应对用户产生足够的吸引力,才能激发用户点击的欲望,提升转化率。因此,重要元素,如按钮、表格、超链接等的设计,需要我们在美观和实用性之间进行平衡。

    4. 极简主义被“高估”了 Minimalism is ‘overrated’

    承认吧,极简设计很多时候是你设计的第一选择。

    极简设计设计起来操作成本最低(并不代表设计时间就最少),看起来给人震撼却很大的设计。但是,很显然,在很多实际情况中,极简设计是不能得到客户和使用者的普遍认可的。极简设计能提供的信息和风格可塑性都很有限,极有可能会让用户感到一头雾水。

    可能你的同事(都是设计师),同项目的PD,甚至是身边的朋友都会觉得极简设计十分高端,但是很显然,他们跟你有着相似的审美,但你应该做的,是考虑到产品可能面对的大部分用户,以及你的设计的实用性和版本延展性。

    因此,你需要做“简洁、一语中的”的设计,而不是“极简”。


    5. 焦点图占据了大量空间 Big images take a lot of space

    大幅、有趣的焦点图无疑能吸引用户的眼球,但有的情况下,选择一张切题且能立刻让用户理解你的意思的图并不容易。

    使用大的焦点图(或视频)的原理,跟报纸与杂志的排版原理相似,即强调一个元素,对读者带来的印象更持久,影响比一组小元素的组合更有效。

    从用户的角度着想,在图片不能一图抵千言的时候,不妨像上图那样,用一些辅助的文字点题,绝对会有画龙点睛的作用。


    6. 用户有一定的品牌认知 They know branding

    如今的用户已经有了比较清晰的品牌概念。他们对不同的品牌,和品牌形象塑造都会有自己的理解,也会对品牌配色、logo等的改变比以前更敏感。

    因此在设计的时候,应该考虑到设计的延续性和复用性,是时候建立起你的设计规范了。

    原文链接:Design Shack - How does a user see design

    知乎文章链接:以用户的视角看你的设计

    相关文章

      网友评论

        本文标题:以用户的视角看你的设计

        本文链接:https://www.haomeiwen.com/subject/etgvmttx.html