UI界面设计:如何用设计链接产品与人

  • A+
所属分类:经验思维

本文来源: 邓乐梅(公众号-旧爱文工团), 共 1675 字

设计链接产品与人

在大学专业里面,平面设计被称之为视觉传达,所以设计师的工作则是将产品概念以视觉的形式传达给用户。互联网UI设计也是一样,设计是为人服务的,产品满足用户需求,设计则是链接产品与人。

UI界面设计:如何用设计链接产品与人

01

设计师应该具备的良好思维:

产品思维+用户思维

刚从事UI设计的时候,用30%精力理解线框图,70%精力做设计,设计结果常常受到来自pm和各方的挑战,然而设计师除了用视觉感受力来进行解释,别无他法。次数多了时间久了,也会演变成来自内心灵魂的拷问,到底该如何评价一个设计的好坏,什么样的设计是好的设计,我们如何来维护自己的设计成果。也许设计师们应该转变思维,用70%的精力来理解产品和用户,将设计目标服从于业务目标,再用30%的精力来付诸视觉化。

UI界面设计:如何用设计链接产品与人

02

设计风格符合产品调性

有一个比较好玩的事情,我们可以将一个app想象成一个现实中的服务场景,结合产品本身的定位,闭上眼睛,你觉得你应该走到了一个什么样的空间?

UI界面设计:如何用设计链接产品与人他是个热热闹闹的有小贩叫卖的市场;还是个装潢高级的拥有穿着得体服务员的店铺;亦或者它是个井然有序的办公网点,代表着高效和权威;这种不同气质就是需要我们在设计中传达给用户的。

UI界面设计:如何用设计链接产品与人

▲工具气质明显,体现高效和权威感

就像各类网上超市都是呈现出一副商品丰富,折扣满满,热闹满满的界面,这些折扣区和动态图,就像市场里叫卖的小贩,以实物为代表的导航,就像是货架分类,让用户对这个界面降低戒备,产生亲切感。

UI界面设计:如何用设计链接产品与人

UI界面设计:如何用设计链接产品与人

▲以实物为代表的金刚

UI界面设计:如何用设计链接产品与人

▲热热闹闹的活动运营图

UI界面设计:如何用设计链接产品与人

UI界面设计:如何用设计链接产品与人

▲以高级灰为基调表达质朴与品质感

而各类严选精品购物app,则是像极了无印良品,用着肃穆的中式标题,纤细精致的描述文字,高级灰和低饱和度的用色,大面积的留白,直角的卡片,无处不在强调自己是有品质的商家。

UI界面设计:如何用设计链接产品与人

我们还可以去理解用户画像,去想象他们的穿着,他们的喜好和习惯,他们的生活环境,以此来把握用户的心理,这一群人会对这个产品产生什么疑惑,会有什么样的期待和需求,设计师应该用什么样的元素来帮助降低疑虑,增加亲切信赖感。

UI界面设计:如何用设计链接产品与人

03

设计符合人性

符合点状阅读/扫读习惯

UI界面设计:如何用设计链接产品与人

▲报纸的字体排版节奏,顺应用户的“扫读”习惯

就像看报纸一样,整体版面一扫而过,被某个“点”(短语或图片)所吸引,然后耐心“扫”完一篇文章。我们在设计时也可以顺应这个习惯,让关键信息以短语或短句的形式出现,让同类信息高度集成,以模块的形式展现,让用户扫读时快速抓取关键信息,然后再递进式分层的获取更多,提升阅读效率。

做好视觉引导

UI界面设计:如何用设计链接产品与人

▲中国银行导视服务系统

视觉引导就像是一个贴心的服务员,当用户处在这个页面的时候,产品需要他下一步去做什么,设计师要为用户的行为设计一个显性出口,让用户在无意识的状态下按照视觉引导一步一步的走下去,完成任务流程,设计闭环。

让用户拥有掌控感

让用户觉得自己很聪明,清晰知道每个模块是干什么(照片表达>短语表达>抽象图片表达),能够预知到每一个点击会去到什么内容的页面,如果是处在任务流程中,用户还应该知道自己走到哪一步了,已操作的东西应该明确显示出来等等。

04

设计体验流畅

如果UI设计师能够拥有一定的交互思维肯定是大大加分的,交互设计师思考的本质是行为设计,包括业务流程,信息架构,任务流程,界面布局等。

UI界面设计:如何用设计链接产品与人

动态的思考整个流程

UI设计师应该跳出静态的界面设计思维,动态的来思考整个流程。当设计师设计一个页面的时候,把这个静态页面放到整个任务流程中去设计,去设计每一个操作的下一步,穷举每个信息的状态,去想象用户每一步会遇到的困惑,并解决它,最重要的是,在sketch中按照不同任务分类摆出来,甚至不放过任何一个loading页和toast提示页,目的是帮助设计师思考完整流程。

先做结构后深化细节

如同画素描一样,我们可以先去设计界面的结构,再优化细节

UI界面设计:如何用设计链接产品与人

保证用户任务路径最短(防错除外)

另外,别忘了你也是一个用户,用户期望用最短的时间理解一件事情,用最短的步骤完成一个任务,信息表达清晰/任务路径最短/无需思考,永远是我们的追求。

结语

有了以上的思考,当任何人对设计师的设计结果有怀疑时,我们都可以有理有据的说出设计缘由,让对设计的评价不被演变成个人喜好的争执。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: