设计思维

谈谈设计创意获取的思路

前端达人 设计思维

谈谈设计创意获取的思路
 
 
读了一本书,杰夫戴维森的《The 60 sencond Innovation 》,讲的是
创意的获取方式
。因为国外的设计环境与国内还是有很大区别的(所以这本书的微信读书书评并不是很高),我摘选了几个我认为
适合国内现状的创意获取方法,与大家共享
谈谈设计创意获取的思路
 
 
一、关于设计趋势
设计创意是符合设计趋势的,我们需要关注设计趋势。
我觉得趋势这个词,书里面有个观点还是可以的:
关注长期趋势
为什么这么说呢,因为趋势不是朝三暮四的,往往会保持很长的时间。所以我们在做设计创意的时候可以适当关注长期趋势。
1.1关注社会趋势的重要性
最直接影响的就是职业生涯的发展
。譬如你是一名UI设计师或者即将毕业的学生,在当前的形势下UI设计师已经趋于饱和,你想完成一次职业方向的确定或转变,你会往哪里走?
那么你需要关注设计趋势。
如果你选择的是一个接近饱和的方向,那么你的薪资几年内肯定也得不到提高。有的设计师经常会说我做UI设计5-7年了,但是薪资依然还是1万,我
只能说你现在没有什么竞争力。
所以趁着年轻,你可以考虑换一条细分的赛道。
譬如逐渐趋于饱和的车载HMI设计,即将爆发的类似于Vision Pro的增强现实设计。。。
来自于苹果官网
来自于苹果官网
 
1.2如何了解设计趋势
首先,最直观的就是设计大事件。
譬如苹果等著名品牌引导的设计承载方式的变革。从罗永浩推出无限屏概念开始,其实类似的空间设计就已经处于慢热状态。直到苹果正式发布了Vision Pro,这种大事件直接将增强空间设计推向了高潮。
我们可以通过苹果的官方网站,去了解Vision Pro的使用方法,以此来感受Vision pro可以改变什么?文本编辑、影视、阅读以及游戏等等用户体验与手机操作的不同点,从而延伸出未来可以商业化的场景方向,可以做预知性的推断。
有兴趣的设计师还可以通过苹果发布的
Vision pro模拟器
,来尝试性地输出一些创新的想法和创意,以此来建立自己在增强空间设计上的设计经验和竞争力。
其次,可以通过设计网站、社区和平台。
譬如优设、站酷、人人都是产品经理等一些设计资讯平台。很多设计师会将国外的一些好的设计趋势的文章翻译,我们可以通过这些文章来获取设计趋势。
再者,可以通过行业内的研究报告。
譬如艾瑞咨询发布的《2023年AIGC场景应用展望研究报告》,里面就阐述了下一年甚至是未来AIGC的发展方向。
二、经验积累促进设计创意输出
2.1经验积累到一定程度的好处
一般设计师在自身发展的同时,也都会留意身边设计师发展的如何,嫉妒和对比是很正常的。有的设计师会觉得为什么他年纪不大却能当领导,为什么他的薪资比我多那么多,为什么每次任务下来后他总是做的又快又好。。。
因为这是工作/设计经验给他带来了各种红利。
为什么经验丰富的设计师创意那么多呢?那就是
尤尼卡效应(灵感的悄然而至)
。有经验的设计师,职业生涯过程中看过无数的案例,想过无数的方案,做过无数的作品。所以,他们可以在看到问题的时候,立马给你输出设计方案。如果你能达到这种地步,你的竞争力也将无可匹敌。
2.2经验积累下的灵感输出
做到两点:
【建立方向】和【埋头苦干】
毕业5年内的设计师,可以不用过多的去关注别人与自己的差别,你要做的就是【建立方向】和【埋头苦干】,幸运只光顾有准备的头脑。
那些有经验的设计师也都是摸爬滚打一点一滴练出来的。过年的时候跟大学同学吃饭,设计耕耘10余载,他已经是某设计院的总监了。想想与他一起住过的小黑屋,想想我们打地铺黑灯瞎火的做项目,为了钱么?是因为热爱,想做出更好的作品。再看看他一路走来的工作历程,他基本上在一个垂直方向上深耕细作,从场馆的设计方案到制定预算,从项目投标到施工流程,整个一套流程都驾轻就熟了。
2.3不断尝试后的灵感输出
设计师们都知道,灵感不会轻易上门。
创意是被逼出来的
!这一点设计师们都很有感触。
这里的经验积累不完全是工作年限的意思,也有深度挖掘之意
尤尼卡效应要求我们,即使在设计工作中没有灵感的时候,继续尝试着梳理思路不断钻研,肯定会有灵感乍现的那一刻。就像书中说的那样:
因为创新是一个渐进的过程,一次加上一点思考,最终会柳暗花明。
MIdjourny输出:设计师绞尽脑汁
MIdjourny输出:设计师绞尽脑汁
 
三、创意汇报
3.1高中低方案战略
要想实现创意被大家更好地接受,通常可以准备三种可能的方案:1.最佳方案2.中间方案3.最差方案
领导的决策,也需要有一定的参考。我们给出的方案,尽量涵盖高中低三种维度,以便进行对比。
3.2选择时机进行推荐
创意方案出来后,你可以安排一次会议/宣讲会,阐述一下自己的设计方案。聪明的做法就是在会议召开之前,先私下把方案简单过一下,以获得一定的支持。
3.3学会倾听
你在汇报项目的过程中,别人会有一些想法和建议,麻烦你认真倾听。不要着急去打断,以免造成厌恶性沟通。
3.4不要放弃
创意被否定很正常。
真正能一次通过的创意实属罕见,就好比不能因为拿不到第一就不上场比赛一样,你也不应该因为创意被否一次就永远自暴自弃。
四、创意输出需要心流状态
心流状态是指自己已经完全沉浸在设计创意中了。
心流状态可以很好地帮助设计师提高工作效率,促进设计创意的输出。
4.1如何获得心流状态
环境很重要。
对于设计师而言,通过调整周围的环境,比如说引进一些比较明亮的色彩、图片、标语等,可以大大激发一个人的学习能力。
开放、整洁、平整的表面有助于整理人的思维,所以一般来说,你的桌子越干净,就越容易提高工作效率,应对工作中的各种挑战。
五、创意伙伴日常沟通
众人拾柴火焰高。
5.1与什么样的人沟通
与相同价值的人沟通。
《探寻第一名》(Looking Out for Number One)一书中,作者罗伯特·林格(Robert Ringer)指出,持久的关系——一方为另一方提供相同的价值,双方的利益交织在一起,让这种关系持续下去——非常有价值。
因此
你找的人必定是彼此都珍视的人,可以成为创意伙伴
。你可以每个月找创意伙伴聊聊天喝喝茶充充电,获取一些新的想法,让自己的大脑保持常青常新。马云说过,企业在不缺钱的时候融资,而不是缺钱了再去融资。
设计圈有认识的大佬都很重视沟通,会经常跟身边的朋友聊天,其实这很大程度上
可以让一个人拥有多个人的经验和能力。
所以设计师应该尝试着开放一些,而不是闭门造车。
MIdjourny输出:设计师聊天
MIdjourny输出:设计师聊天
 
六、公司层面:讨论/沟通氛围的重要性
公司层面,应该鼓励设计师在会议上多阐述自己的意见。
很多公司是不是有这样一种现象:开会的时候鸦雀无声,只听到汇报的人胆怯地练着演讲稿或者说着自己的方案,让其他人给意见的时候基本无人举手,只能等领导给一些修改意见,
然后这个设计方案就变成了领导认可的设计方案了。
其实这种工作氛围真的非常糟糕,限制了设计师的创意的发挥,同时也让产品成为了一个片面性的产品。
6.1建立讨论沟通氛围的好处
所以团队的讨论氛围一定要建立起来。
书里这样描述:
1.当一个人感觉自己的想法受人欢迎的时候,他会想出更多有创意的点子来解决眼前的问题——有时可能会在会上发表看法,有时则是在私下里提出建议;
2.如果团队的每个成员都感觉更有满足感,他们的参与热情就会高涨。想想看,如果人人都愿意献计献策,事情将会变得多么容易啊!
6.2好好先生对设计创意的阻碍
讨论沟通,也促进了不同声音的展现。团队需要不同的声音,团队需要谦和而坚定的人来告诉我们事情的本来面目,要听到赤裸裸的现实。
 
感谢大家阅读。


作者:阿琦Aqi
链接:https://www.zcool.com.cn/article/ZMTYwOTk3Ng==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

作为设计师,你了解交互设计文档吗?

博博 设计思维

许多设计师可能未曾接触过所谓的“交互设计文档”。在实际工作中,这份文档是由交互设计师负责输出的,但令人惊讶的是,大多数互联网公司并未设立专门的交互设计师岗位。相反,交互设计师的职责通常由UI设计师与产品经理共同分担。为什么这些公司不选择招聘专门的交互设计师呢?
本篇文章旨在帮助设计师们全面理解交互设计文档。我们将
深入探讨其定义、作用、价值、制作方法以及核心内容
等。当然,如果文中存在任何不准确或遗漏之处,我也非常期待各位专家的指正和建议,让我们共同进步。
 
一、基本概念解析
交互设计文档是交互设计师的核心工作成果。
交互文档,即交互设计说明文档(英文名“Design Requirement Document”)。又称“DRD文档”。用来承载交互说明、交互原型、项目背景等内容,存档并交互项目相关伙伴的团队协作文档。
它在将用户需求转化为高可用性产品的过程中起着至关重要的作用。这不仅仅局限于绘制线框图,而是要求设计师具备明确的产品化思维,精通需求分析,构建信息架构,掌握业务流程与任务流程,同时还要有严谨规范、结构清晰的设计说明。
一份出色的交互设计文档不仅能够展现设计师的专业素养,赢得同事的认可与尊重,更可以显著减少产品设计过程中的沟通成本,提高工作效率,从而确保产品研发的顺利进行。
 
二、为什么需要交互设计文档
交互设计文档在产品设计过程中的重要性不容忽视。
  • 交互设计文档是设计师与团队成员之间沟通的桥梁。
    在项目中,设计师通常需要与产品经理、开发人员、测试人员等不同角色的成员紧密合作。而交互设计文档则能够确保所有相关方对产品的设计目标、功能逻辑、用户体验等方面有统一的认识和理解。这有助于减少沟通成本,避免因为理解偏差而导致的项目延期或功能失误。
  • 交互设计文档有助于提升产品研发的效率。
    通过文档,设计师可以将复杂的设计思路转化为清晰、具体的可执行方案。这不仅有助于开发人员准确理解并实现设计师的意图,还能够减少因为需求不明确或设计改动而导致的返工和延误。同时,文档中的信息架构、导航设计、任务流程等内容也能够帮助团队成员更好地规划和分工,确保项目的顺利进行。
  • 交互设计文档还是设计师个人专业素养的体现。
    一份详尽、规范的文档不仅能够展示设计师对产品的深入思考和分析,还能够体现其严谨的工作态度和对细节的关注。这有助于赢得上下游同事的尊重和认可,提升设计师在团队中的影响力和话语权。
  • 通过不断地积累和完善交互设计文档,设计师可以逐渐构建起一套规范化的设计体系
    。这不仅有助于提升个人和团队的专业素养和知识水平,还能够为公司的产品设计提供有力的支持和保障。在未来的项目中,这些历史文档还可以作为参考和借鉴的依据,帮助团队更快、更好地完成设计任务。
 
三、交互设计文档给谁看?
交互设计文档需要确保文档的有效性和实用性,它必须具备良好的可读性、唯一性和时效性。
  • 产品经理
    ——不同公司和团队中,产品经理与UI/UX设计师之间的合作方式和输出物各不相同。有些公司中,产品经理会负责撰写包括交互说明和原型在内的PRD文档,但这种情况下往往容易出现体验层面的疏漏。当公司有交互设计师时,交互设计师需要从功能规划、信息架构到原型说明等方面全面介入,确保产品的完整性和用户体验的流畅性。此外,在某些流程中,产品经理和交互设计师可能会分别负责PRD文档和交互文档的编写,两者之间的逻辑需要相互印证,以确保产品的逻辑和体验都达到最佳状态。
  • UI设计师
    ——作为交互设计师的下游,UI设计师在项目中也扮演着至关重要的角色。为了确保项目的顺利进行和避免后期可能出现的问题,交互设计师需要尽早介入需求沟通,与UI设计师紧密合作。通过交互设计文档,UI设计师可以更加清晰地了解产品的设计思路、信息架构和交互方式,从而设计出更符合用户期望和体验的界面。
  • 开发(前端)
    ——开发团队是交互设计文档的重要受众之一。他们需要根据文档中的信息来实现产品的逻辑、页面跳转流程、交互方式和动效等。一份详细、准确的交互设计文档可以帮助开发团队更好地理解设计师的意图,减少开发过程中的误解和返工。然而,在实际操作中,很多公司可能只有简单的PRD文档,开发团队可能只是简单地浏览一下,这可能会导致开发结果与设计师的初衷产生偏差。因此,交互设计师需要与开发团队保持密切沟通,确保他们充分理解和遵循交互设计文档中的要求。
交互设计文档在产品开发过程中不仅能够帮助团队成员更好地理解和实现设计师的意图,还能够促进团队成员之间的沟通和协作,确保项目的顺利进行。因此,我们应该高度重视交互设计文档的编写和管理工作,确保其在项目中的有效应用。
 
四、交互设计文档应包含哪些内容?
一份最基本的交互设计文档需要包含:
封面、更新日志、需求分析、产品架构、任务流程图、页面流程图、交互规范说明、交互原型、废纸篓
等模块。
  • 封面
    ——包括产品/项目名称、版本编号、撰写时间、撰写人、参与该项目的各方负责人,便于后续查阅及版本管理。
作为设计师,你了解交互设计文档吗?
  • 更新日志——包含具体新增或修改的内容,修改人,修改日期等信息。
    在实际工作中,方案的修改和优化是不可避免的。更新日志方便项目成员一目了然关注到重点更新的内容,也方便开发找到对应的负责人进行沟通,提升工作效率。
作为设计师,你了解交互设计文档吗?
 
 
  • 需求分析——包括产品名称、项目背景、目标用户、用户目标、产品目标、产品目标、使用场景、设计目标与设计思路,方便项目相关人员快速理解项目背景,总结回溯项目设计。
    需求分析是产品设计过程中至关重要的一步。它涉及到深入理解用户需求、业务目标和产品目标,以及将这些需求转化为具体、可执行的设计方案。在进行需求分析时,设计师需要与用户、产品经理和其他利益相关者进行深入的沟通与合作,确保对需求的全面把握。通过收集和分析用户反馈、市场数据、业务策略等信息,设计师能够挖掘出用户最真实、最根本的需求,为产品设计提供有力的指导。
作为设计师,你了解交互设计文档吗?
  • 产品信息架构——包括复杂内容的信息组成,展示完整的项目内容整体信息架构图。
    产品信息架构是设计过程中的关键环节,它负责将产品的功能、内容和用户体验进行有序、清晰的组织与呈现。一个好的信息架构不仅能帮助用户快速找到所需信息,还能提升产品的整体可用性和用户体验。 在构建信息架构时,设计师需深入考虑用户的信息查找习惯、浏览路径以及产品的核心功能。通过合理的信息分类、层次划分和导航设计,信息架构能够将复杂的产品内容变得易于理解和操作。
图源:龙爪槐守望者
图源:龙爪槐守望者
 
  • 业务流程图——产品主要业务流程图概述,用于描述主要功能业务流程(泳道图/单向流程图)。
    业务流程图是一种视觉工具,用于清晰展现业务运作的逻辑和步骤。通过业务流程图,团队成员可以直观地了解业务的全过程,从而更好地协作和执行。绘制业务流程图时,设计师需要深入了解业务需求和流程细节,将每个步骤、环节和决策点都清晰呈现。这样的图表不仅有助于设计师梳理和优化业务流程,还能帮助开发团队准确实现业务逻辑。
图源:滴滴出行业务
图源:滴滴出行业务
 
  • 任务流程图——产品任务的流程化表现,一个主流程,多个次要流程。每个任务用一组流程图表示。
    设计师在绘制任务流程图时,需要细致分析每个任务步骤,确保流程图的准确性和完整性。流程图中的箭头、符号和文字说明等元素,能够清晰呈现任务执行的顺序、条件分支和循环等逻辑关系。通过任务流程图,用户可以更加清晰地了解任务的执行过程,减少操作失误和不必要的困扰。
作为设计师,你了解交互设计文档吗?
  • 页面流程图——带有页面形态的任务流程图。
    页面流程图是设计过程中不可或缺的一环,它细致描绘了用户在产品使用过程中,不同页面之间的跳转、交互和逻辑关系。在绘制页面流程图时,设计师需要关注用户的行为路径、页面间的转换条件和可能的交互动作。通过流程图,设计师可以清晰地展现出用户从进入产品到完成目标的整个过程,以及期间可能遇到的分支和循环。
作为设计师,你了解交互设计文档吗?
  • 交互规范说明——原型设计中出现的公用组件,通用样式集合。
    交互规范能保障产品内不同模块的设计一致性,同时提高不同设计师间的设计、协作效率;通过定义标准规范,提高流程、组件复用率,提高整体开发效率;让用户能够在产品全局感受到统一且完整的体验,降低使用成本和学习难度。
作为设计师,你了解交互设计文档吗?
  • 交互原型
    ——带有交互效果的页面结构设计,包括原型界面、设计说明等。
作为设计师,你了解交互设计文档吗?
  • 废纸篓
    ——放置多版本稿件。
 
五、总结
深入探索交互设计文档与用户体验的核心关系
。在产品设计的过程中,交互设计文档不仅是形式上的必要文件,更是设计师与用户、业务团队之间沟通的桥梁。它的核心目的在于确保设计的方向符合产品的整体战略和用户的真实需求。
用户体验是产品设计的灵魂。
设计师需要深入了解用户,挖掘他们最根本、最真实的需求。这不仅仅是通过问卷调查或用户访谈,更是要站在用户的角度,思考他们在使用产品时的每一个动作、每一个决策背后的原因。只有这样,设计师才能为用户带来真正有价值的产品体验。只有这样,才能确保设计出的产品既符合业务目标,又能为用户带来卓越的体验。希望每一位设计师都能在职业生涯中不断进步,为用户和业务创造更多的价值。


作者:Oceans1de
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

简洁之美,细节成就卓越:打造极致移动端弹窗体验

博博 设计思维

细节成就卓越,从精致弹窗设计开始。
在移动端应用的世界里,弹窗不仅是信息传递的桥梁,也是用户体验的微妙触点。一个精心设计的弹窗能够在正确的时刻捕捉用户的注意力,以一种既美观又功能性强的方式提供必要信息或引导用户操作。从视觉清晰度到操作简便性,再到出现的时机和频率,每一个细节都关乎着用户对应用的整体感受和满意度。让我们一起探索如何通过细致入微的设计思考,打造既符合业务目标又让用户感到愉快的移动端弹窗,提升体验,创造细节之美。
简洁之美,细节成就卓越:打造极致移动端弹窗体验
 
 
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
 
 
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
简洁之美,细节成就卓越:打造极致移动端弹窗体验
 
 

作者:Miao_C
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

如何利用动效 打造B端的用户体验

博博 设计思维

说到B端后台产品,我们会想到业务复杂、信息庞大、用户角色多、页面层级深、使用门槛高等特征。这些特征让后台产品在设计时更强调“简单直接”,无需多余的设计元素,相比之下,没有C端产品有趣。而作为B端后台设计师在工作中会面临很多复杂场景的设计需求,有时候需求方未必能理解设计理念,会让设计师陷入“头秃”的状态。 针对B端后台产品某些体验问题,我们可以借助动效的力量去解决。
下面将结合工作经验,以及线上文章,分享如何利用动效来提升B端后台产品的体验。
 
主要分为两大块:
如何利用动效  打造B端的用户体验
 
如何利用动效  打造B端的用户体验
 
使用动效不是为了炫技,而是辅助解决设计中发现的问题。我们要思考的是,眼下的问题结合动效能否达到1+1>2的解决效果。设计方案除了要得到需求方的认可,还要有开发团队的支持。设计师做到从痛点中出发,于可行处落地,才是有效的设计。那什么场景下的问题可以考虑结合动效呢?
 
1、信息量折叠收纳
B端业务的复杂程度决定了产品的信息体量,这也考验着设计师设计页面时,能为用户在有限的空间里获取多少信息。举个例子,用户的办公设备是小型笔记本,它的屏幕小,用户一屏看到的内容有限。这时需求方建议减少留白,压缩空间,信息往上堆积,页面最后会拥挤不堪。庞大的信息体量力求对用户的吸收效率,也对设计造成困扰,针对这种情况我们可运用“折叠收纳”法
 
应用案例1: 按钮折叠
如果一个页面的按钮太多,可“折叠”按钮。以下面的科目树为例,每个科目有若干个功能按钮,如按钮全部展示,不利于用户聚焦重要信息。用户必定是先看科目标题,如有需要才对科目进行操作,基于这个思路可把按钮折叠起来,待用户鼠标悬浮至科目才出现按钮。在恰当的场景下将按钮折叠,有助于精简页面结构。一个页面按区域划分功能区和信息区,信息区被文案铺满了,可简化功能区的表现形式。比如按钮和解释文案,可对解释文案进行收纳,用户鼠标悬浮上去显示。对于用户来说,一个按钮的含义只要使用一次便清楚。
如何利用动效  打造B端的用户体验
应用案例2: 内容折叠
B端后台因信息量大有很多长页面,这时可在用户进行页面滚动浏览时,根据用户滚动的内容进行折叠。如下的筛选项占据了页面头部一定的空间,用户滑到结果列表内容时,已选项固定在顶部精简展示。
如何利用动效  打造B端的用户体验
 
小结:通过“折叠收纳法”优化页面布局,根据用户的操作行为给予内容变化,帮助用户降低信息量过大带来的阅读疲劳,也让设计师在有限的设计空间里“堆积”信息。
 
2、对路径进行引导,及时给与用户反馈,提高效率
B端产品会有极其复杂的功能,这些功能通常用步骤条来拆分,引导用户分步完成。面对复杂功能。需求方希望
在页面的各个位置添加用法提示文案。但用户并不想阅读一串串文字,这时可结合用户的操作行为,及时响应引导下一步操作。
 
应用案例1:
操作响应如下的这个页面需要用户把左边的字段拖拽到右边生成卡片。当用户拖拽时,给予动效反馈让用户感知字段拖拽方向。这种可视可感知的方式帮助用户快速掌握用法,提升效率。
如何利用动效  打造B端的用户体验
 
应用案例2:引导响应
在工作中我们也许会接到类似的修改需求:“按钮不够突出,不够大,要又大又突出”。你看完后心里想:“还不够突出吗,要这么大干什么呢?”这时沉住气,分析修改的根本目的,它想要突出的目的是什么?
1、这个按钮在整个页面中承载极其重要的功能,视觉上用户需立刻注意到2、点击按钮后的内容十分重要,希望增强点击欲。
当用户鼠标悬浮至按钮时,及时响应引导,一个箭头既起到醒目作用,也引导着用户去往下一步。
如何利用动效  打造B端的用户体验
 
小结: B端后台页面信息繁杂,功能多。通过动效帮助用户在使用过程中增强反馈和引导,正确的引导能缩短用户的操作路径,提升效率。
 
3、增加情感化体验
B端后台产品大部分是给专业人员使用的,信息表单居多,页面内容相似,比较单调。加入适当友好的情感化式效可以提升产品的趣味性,减少用户使用的倦怠感。
应用案例1: Loading动效
常规的Loading动效通常是一个圆在转圈,当用户面对长时间加载时,一直盯着一个圈会产生焦虑感。情感化Loading动效可总结为两类:
1、产品本身有一个IP形象,可围绕IP进行创作。例如“加薪猫”,加载的时候猫咪追着钱币奔跑,增加了跑步流汗的细节,提升它已经在努力加载的形象感;
2、根据Loading的文案进行拓展设计,提取文案元素,图形场景化,分散用户等待的焦虑。
如何利用动效  打造B端的用户体验
 
应用案例2:化抽象为形象
有些B端产品的业务背景专业而又抽象,可借助动效的力量化繁为简,化抽象为形象。以下面数据字典为例。用通过该字典进行与业务相关的字段查询。该页结构较简单:搜索栏和热词入口。我结合模块名称,对特征进行具体物化,在页面加入字典和放大镜元素。通过物化让用户快速感知该模块的作用。类似的大入口页面也可以运用3D效果,它能让物化更加立体。
如何利用动效  打造B端的用户体验
 
 
如何利用动效  打造B端的用户体验
 
 
比较常用的动效设计工具有: Ae、Principle、ProtoPie。这里分享一下我在工作中常用的并能解决大部分问题的工具。
1、Principle:快速制成交互动效演示Demo
Principle是一款只能用于Mac OS系统的交互设计工具,它的操作界面跟Sketch类似,学习成本较低。它搭配Sketch使用,能对界面做转场过渡动效和一些细节的交与动效。当你想提出某个交互动效提案时,可用Princidle快速制成演示Demo,导出GIF或视频给到需求方,让他们快速明白你的想法及可行性后台界面演示demo可直接选择箭头光标,呈现效果更贴合真实场景。
 
如何利用动效  打造B端的用户体验
 
 
2、After Effect: 适合各种场景下的动效制作
AE是绝大UI设计师必备的动效制作工具。它支持Mac OS和Windows系统,其自身有着强大而丰富的特效库。现在也能通过AEUX插件,把Sketch里的图层直接导入到AE使用。AE的功能大而全,日堂工作中多用干制作情感化需要的图形动效,比如Loading、lcon点击动效等等。
如何利用动效  打造B端的用户体验
 
 
小结: 设计师需要学习和掌握的软件很多,软件更新迭代的速度也很快。可选择能解决工作中绝大设计需求的软件精学,其余可在空闲时作为知识技能储备来学习。
 
总结
做适合的动效为B端产品体验赋能
当你在设计一款从0-1或是重构的B端后台产品,你可重新定义设计风格、规范控件。当你是半途介入一款风格规范都已相当成熟的B端产品,通常遇到的问题较为繁琐,可能是对一个按钮、一个颜色、一句文案去精打细磨。这时设计师需提升产品全局观,在设计过程中对遇到的问题层层剖析,洞悉设计的发力点,并在恰当的场景下紧贴产品特性和业务需求,提出恰到好处的动效方案,以小点出发,真正为产品的体验赋能。
 

作者:CNLILY
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

用视觉策略助力产品客户价值传达

博博 设计思维

视觉策略:场景图形化
我们知道对于 PaaS 类产品而言,产品的客户价值传递是非常重要的,它决定着产品的增长获客、销售收入等。然而视觉设计师有时候会对所能提供的价值而感到方法有限,在完成了基本的页面布局、层级、组件的构建之外还能做些什么帮助产品传递客户价值。我们尝试为大家介绍一个设计方法“场景图形化设计”。
场景图形化设计是什么?
场景图形化设计是什么?
 
其实场景图形化的概念非常简单,它的核心点在于一方面将我们希望传达给用户的信息进行情境或情节的场景化构建,另一方面则是将构建好的场景通过图形化的方式进行视觉表达。那么为什么它可以帮助我们进行客户价值的传递?我们先简要的分析下它的原理。
 
场景图形化的原理
一般情况下我们认为用户产生某个行为背后的原理是,用户接受一个情境的刺激,然后会根据已有的认知经验去产生一个主观的期望效果,并产生与之对应的行为,行为产生的结果反馈又会成为认知经验,从而对下次行为产生影响。
用户行为原理
用户行为原理
 
而场景图形化就是在情境刺激这个阶段,通过将业务概念场景化或者情境化,然后用图形的方式去表达场景或情境来增强客户受到的感知,影响他的主观认知,从而更好的促进后续的行为。因为人类是视觉动物,图像对我们的吸引力是远大于文字的,将复杂、艰深的业务概念通过图形的形式表达出来,相比单纯的文字描述有着巨大的优势。
图形化设计优势
图形化设计优势
 
场景图形化的项目实践
在了解到场景图形化的含义和原理之后,我们接着来看在(小程序平台)这个 PaaS 产品里我们是如何运用这个方法的。
1.业务场景图形化,传递产品客户价值
其实在 B 端的视觉设计中图形化的表达方式已经屡见不鲜。但是在 PaaS 产品中,我们认为左侧这种常见的抽象化的表达形式其实并不适合,它虽然能够满足本能层和反思层的设计表现,但是在降低业务理解门槛这个需求上并不能提供足够的帮助,或者可以说情境刺激的强度不够。
「PaaS产品设计」用视觉策略助力产品客户价值传达
象化的图形设计方式在于把抽象的、看不见的事物通过提取、转化等形式变得看的见、容易理解。这显然更加符合我们希望增强情境刺激的效果,当然抽象化的表达方式在营造氛围和表达一些同样的抽象概念时也有自身优势,综合来看我们决定以具象化为主、抽象化为辅的形式来进行核心情境的图形化表达。
以 (小程序平台)控制台概览页为例,在这个场景里我们希望客户能够快速地了解并体验小程序平台的两个核心价值点,于是我们把这两个价值点梳理成了两个场景,那么相对应的我们就需要将这两个场景进行图形化。
「PaaS产品设计」用视觉策略助力产品客户价值传达
 
首先我们需要拆解文案中的描述,将文案转化为一个情境描述,这也需要交互设计师配合在文案设计阶段,就采用相同的设计方法首先将文案场景化。当然如果是一个非场景化的文案,我们也可以试着将它情境化。
「PaaS产品设计」用视觉策略助力产品客户价值传达
 
「PaaS产品设计」用视觉策略助力产品客户价值传达
 
接下来,我们根据转述好的情境来构建整个画面元素,在这里我们将画面分为了主体区和背景区,来表达重点的标题和次重点的正文。在实际操作中也可以根据现实情况来灵活调整。
「PaaS产品设计」用视觉策略助力产品客户价值传达
完成图形的构建后,在质感选择上因为希望映射现实世界,所以我们放弃在质感上过多修饰,使用了一些写实的金属、塑料、玻璃质感来营造整个场景氛围。
「PaaS产品设计」用视觉策略助力产品客户价值传达
最后运用相同的设计方法完成这个场景的图形化构建。
「PaaS产品设计」用视觉策略助力产品客户价值传达
以上的思路就是一个典型的场景图形化的设计方法。从围绕文案的拆解来构建图形元素,到映射现实实体的质感表达我们的目的都在于让场景变得更加生动更加可理解易理解,从而最大限度的对客户进行情境刺激。秉承这个思路,我们在产品的整个用户路径中,对于关键场景都采用了这种图形化的表达方式。
 
2.品牌传递融入场景,构建品牌认知
接下来从品牌维度来看,品牌价值是客户价值在品牌侧的体现,品牌价值的构建对客户价值传递有极大的帮助。我们希望客户在理解到产品的客户价值后,可以进一步的记忆它。针对这个维度,我们的想法是在场景图形化在搭建中融入和露出品牌,同时贯穿整个用户路径,一方面潜移默化完成品牌认知构建,另一方面增强客户价值的记忆。
「PaaS产品设计」用视觉策略助力产品客户价值传达
「PaaS产品设计」用视觉策略助力产品客户价值传达
对于 B 端产品来说品牌融入和露出可能方法并不多,但在场景化设计思路里我们可以把场景作为品牌的载体。这样的好处一方面是品牌的融入非常自然,形成从产品价值到品牌价值的传递链路。另一方面,可以在了解、试用、使用这条体验路径的核心场景里反复露出。
「PaaS产品设计」用视觉策略助力产品客户价值传达
3.场景图形表达标准化,打造统一心智
最后,针对视觉侧的客户价值传递形式我们需要进行规范的制定和标准化沉淀,来保证未来设计输出的统一规范,让客户价值在产品所有场景和阶段的传递都有统一的用户心智。首先我们将图形化的场景进行了区分,一类是传递业务,另一类是传递品牌,其次给出图形化设计的具体原则和构图规范,让场景图形构建都有据可循。
「PaaS产品设计」用视觉策略助力产品客户价值传达
「PaaS产品设计」用视觉策略助力产品客户价值传达
作者:cclava
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

探究UI设计中形状的创意与应用

分享达人 设计思维

在UI设计中,形状设计是一个至关重要的环节。对其选择和排列会直接影响到界面的美观度和用户的交互体验。接下来将详细探讨UI设计中的形状设计,包括其重要性、基本原则和实际应用。

如何巧妙的呈现龙年氛围感

博博 设计思维

一、封面边框营造氛围感
 
通过对主界面配图营造氛围感相对直接,可以针对封面设计进行创意,也可以在边框上面进行装饰。
 
爱奇艺首页推荐的影片封面设计中,在不改变结构布局的基础上,对封面边框进行氛围装饰,简洁直观地呈现出龙年氛围感。通过对封面设计进行创意,可以避免改变产品结构,方便随时更换,灵活性较高。
如何巧妙的呈现龙年氛围感
 
 
二、通过图标配色营造氛围感
 
营造氛围感最直接的表现就是颜色层面,可以通过配色突出主题氛围。
 
马蜂窝 App 首页金刚区图标,春节期间运用红黄渐变进行图标配色,以此强化春节氛围感。不改变图标造型,也能便于用户记忆和适应变化,表现形式简洁有效。
如何巧妙的呈现龙年氛围感
 
三、主题活动替换品牌区域
 
利用品牌 Logo 进行主题演变可以是品牌造型层面设计,也可以在品牌区域位置上面替换内容,针对预留的位置发挥性更强。
 
夸克 App 在主页默认展示品牌 Logo,春节期间以主题活动进行替换,不仅突出氛围也能增加活动曝光度。
如何巧妙的呈现龙年氛围感
 
四、烟花动效突出顶部视觉区域
 
通过春节元素进行动效表现,可以让氛围感更突出,比如绽放的烟花、鞭炮、祥云、生肖元素等。
 
携程旅行首页顶部视觉区域,春节期间以绽放的烟花动效进行表现,氛围感十足。不仅突出年味,也能让区域视觉感更突出。
如何巧妙的呈现龙年氛围感
 
 
五、主题文案嵌入图标设计
 
金刚区就如同百变金刚一般,更换内容非常便利,灵活性很高。针对图标设计风格、主题风格、主题文案等形式进行设计融入,均可突出各类主题风格。
 
安居客 App 首页金刚区图标设计,在春节期间结合主题文案进行嵌入,氛围感表现得直观清晰。再配合春节氛围的 Banner 展示,新春氛围渲染得非常到位。
如何巧妙的呈现龙年氛围感
 
 
六、按钮设计中的画龙点睛
 
针对主按钮设计进行发挥较为常见,可以在按钮造型、配色、装饰等层面发挥,表现形式丰富多样。
 
携程旅行订票查询按钮设计中,可谓是画龙点睛。将中国龙和春节元素融入到按钮装饰中,不仅突出氛围感,眨眼睛的动效也是点睛之笔。
如何巧妙的呈现龙年氛围感
 
 
七、主题皮肤氛围感拉满
 
在产品的各区域都可以进行主题氛围营造,形成不一样的主题皮肤,带给用户节日的沉浸式体验。
 
嘀嗒出行 App 从不错过每个节日的表达,春节期间在多个场景营造氛围感,使得主题皮肤氛围感拉满。在背景区域、各局部视觉区域、图标、弹窗、按钮、配图等,把春节氛围表现得淋漓尽致。
如何巧妙的呈现龙年氛围感
 
八、满屏红包抢不停
 
对于春节而言怎能少得了抢红包的环节,将抢红包的游戏结合到活动中,氛围感和参与度都非常到位。
 
腾讯视频 App 就将抢红包的游戏结合到活动表达中,满屏的红包让你抢不停,用户的参与度瞬间被激活啦!通过游戏化的形式表达活动主题,更能符合年轻用户的需求。
如何巧妙的呈现龙年氛围感
 
 
九、主题化 IP 形象表达
 
针对 IP 形象进行主题换肤,是强化主题氛围最直接的设计形式。
 
自如将主题化 IP 融入到个人中心和头像等表达中,也能突出春节氛围。在金刚区图标设计中也将春节元素进行发挥,整体的氛围营造非常到位。
如何巧妙的呈现龙年氛围感
 
 
十、无处不在的云放烟花
 
燃放烟花爆竹才能体现出年味,在产品中的云放烟花也能让用户感受到乐趣。
 
高德地图无处不在的云放烟花,不仅让用户感受到烟花的乐趣,也能让云端年味变得更有氛围感。
如何巧妙的呈现龙年氛围感
 
 
十一、突出卡片设计氛围
 
卡片式设计通常较为简单,以白色卡片居多,特殊情况下也会进行局部氛围营造。
 
高德地图个人中心在春节期间,推出了拜年相关的版块,以春节氛围营造卡片设计,氛围感十足。
如何巧妙的呈现龙年氛围感
 
十二、营造底部标签栏氛围感
 
底部标签栏图标发挥是营造主题氛围的最佳选择之一,各大产品都会在这个区域进行设计发挥。
 
结合春节元素进行图标设计,或者在背景层面突出氛围等,设计表现形式非常多样化。
如何巧妙的呈现龙年氛围感

作者:黑马青年
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

产品猎人(二)丨带你探索更多体验案例

博博 设计思维

一、高德地图
高德地图的运动路线,运动者的福音来啦!
「高德地图」上线了全新的运动路线功能,用户可以在“步行”功能的“探索路线”中打开,里面有用户附近的运动路线,如“马拉松”“公园”等路线,路线上方有难度展示,用户可以根据自己的需要自行选择不同难度的路线,运动完成后还可以获得对应的徽章!这简直是过完年想减肥人士的必备功能
产品猎人(二)丨带你探索更多体验案例
二、微博
来看微博如何带你快速评论吃瓜~
当在「微博」浏览正文内容,并滚动到评论区查看时,停留一定时长后,会在左上角增加展示推荐评论气泡,并滚动展示,每5s替换一个评论,并展示特殊视觉呈现,点击气泡可展开该评论与相关跟评,这种快捷推荐,不打断用户继续浏览的同时,又增加推荐评论,激发用户参与感,让用户快速吃瓜
产品猎人(二)丨带你探索更多体验案例
三、拼多多
拼多多是如何在众多春节图标中脱颖而出
每年过年期间各大app尝试都会定制图标样式,来突出自己产品的活动和特点,如「淘宝-10亿红包」「京东-元宵抽汽车」「得物-不打烊」等,但拼多多的图标不是突出活动,而是突出用户过年期间购买电商的最大顾虑「正常发货」,不得不佩服拼多多真的是知道用户需要什么与诉求,一眼从众多电商春节图标中脱颖而出
产品猎人(二)丨带你探索更多体验案例
四、酷狗音乐
音乐产品的创意banner交互设计
在新版酷狗音乐的顶部banner处不再是普通的推荐banne,r而是采用了「功能+推荐」的形式,既满足产品功能又满足商业信息展示,同时在交互操作上,采用叠加的转场效果,增加流畅的同时增加有趣的使用体验
产品猎人(二)丨带你探索更多体验案例
五、转转
转转的首页细节文案设计
打开转转,进入首页后,在屏幕左上角增加展示品牌文案,当用户刷新页面后,文案也会跟随调整,分为「转转」「用户说」「官方验」,从多维度宣传转转品牌亮点,从细节文案中体验产品惊喜感,提升品牌认知与信任感
产品猎人(二)丨带你探索更多体验案例
六、去哪儿旅行
去哪儿旅行人格诊断设计
「去哪儿旅行」旅行人格诊断活动上新啦,可在去哪儿搜索「旅行人格」关键词,或首页右下角活动入口进入,报告整体的插画风格设计感十足,每张页面的插画都与文案紧密结合,在报告中向用户呈现各种功能的使用数据汇总,同时整体贴合人格主题,增加活动趣味性,在结束页展现自己“被确诊”的诊断结果与“具体症状”,大家也快来看看自己的“症状”吧~
产品猎人(二)丨带你探索更多体验案例
七、闲鱼
海鲜市场那些隐藏的动效设计
闲鱼APP的海鲜市场板块头部的图标入口插画增加点击交互动效,动效与图标结合真的很赞,这些让人意外的小动效让闲鱼APP体验到体验的乐趣,增强了用户互动性与趣味性
产品猎人(二)丨带你探索更多体验案例
八、京东
对于下架商品的巧妙设计
京东APP种当购物车商品处于已下架状态时,置灰此商品,并且会推荐相似商品,替换用户原本的下架商品,很好的挽留用户的删除行为,促进购买,相比老版本的单纯置灰更具人性化,并且避免用户流失
产品猎人(二)丨带你探索更多体验案例
九、猎聘
全新顶导给界面带来全新体验
新版的猎聘APP更新了全新的顶导UI背景,相比旧版的纯色背景,新版采用了渐变弥散风格背景,跟随主流APP设计趋势,赋予界面更加轻松愉悦的氛围感,营造出空间层次感的同时又不抢界面眼球,带给用户全新体验感受
产品猎人(二)丨带你探索更多体验案例
十、腾讯视频
南海归墟弹幕新玩法
在腾讯视频看热播剧《南海归墟》时,在一些特定情节会触发弹幕菜单,如胡八一等人调入海洞时,弹幕也会跟随洞口向下掉。当胡八一等人爬神树时弹幕也会变为向上攀升,并且变为红色,给参与互动的观众带来惊喜的同时,也与剧情巧妙融合,相得益彰。
产品猎人(二)丨带你探索更多体验案例
十一、芒果TV
芒果TV的趣味下拉刷新设计
芒果TV更新了新的下拉刷新样式,新版采用主IP为主体结合骑车和城市背景,让下拉刷新变得更加丰富,表现形式很新颖,让用户印象深刻,不仅加深了ip在用户新中的形象,同事也带来了趣味性的体验,降低用户等待中的焦虑情绪
产品猎人(二)丨带你探索更多体验案例
十二、美团外卖
美团外卖与灵动岛的结合发现了吗?
由于换了灵动岛手机,发现美团叫了外卖后,当用户滑出美团去到其他场景时,顶部灵动岛会展示当前的外卖状态,如“取货中”“送货中”等场景,并且会增加骑手icon和配送时间,我们可以发现露出的都是用户比较关注的信息,这样可以让用户不用打开美团就可以了解订单进度,这样的处理方式不仅可以提升对灵动岛的使用,还可以降低用户的使用成本
产品猎人(二)丨带你探索更多体验案例
十三、B站
B站的首页刷新逻辑原来是这样!
大多数产品的刷新功能是下拉刷新便可刷整个页面信息,而B站的刷新似乎有一些不一样,当用户刷新页面后会对应的刷新出一定量的信息内容,但不会全页刷新,当用户看完更新完的内容后,会出现用户上次页面中未预览的信息内容,避免用户遗漏,当然在旧信息上方会出现“刚刚看到这里,点击刷新”用户可以点击“刷新”继续出现新的信息内容,这样可以很好的避免已推荐到首页的内容却因为刷新等误操作未浏览。从而保证首页推荐信息的曝光量。
产品猎人(二)丨带你探索更多体验案例
十四、虎牙直播
来看虎牙如何提高弹幕互动!
虎牙直播当直播间相同弹幕大于一定数量时会触发热词快速发送功能,会在屏幕的弹幕流中出现热词弹幕内容与“+1”,来引导用户快速发出,用户可以通过“+1”发送弹幕,便捷的发弹幕方式,既可以降低用户发弹幕的操作成本,又可以快速的提升直播间弹幕量,从而拉高直播间热度,也增强了用户与主播之间的互动
产品猎人(二)丨带你探索更多体验案例
十五、腾讯视频
腾讯视频更新磕糖模式啦!
腾讯视频在一些特定的电视剧可开启磕糖模式,进入后会在右侧增加锁死功能,长按可触发动画,当剧情到高甜片段时屏幕会触发大磕糖动画,给予用户满满的甜度,让人不自觉的嘴角上扬
产品猎人(二)丨带你探索更多体验案例
 


作者:不是作家
来源:站酷
 

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

从一个UI界面设计看体验设计师要具备的基本技能

博博 设计思维

体验设计的岗位数量逐渐增多,从几个大厂的招聘要求来看,要求也是非常的高,所谓富贵险中求、能力与收入成正比,想要拿到30k以上的薪资,那么你的能力就一定不能太单一,特别是思维层面,一个独立思考完成大型项目的全链路设计师依然是不可多得的人才。
 
这个原型是一次UI测的作业,本身其实没有定任何的背景,让同学们自由发挥,只要能逻辑自洽那么都可以说的过去。好,大家一起来分析一下,这个案例做的怎么样。
 
如果我们给到的原型是这样的,缺失了很多重要的信息,这时候你会如何补全?如果你具备产品思维,那么你可以考虑到很多信息,如果你对这个行业和用户又更深的认识你可以补全更多信息,当然了,还是要尊重原著,既然原型给的是这样的,那么说明这个产品还是比较聚焦业务的或者说处于起步阶段,业务功能并不多,主要围绕着拍照搜题、批改、错题这样的功能来做的。
从一个UI界面设计看体验设计师要具备的基本技能
 
 
从上往下我们依次来分析功能、交互、视觉的合理性。
 
1.导航栏
从一个UI界面设计看体验设计师要具备的基本技能
 
1.用户头像、昵称、学年这些信息对于这个产品的用户来说其实可有可无,除非这里需要用户切换学年,但明显不是个高频的操作,所以放或者不放影响不大。搜索其实不需要做这么明显,因为关于搜题还是拍照更直接,所以搜索可以有但不需要展开。历史记录,这里基本上都是题目搜索,错题本可以直接查找到的,并不需要历史记录,可以弱化或者删除。
关于该功能是否有必要,大家只要思考是否具备业务场景和用户场景即可,具备了场景,再思考是否具备核心价值。
 
2.业务分流入口区
从一个UI界面设计看体验设计师要具备的基本技能
 
这里在原型中其实并没有体现,学员主动加上去,这个在实际工作中不需要UI设计师或者体验设计师这么去做,主要的业务功能还是要交给产品经理去研究,设计师专注体验的优化迭代和功能设计支持工作即可。那么这里我们我们就主要看看这些功能是否合理。
 
作文和计算器可以保留,口算题其实包含在一些小体量的题目类型中,如果有口算,为什么没有选择、填空、解答题呢?所以如果要放题目类型那就要放全,或者给一个题库的入口,而不是只放一个小类目。问卷条烟是临时性需求,不适合常驻。下载要看能下载什么,下载题目其实和收藏、错题本功能就重复了。
 
3.错题本
从一个UI界面设计看体验设计师要具备的基本技能
 
在原型中,错题本几乎只有这三个字有用,所以错题本要提供给用户哪些信息,需要设计师自己思考。在工作中,
产品经理一般是如何对错题本模块进行功能分析的,可以通过用户调研、竞品分析、卡片分类等方法,找到用户对错题板块的功能需求。
 
所以从学员的作业上来看,还是有很多不合理的地方,比如错题本的卡片中的信息,这里的
几个数字以及该卡片呈现出来的示能,其实效用很低。
首先该卡片没有任何可点击进入的入口,数据展示虽然也有一定的示能,但比较弱。所以问题的 本质在于你想让用户干什么,那么你就需要设计 成什么样式,同时要看这个产品的定位,比如针对全年级和学级 还是只针对小学一个学级的,那么设计策略就会不同。
 
所以 要思考关于错题本相关的更多信息,比如:
 
从一个UI界面设计看体验设计师要具备的基本技能
 
1.产品定位与发展时期,在产品初期、中期、后期,版块的设计策略会有很大的不同。
2.错题本应该、需要有什么功能,
比如不同类型题目的分类、收集错题、筛选错题、管理错题等等。
3.如何让用户在错题本功能中更高效的进行交互
,入口示能和意符的表达,点击进入后 的信息布局和交互流转。
4.更多的信息细节:
每一个字段信息的溯源, 比如错题收藏超过99%的用户,这个字段是想 让用户看了之后干什么,有成就感吗?好像说不通 所以如果没有存在的意义、价值和用户动机的话 就去掉。还有掌握度,这个其实没有太大的意义,错题本的初衷就是帮你去改错, 那么这里势必不可能达到100%,因为一直会有错题,所以就没必要加入这个张无毒字段了 页面下半部分中的信息要斟酌,例如重要性和星级、复习次数这些信息的存在意义
 
其实底部的筛选栏和下方的卡片也都是错题本的内容,但这样的筛选和管理效率太低了。从原型中我们可以得出,产品更希望用户之前的社交更多一些,我们暂且不论这类产品做社交的必要读,但是还是要部分尊重原型。所以错题本在首页中不要进行展开和筛选,一个是效率低,二是不符合产品策略。
 
最好的做法就是把错题本作为一个业务入口放到上面,替换口算题等不合适的入口。然后就是错题本到底应该怎么样设置交互和布局才能够高效完成用户任务。
 
从一个UI界面设计看体验设计师要具备的基本技能
 
1.错题分类,这是最关键也是最开始的环节,用户查看错题首先要选择不同科目的题目。
 
2.筛选条件,这里可能会有家长来使用,那么就会需要用到年级/学期的标签,再根据使用场景来分析还需要:掌握程度、录入时间、错题来源、错误原因、自定义标签等等。
 
3.更多场景,除了筛选出错题外,还可以有哪些用户场景呢?例如错题拍照、题目的管理(增删改查)、错题随机重做、错题组卷等等
在课程中有教过大家一个我自创的排除法来研究页面该如何进行划分步骤,其实很简单,就是我们不停的往一个页面塞东西,如果塞不下了就另起一页。
 
从一个UI界面设计看体验设计师要具备的基本技能
 
所以在这里从错题本进入的第一页,根据用户核心使用场景我们要让用户去选择题目的板块,需要填入的就是多个不同的板块,以及题目拍照功能,如果不另起一页那么需要在这个页面中塞入具体的题目、各种筛选标签,那么,在第一页明显是不合理的,所以就要另起一页,进入不同板块题目的合集页,并且在这个页面中我们就可以实现筛选、管理、错题随机重做、组卷等共功能了。


作者:应骏
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档