首页

用户体验一致性思考

ui设计分享达人

前言
在团队内部,我们已确立了一套设计规范,在日常项目中使用设计规范输出变的高效、统一。然而,在实际操作中,不可避免地会遇到一些特殊情况:某些客户提出的个性化需求并不完全契合既定的设计规范,这些促使我们不得不在保持设计一致性的基础上进行灵活调整。因此,深入反思并优化一致性原则的应用策略显得尤为重要。我们需要探索如何在坚守设计规范核心精神的同时,灵活应对多变的需求,确保设计既保持统一和谐,又能满足特定场景下的独特需求,从而实现用户体验与品牌价值的双重提升。
 
用户体验一致性思考
 
 
用户体验一致性思考
 
 
在UI/UX设计中,雅各布·尼尔森的十条可用性原则中,一致性(Consistency and standards)位列第四。这一原则强调在界面和交互设计上需要遵循既定的规则,无论是在应用内部还是跨平台之间。
背后的心理学原理——重复定律,强调了信息重复对于巩固记忆的重要性。正如赫尔曼·艾宾浩斯通过“遗忘曲线”所揭示的,信息的有效保留离不开重复接触。一致性的应用正是这一原理的生动实践,通过不断重复统一的设计元素与模式,强化用户对产品的认知与记忆,从而提升整体的用户满意度与忠诚度。
艾宾浩斯遗忘曲线
艾宾浩斯遗忘曲线
 
用户体验一致性思考
 
 
用户侧
1、用户学习曲线:
一致的UI/UX设计可以降低用户的学习曲线。当用户在应用程序或网站中遇到一致的元素、布局和交互方式时,他们可以快速理解并准确预测如何与界面进行交互。这减少了用户的混淆和困惑,提高了他们的效率和满意度。
2、提升可用性:
一致性使用户界面更加易于使用。当用户在不同的页面或功能之间找到相似的设计元素和交互模式时,他们可以轻松地将已有的知识和经验应用于新的情境中。这种一致性帮助用户快速完成任务,减少错误和迷失,提供更好的导航和流畅的体验。
3、品牌认可度:
一致的UI/UX设计有助于树立品牌形象和增强品牌认可度。通过在不同的渠道和平台上保持一致的设计元素、标识和视觉风格,品牌可以建立起独特而可识别的形象。用户在不同的触点上都能感受到品牌的一致性,从而增加品牌的信任和忠诚度。
4、用户满意度:
一致性直接影响用户的满意度。当用户在使用应用程序或网站时感受到一致的设计和交互方式时,他们会感到更加舒适和自信。一致性传递了专业和质量的信号,让用户感到被关注和重视。这种积极的用户体验有助于提升用户满意度,并促使他们持续使用和推荐你的产品或服务。
 
用户体验一致性思考
 
 
产研侧
1. 降低设计成本,提高开发效率
无论是设计还是开发,复用已有的组件资源,保持界面的一致性可以有效地减少设计的投入,避免不必要的设计分歧点。
而在开发阶段,可以避免重复造轮子,提高开发的效率,保证落地效果,也可以减少上线前设计走查、测试的工作量。
2. 形成一致的设计风格
根据原子设计理论,通过原子组件的一致性,可以构建出统一的界面框架、布局,形成统一风格和用户交互认知,从而更好地保证用户体验质量。
 
用户体验一致性思考
 
 
色彩
色彩作为一种兼具物理属性与感官享受的复杂现象,其本质在于光波在人体视网膜上的特定波长被反射或吸收后,所引发的视觉感知结果。在设计领域,色彩的选择与运用不仅是视觉艺术的展现,更是品牌身份与个性的直接体现。诸如饿了么标志性的蓝色、美团鲜明的黄色、以及京东热情的红色等,这些品牌专属色彩不仅构成了品牌识别系统的重要组成部分,还通过其高度的一致性,在视觉层面上构建起强烈的品牌认知,营造出统一和谐的视觉体验。
色彩的一致性策略在品牌塑造中发挥着不可估量的作用,它能够有效增强品牌的记忆度与辨识度,深化品牌形象在消费者心中的烙印,进而提升产品的市场吸引力和用户忠诚度。同时,这种策略还促进了设计元素间的和谐共存,包括按钮、图标、字体、标签、背景、以及关键视觉元素如Banner等,均能在统一的色彩体系下实现视觉上的连贯与流畅,极大地提升了产品的可用性、无障碍性,以及用户在使用过程中的整体满意度与交互体验。
 
用户体验一致性思考
 
 
字体
字体作为设计中不可或缺的核心要素,其独特性在于能够精准地塑造文字的视觉形象,涵盖形状、尺寸、粗细、字间距等多维度特征。这些特征共同构建了一种独特的文字风格,不仅承载着信息的传递功能,更在无形中引导着用户的视觉流程,影响着信息的接收与理解深度。因此,在设计过程中,合理选择与应用字体显得尤为关键。
 
字体类型的多样性,如有衬线字体与无衬线字体的对比,不仅体现了风格上的差异,还隐含了不同的阅读体验与情感表达。字体的粗细变化(如细体、常规、粗体等)更是能够强调文本的重要性层级,增强信息的层次感与可读性。此外,字重的调整也是塑造视觉焦点、引导视线流动的有效手段,对于提升设计的整体美观度和信息传达效率具有不可小觑的作用。
 
然而,在实际的开发与实现过程中,若不加节制地使用多种字体,不仅会显著增加页面的加载时间,影响用户体验的流畅性,还可能因风格不统一而导致页面显得杂乱无章,破坏整体设计的和谐感。因此,制定一套统一、规范的字体使用策略显得尤为重要。这不仅有助于提升开发效率,减少后期更新迭代的复杂度,还能有效避免资源浪费,确保设计作品在视觉上的一致性与专业性。
 
用户体验一致性思考
 
 
图标
 
图标作为用户界面设计中至关重要的元素,风格直接影响到用户的使用体验与对产品的整体印象。图标以其简洁、直观且富有表现力的特点,在快速传达信息、引导用户操作方面发挥着不可替代的作用。在设计中,图标的设计与应用更是需要精心考量,以确保其既能够准确传达信息,又能够与整体设计风格保持一致,从而营造出专业、和谐且易于使用的界面环境。
 
设计中视觉上保持统一包括图标的大小、形状、色彩以及设计风格等多个方面,能够增强用户的认知连贯性,降低学习成本,提升使用效率。相反,如果图标风格混杂,不仅会让界面显得杂乱无章,还会给用户带来困惑和不安,进而影响其对产品专业性和安全性的信任。
用户体验一致性思考
 
 
按钮
按钮设计应统一于项目风格,无论是圆形、矩形、圆角矩形还是特定形状,保持一致性是关键。统一的按钮样式不仅彰显专业性,还能增强用户信任,确保体验连贯。过多变化的按钮样式会扰乱用户界面,降低操作直观性,甚至让用户误以为自己已离开应用环境。因此,精心设计的统一按钮样式对提升用户体验至关重要。
 
排版
设计中的排版一致性对于构建高效、用户友好的界面至关重要。一致的排版不仅能够让用户快速适应和理解界面的整体结构,大幅降低学习成本,还能在用户心中激发强烈的归属感和安全感。这种熟悉感使得内容更加易读,用户能够自然地依照既定的视觉动线流畅地浏览页面,迅速定位并获取所需信息,从而显著提升信息获取的效率。因此,在设计过程中,注重并维护排版的一致性,是提升用户体验和界面有效性的重要策略之一。
 
 
用户体验一致性思考
 
 
 
操作流程的一致性
标准化流程
:确保用户在执行相似任务时,如购买商品、搜索信息或提交表单等,能够遵循相同的操作流程。这有助于用户快速适应并高效完成任务。
逻辑清晰
:操作流程的每一步都应符合用户的认知习惯和行为逻辑,避免让用户感到困惑或不知所措。
用户体验一致性思考
 
 
交互元素的一致性
按钮和控件
:确保按钮、输入框、下拉菜单等交互元素的样式、位置和操作方式在整个应用或网站中保持一致。例如,所有按钮都应具有相同的视觉风格和触发机制。
导航和菜单
:导航栏和菜单的设计也应保持一致,使用户能够轻松地在不同页面或功能之间切换。
 
用户体验一致性思考
 
 
反馈机制的一致性
操作反馈
:当用户执行某个操作时,应用或网站应提供一致且及时的反馈,如加载动画、成功提示或错误消息等。这有助于用户了解操作结果并采取相应的行动。
状态提示
:对于长时间运行的操作或需要用户等待的场景,应提供明确的状态提示(如进度条),以减轻用户的不确定感和焦虑感。
 
 
 
 
 
 
在任何维度上,一致性不应成为设计的唯一导向。设计,这一融合了艺术与科学的复杂领域,要求我们在用户体验的细腻雕琢、功能需求的精准满足、美学价值的深刻体现及技术可行性的严格考量间游走。
 
“一致性”作为设计策略,其核心使命在于优化用户路径,降低认知门槛,确保用户在多元界面中穿梭时仍能感受到连贯与和谐。当我们在与设计团队(包括工程师、产品经理等)沟通时,仅仅提及“一致性”可能并不足以说明其必要性和价值。我们需要更深入地阐述为什么需要保持一致性,以及它如何具体帮助减少用户困惑、提高用户满意度和忠诚度。
 
同时,我们应清醒认识到,“一致性”并不是万能的。在某些情况下,为了追求极致的用户体验或解决特定的设计问题,可能需要打破传统的一致性规则。因此,设计师需要在保持一致性和创新之间找到平衡点,根据具体情况灵活调整设计方案。
 
实际落地执行时,要根据产品定位、用户场景,结合业务功能来确定设计方案,不能为了一致而一致。
当我们遇到一致性问题时,还是需要从以下3个方面深入思考,做出准确合理的设计决策。
用户体验一致性思考
 
 
真实项目
真实项目
 
在SaaS产品设计中,特别是面向B/G端(企业用户)时,满足不同用户角色(如普通用户与高权限领导)的需求是至关重要的。
管理端布局设计
普通简洁明了
:为普通用户设计的管理界面应简洁直观,聚焦于日常操作,如数据查看、统计和下载。
功能分区
:通过清晰的导航栏或侧边栏将功能区域划分开,如“数据概览”、“报表下载”、“任务管理”等,便于用户快速定位所需功能。
操作便捷
:确保常用操作(如搜索、筛选、排序)易于触达,减少用户点击次数和页面跳转。
 
首页版心定宽设计
固定宽度
:为首页设定一个合适的固定宽度(如1200px、1440px等),以保证内容在大多数屏幕上都能保持一致的阅读体验。
信息模块化
:将首页内容划分为多个卡片,每个卡片承载一个独立的信息单元(如数据报表、通知公告、项目进展等)。
视觉层次
:通过颜色、大小、阴影等设计元素区分卡片的重要性,引导用户视线,提高信息获取效率。
交互性
:为卡片添加交互元素,如点击展开、滑动查看更多等,增加用户参与度和页面活跃度。
 
用户体验一致性思考
 
 
位置差异性分析
根据「认知负荷>视觉负荷>动作负荷」理论,在页面中我们首先要让用户能够找到按钮,然后完成操作。
相对于弹窗,页面的空间更大,边界感偏弱,用户的视觉重心更容易停留在左侧表单内容区域。所以按钮应该紧随搜索条件,便于用户快速发现按钮。
区域用户已经形成下意识操作习惯,虽然区别于规范,只能打破,遵循客户需求
用户体验一致性思考
 
 
一致性是规则
“一致性”作为规则或手段,服务于提升用户体验的原则。规则与原则一致时,促进业务共识与用户价值;冲突时,原则优先。用户体验原则指导下的一致性,要超越表面控件统一,更在于产品决策与价值取向的一致。必要时,为更好的用户体验,可在规则上让步以实现原则统一。打破规则需慎重权衡,确保用户便利足以弥补理解成本,需长期全局考量。规则非僵化教条,而是引导我们谨慎创新的框架。
 
一致性的底线
无论从哪个角度,一致性存在的必要性都是毋庸置疑的。
对于关键的设计元素,如专有名词和颜色体系,保持一致性至关重要。这不仅有助于维护品牌形象,还能减少用户的困惑。
特定设计语言在特定场景下的变体应用,虽然可能带来一定的视觉新鲜感或针对性优化,但往往需要谨慎评估其潜在风险。一旦变体打破了整体设计的一致性,可能会破坏用户对品牌的熟悉感和信任感,甚至引发误解。因此,在追求设计创新的同时,必须确保这种创新是基于一致性的原则之上,以维持品牌的整体性和用户的良好体验。
 
拥抱复杂性
一致性确实不应成为设计师的避风港或限制创新的枷锁,而应是基于对业务深刻理解和多样化设计能力之上的价值选择。设计师的核心任务始终是满足用户的多样化需求和偏好,这需要他们细致入微地观察、理解并解决每个用户的独特问题。
 
在追求一致性的同时,设计师应保持“第一性思考”的能力,即回归问题的本质,从用户需求出发进行创新设计。多样性页面的产出,不仅体现了设计师的创造力和灵活性,也是提升用户体验、增强产品吸引力的关键。
 
一致性与创新设计并非相互排斥,而是相辅相成的关系。真正的一致性不应导致单调或拒绝创新,而应是在遵循品牌或产品核心价值的前提下,鼓励设计师在细节和体验上不断探索和突破。当设计师感到被既定规则束缚时,应勇于质疑并重新评估当前的规范,确保所谓的“一致性”不是刻板的伪命题,而是真正符合用户需求和品牌发展的价值导向。
 
因此,设计师应时刻保持开放的心态和敏锐的洞察力,不断探索和尝试新的设计方法和理念,以更加灵活和创新的方式实现一致性与用户需求的完美融合。
 
用户体验一致性思考
 
 
重要的设计原则
「一致性」作为设计领域中的一项基础性原则,其重要性不言而喻。它不仅为设计过程提供了稳固的基石,还显著促进了开发效率与产品体验的全面升级。在设计实践中,一致性确保了界面元素的统一性和连贯性,使得用户能够迅速熟悉并掌握产品的使用方式,降低了学习成本,增强了操作的直观性和便捷性。
灵活变通使用
一致性原则并非一成不变的强制规定,而是需要根据产品的具体定位和市场环境进行灵活变通的应用。不同的产品可能面向不同的用户群体,拥有独特的品牌调性和功能需求,因此在追求一致性的同时,也需充分考虑这些因素,确保设计既符合品牌特色,又能满足用户的实际需求。
 
提升用户体验是价值所在
一致性的真正价值在于其能够显著提升用户体验。通过遵循用户的认知和习惯,设计师能够创造出更加自然、流畅的操作流程,使用户在享受产品功能的同时,也能感受到品牌所传递的舒适与和谐。因此,在追求设计一致性的过程中,我们始终应以人为本,将用户的体验和感受放在首位。建设有兼容性和长期价值的的一致性框架,在一致性中做到有用户价值的设计,是设计师应该不断探索的命题。
 
 


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

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

打动人心的直觉设计

ui设计分享达人

前言
之所以对“直觉设计”产生兴趣还要源于我们每次的设计评审,在跟其他设计师还有我们的业务方沟通时,大家常常会问到的且令人印象深刻的问题是:
 
“用户怎么知道点哪里?”、“这符合用户直觉吗?”
 
类似的灵魂拷问涉及到用户使用工具产品行为流程的每一步操作。作为设计师大家有时也会心生质疑,“这么明显用户注意不到吗?这么简单用户不可能不会操作吧...”。
 
但是随着我们的”新手体验官活动“的逐步进行,当亲自站在用户面前观察用户是如何操作和理解工具时,我们渐渐意识到小白用户
 接触-认知-使用工具
的每一环都是至关重要的,即便是一个交互细节的设计都有可能带来认知和操作层面受阻,从而劝退用户。
 
因此,我们想去了解什么样的设计是符合用户直觉的,是易用的,同时也想去了解主流3D建模软件的核心建模逻辑(SU、Revit为代表)--于是开始了“直觉设计”的研究以及“建模课程”的学习。
打动人心的直觉设计
 
 
 
1、什么是直觉设计?
首先来看什么是直觉设计,直觉设计是指用户无需进行有意识的思考就可以立即理解并知道如何去使用产品。国外有不少的用户研究机构也专门定义过直觉设计:
 
“在特定任务的背景下,技术系统可以直观地使用,而特定用户能够有效地交互,而不是有意识地使用先前的知识。”– 用户界面的直观使用 (IUUI) 研究小组。一个由跨学科研究人员组成的团队,致力于探索如何定义直观的使用和界面。
 
为了方便大家更好的理解直觉设计,我们先来看几个例子:
打动人心的直觉设计
 
 
 
案例1-玩具收纳:小朋友在玩完玩具以后,把玩具摆的到处都是,如果发号施令告诉小朋友“去把玩具收拾起来”,小朋友通常不会去收拾。如果将收纳设计成为一种小游戏,小朋友会自然而然的参与其中并且会觉得非常有趣。
案例2-公共环境卫生:保持小便池的清洁,张贴告示语“注意保持清洁”大多是没有用的。荷兰的设计师在公共的男士小便池里设计了一个“苍蝇”,利用人们的嫌恶心理会发现小便时会不由自主的对准中心的位置,从而减少尿液四溅,维护公共环境卫生。
案例3-公共设施:设有传感器和扬声器的台阶,人们只要踩上去就能听到音乐声,从而达到鼓励人们爬楼梯的目标。
案例4-工业产品设计:很多耳熟能详的工业产品中也运用了直觉设计,例如深泽直人的CD播放器,Apple的Vision OS系统等等。
案例5-游戏设计:游戏中非常多的运用了直觉设计,比如超级马里奥,塞尔达,想必大家都深有感受。
 
通过上述案例我们发现其实直觉设计传达出来是信息包含两方面:用户看到就能够理解是什么,且能够不由自主地产生行动。
打动人心的直觉设计
 
 
 
看到这里,大家可能会好奇为什么会产生这种”直觉设计“?接下来让我们一起来看看直觉设计是如何产生的。
 
2、直觉设计如何产生?
人的直觉设计是怎么来的?是天生的吗?带着这样的疑惑,我们阅读了相关书籍和文章。
 
先天视觉和经验直觉
先天直觉,也可以说是”本我“,是最原始的”心理现实“,在个体从外部世界获得经验之前就存在的内部世界,不需要经过学习或训练。比如婴儿时期的特征,希望立刻得到满足、躲避痛苦、强大的求生意愿等。
 
经验直觉,巴普洛夫的实验想必大家都知道。有机体能够把已有的经验迁移到新的学习环境中去,从而扩大学习范围。
 
先天直觉一般对应于人类的第一信号系统,是建立在人的直接感觉上的,通过人的感觉(视觉、听觉、触觉等)而进行的一种思维活动;经验直觉(逻辑性直觉直觉)思维虽然利用了人类的感性认识(感觉、知觉、表象等)形式,但它绝不是仅仅停留在这一步上,而是超越了逻辑思维形式达到了更高一个层次上的思维。
 
从表面上看,逻辑性直觉的结果是以直观的形式表现出来的,实际上它已经在头脑中进行了逻辑程序的高度压缩,迅速地越过了“理性认识阶段”,是简缩了整个逻辑思维过程的一种思维形式。
所以,逻辑性直觉既源于感性认识,又高于感性认识,是一种常常能在极短的时间内完成,并能够对问题迅速作出回答的一种无意识的、跃进式的直觉形式。
 
构建直觉,现有研究指出,分析加工和直觉加工两者可能处于不断的相互转换之中。一方面,分析加工可以通过熟练化形成经验图式,从而减少认知资源的消耗,并由此转化为直觉加工;另一方面,当直觉加工无法通过已有经验解决新的问题情境时,又需要调动更多的认知资源并转向分析加工,直到形成新的经验图式。
 
先天直觉大家都容易理解,接下来我们重点看一下经验直觉是如何产生的?
 
经验直觉的产生与人生存的环境密切相关,所以这里包含两个关键点:物理世界(环境)和生活环境。
 
来自物理环境的经验
物理环境主要包括我们生存的自然环境,以及我们与物理环境的互动所形成的感官运动。人类在婴儿时期就开始体验和实验物理环境。这种体验建立在我们第一次拿着一个物体、第一次把它扔到地板上、第一次学会爬到我们最喜欢的玩具等时学到的基本感觉运动技能上。我们对物理世界的体验它已成为日常生活的一部分。经过物理环境互动所形成的直觉是跨越国界、且不会被遗忘的。
来自文化环境的经验
通俗的讲指社会文化环境。它包括人类通过其获得的知识和技术开发的所有物质文化元素。例如,房屋、村庄、城镇、公路和铁路网络、交通方式、工业单位、田野、医院、体育场馆、娱乐设施、市场、港口以及日常和特殊用途的物品。除此之外还包括价值观念、道德信仰、语言、符号、审美观念、风俗习惯等各种规范。
 
例如播放图标“►”是许多文化中的人们在年轻时学习符号的一个很好的例子。在任何可以使用媒体播放器的文化中,人们都知道 ► 图标的含义。它的直观性几乎与物理世界中的对象行为一致。
 
因此,在媒体播放器中,人们理所当然的希望可以延续“►”符号的含义。来自文化环境的知识也可以变得很直观,但是由于没有来自物理世界的持续提醒之后,很容易被遗忘。
 
因此在提供直觉设计时,应尽量符合用户从物理世界中获得的经验与技能。但如果我们的用户群体是具有相同文化背景下的人群,符合文化环境的知识与经验也可以作为直观设计的决策依据。
打动人心的直觉设计
 
 
 
3、为什么要符合直觉设计?
给用户留下良好的第一印象,助力产品赢得并且留下用户。
当我们开始使用某款产品时,用户往往在几秒内就会产生第一印象并且往往会保持不变,少则几分钟多则十几分钟用户就可感受到产品的价值。
 
渥太华卡雷顿大学的Gitte·Lindgaard和她的研究小组发现:人类对事物的初始印象在50毫秒内就会形成。研究小组准备了一批要么极易入眼要么混乱不堪的网页,让一批志愿者在快速变换中投票。虽然这些网页以50毫秒每张的速度一闪而过,但是研究发现他们的评价与长时间观察后的结果基本无异。
 
这就说明了用户的第一印象非常明确且重要,帮助用户判断出这是否是一个设计合理的网站。如果用户停留时间再长一点,那么用户足以判断出网站上的信息是否是满足自己需要的信息,从而影响用户是否继续停留下来去使用该网站。
 
更容易让用户达到心流状态、沉浸式的使用产品,并且持续吸引用户使用产品。
符合用户直觉的、熟悉的操作模式,作为用户直观使用的基础,更容易产生积极的审美评价。相反,如果用户的认知流畅性受阻,则不太会产生正面积极的评价。简洁有力的设计会促使用户再次使用产品,是保持产品吸引力的最佳方式。
 
4、如何使设计符合用户直觉?
因为工作中涉及到3D建模软件的设计,所以这部分将结合3D建模软件来探讨。
 
如果您接触过3D建模软件,一定用过SU、Rhino吧,我们在使用后不久,就能清晰的感受到它们的核心逻辑,比如SU的推拉,Rhino的曲面建模等,进而能够举一反三的学会相关功能,使软件的学习变得更简单更直觉。那么怎样的功能设计才能打造出软件的核心逻辑,让其在使用时更加符合用户的直觉?
 
为了得到以上问题的答案,我们进行了SU和Revit这两款建筑领域主流软件的使用,感受两款软件在直觉设计方面的表现,进而找到了一些设计原则指导我们在实际业务中应用。
 
充分了解你的用户
每个人在自己生活的世界里,都会形成自己的一些认知,这个前面也已经介绍过。所以要充分了解用户的知识、技能、经验,尽可能减少用户当前具备知识与完成目标所需具备的知识之间的Gap。当用户已具备的知识和完成目标需要的知识之间的差距越小,越符合用户的直觉,越容易实现目标。
打动人心的直觉设计
 
 
SU和Revit都是充分了解自己的用户,基于用户群体的知识、技能、经验等特点,去打造自己软件的核心逻辑,符合目标用户群体的使用直觉。
SU 
 ▽
SU的Slogan 是“3D for Everyone“,人人可用。他的用户群体非常广泛,所以它是一个业务属性较弱的工具,界面设计和操作使用上更简单,普适性和灵活性更强。使用面作为基本单元建模,推拉面成体,推推拉拉就可以快速完成建模。对于小白来说很容易上手。
 
Revit  
Revit的用户主要是专业的建筑师,场景聚焦在建筑相关领域,所以它是一个业务属性较强的工具,将更多的业务场景包含在里面。比如标高、工作平面以及模块化的构件等,这样的设定对于建筑背景的用户来说,可以更符合他们的已有认知。
 
将从物理世界和文化环
前面反复提到过过,用户总是利用她在物理和文化环境中的经验来了解她通过界面可以采取哪些行动。因此我们需要熟知用户已有的这些经验,并考虑到设计中。
 
通过联想或类比,将物理世界的经验运用到数字产品设计中,使得全新的事物变得熟悉。
 
SU 
 ▽
SU的图标非常直观好懂,比如画笔、橡皮擦、油漆桶、量尺、放大镜、材质刷、垃圾桶等等,图标的语意和其在物理世界的功能是相符的,哪怕是第一次接触建模软件的人,只看图标也能大概猜出对应的功能。
打动人心的直觉设计
 
 
 
Revit  
Revit将物理世界中房子映射到设计中。比如像墙、门、窗、柱、屋顶等,这是作为一个房子基本组成结构,对于建筑师来言,非常熟悉。所以在软件设计中,功能也是基于这种具象的构件分类的,在用户使用之前,内心已经有了房子的认知,从而也能在产品中找到对应的功能,理解成本很低。
 
打动人心的直觉设计
 
 
结合用户在已有的文化环境中获得的认知与经验:比如在类似产品中或你的产品所教给他的一些知识、经验,并保持这些经验的一致性。
 
SU 
 ▽
很好的匹配用户已经存在的认知。提及SU就会想到它的推拉交互,推拉面成体。一方面它底层的点线面逻辑是我们学习数学或绘画最基础的知识,几乎人人都知道;另一方面推拉的操作也是和我们已有的推敲形体的过程体验是一致的,我们在绘制草图时,会在纸上勾勾画画,涂涂抹抹,这跟在SU上推推拉拉有异曲同工之妙,我们使在用它时能够享受手绘一般的乐趣,很难忘记这个操作。
打动人心的直觉设计
 
 
Revit  
同为Autodesk公司产品,Revit的用户与Autocad有着大量的重叠,因此在交互上也延用了不少CAD的固有逻辑,将用户在CAD获得的认知与经验沿用在这里。与AutoCAD一样 ,Revit快捷键
是该命令英文单词的第1个或前面2个字母,这使得用户无需再学习。
 
以及为了让用户切换软件成本最小,Revit中还支持一个指令可以设置多个快捷键,这样可以兼容喜欢自定义快捷键的高阶用户的习惯。例如在AutoCAD里习惯用Ctrl+1 呼出属性面板,而如果按 Revit 快捷键的逻辑则应该是"属性"英文取用 PP,对于已熟悉AutoCAD操作的用户来说,这么高频的指令改变会造成极大的不适应,默认兼容多个快捷键就是非常优雅的解法。
打动人心的直觉设计
 
 
用户认知和行为要足够简单
关于1+1=?,大家看到后会自然而然的想到答案;28×4=?,稍加思索也能给出答案;那么3927÷23=?,看到这个问题,可能几乎没有人想要解开了。有些问题无意识的解开了,有些问题看到就想放弃解答。由此可见改变人们行为方式的通常是能否足够简单和容易,当眼前的问题复杂时,人们不会试图解决它。
 
SU 
 ▽
吸附非常的自然。当我想移动到某个位置的时候,很自然将鼠标靠近目标对象,就会帮我精准的吸附到对应的位置
 
打动人心的直觉设计
 
 
补面非常简单。当形体发生破面的时候,自然的想要绘制线去补全,当我沿着要补全的路径绘制两个点的时候,整个面被补好了。
打动人心的直觉设计
 
 
 
5、实战:应用最佳设计原则
将我们在建模软件中学习到的有助于直觉设计的内容进行总结,得出几条原则,并将这些设计原则应用到实践当中,指导我们进行设计。
 
心理学中也提到,人的大脑处理不同的信息时所消耗的脑力资源是不同的,他们的排序是认知>视觉>行动。用户花费的脑力资源要多于点击按钮或移动鼠标时(动作负荷)。所以我们在设计的时候,首先要从认知上降低用户的认知负担,其次在行为上确保操作丝滑顺畅。
 
认知上,降低认知负担
提升信息的识别性。
比如位置、信息分组的逻辑、颜色、比例等的使用等。作为别墅设计软件,在进行功能分类时,要以用户使用的流程、场景,识别的效率等为依据进行合理分组。
打动人心的直觉设计
 
 
提高和用户已有认知的匹配。
作为别墅设计软件,设计要与用户已有的对别墅对房子的认知相匹配。比如檐口线、浮雕、墙裙等构件,人们在现实中的房子中都会见到,只是不熟知这些叫法。因此我们采用建造一个真实小房子的做法,当用户点击某个构件,对应的构件就会在房子上高亮,用户瞬间就会明白,哦原来是它,跟已有的认知匹配上了,会有一种恍然大悟的感觉。同时也让用户大概知道这个构件位于房子的哪个位置,对后续的操作有预期,知道要摆在哪个位置。
打动人心的直觉设计
 
 
 
保持医学认知的一致性。
任何产品都很难做到匹配用户已有的所有认知,总会有一些内容是需要重新学习获得的,那么就要保证我们教给他的这些认知逻辑始终一致,让用户能做到举一反三。作为别墅设计软件,用户要完成一个完整房子的建造,需要用到20+的构件模块,我们希望用户学会使用一个构件之后,就不需要再学习,能触类旁通的使用同类构件。因此归纳出通用操作流程,找到相对统一的方式,串联起我们用户的心智。
打动人心的直觉设计
 
 
行为上,让操作丝滑顺畅
提供场景化的行为设计,并将操作聚焦在手边。
在我们的别墅设计软件中,当用户要修改老虎窗和飘窗的时候,如果看到这个窗户的样式不是自己想要的,可能会想去绘制。按照我们现有的流程,用户要先去左侧面板找到自由绘窗入口,然后再选择要在哪个面上绘制,操作流程是有点绕的。后面我们就想,用户要修改这个窗子的时候,直觉上会去点击它,那么在选中这个对象的时候,在手边提供自由绘窗的入口,让他能够快速的绑定这个对象去绘制窗户,操作上顺畅了很多。
打动人心的直觉设计
 
 
一次只聚焦做一件事情,减少其他干扰。
我们现在的大部分操作,都是是激活命令后,左侧面板还在。观察到很多新用户在激活了功能后,不知道下一步需要干什么。因为界面上需要他关注的事情太多了。所以,我们尝试用户在激活功能后,将当前步骤中不需要他关注的面板隐藏,聚焦到他当前需要做的事情上面去。
打动人心的直觉设计
 
 
操作要足够简单,简单到不需要有太多思考,是一个自然而然的行为。
 
以下介绍的是我们的照片还原功能,对于外墙漆、门窗等用户,他们可以现场拍好房子照片,导入后基于照片还原出别墅方案,再进行后续的外立面和门窗设计。最初,我们需要用户手动摆放两组消逝线去确定透视角度、然后调整比例尺、在尺子上选取点划分楼层、拖拽点调整边界、通过输入开间数量确定开间。整个过程比较复杂,也涉及很多专业的概念,用户不知道该如何操作。
 
后面优化后,我们结合算法识别出照片中的房子,默认给一个box,用户通过拖动box上的角点和边线去调整整个形体。因为用户对box的概念是熟悉的,拖拽box去拟合背后的照片就变得容易的多。楼层和开间的划分也采用这种切豆腐块的方式,用户一下一下去切就好。不用再去输入数字,想象会是什么样子。而比例尺只需要用户输入他想要的1楼的高度即可确定。优化后,生成方案的转化率提升了将近20%。
 
打动人心的直觉设计
 
 
6、小结
直觉设计需要用户看到产品时产生一种熟悉感,但是这种熟悉感判断起来并不简单,其中一部分人熟悉并不代表所有人都熟悉。所以设计师需要充分了解他们的用户,了解产品的市场,并充分获取用户熟悉内容的信息才有助于作出符合直觉设计的决策。
 
做出符合直觉的设计是困难的,需要充分考虑用户在物理世界和文化环境中获得的知识和经验,并将其应用到具体的设计实践中,也就是用户的心智模型和产品概念模型达到基本吻合甚至去塑造与产品概念模型一致的用户心智模型。
 
苹果公司创始人兼前首席执行官史蒂夫·乔布斯解释说:“我们设计中最重要的是,必须让事情直观明显。
 
打动人心的直觉设计
 
 
建议每一位设计师同学也多去感受和认识自己的知道,尤其是首次打开某个网站时,要更加关注自己的视觉动线和心理感受、无意识产生的操作行为等。同时也不要让竞品变成你的直觉,始终去思索有没有体验更加友好、创新的交互方式。
 
当然,连续的直觉操作也可能会让用户觉得疲倦,可以适时考虑引入惊喜设计,为用户打造Amazing的感受。
  •  
    去认识和感受自己的直觉
  •  
    不要让竞品的设计变成你的直觉
  •  
    连续的直觉设计也可能也可能会给用户带来疲劳和厌倦,需要考虑在适当的时候给用户进喜设计。
 
本文在以下书籍和文章中予以引用,同时也推荐大家阅读,想必大家对直觉设计会有更加深刻的认知和理解。
 
注意:文中数据皆为演示数据,非业务真实数据
参考书籍:
  •  
    《创意选择》
  •  
    《福格行为模型》
  •  
    《一目了然-Web软件显性设计之路》
  •  
    《峰值体验-影响用户决策的关键时刻》
  •  
    《任天堂的体验设计-创造不知不觉打动人心的体验》
  •  
    《玄机设计学:改变人们行为的创意构思法》
参考文章:
  •  
    Intuitive UX design an approach beyond usability
  •  
    https://uxdesign.cc/the-power-of-intuition-designing-beyond-usability-2899cb37f98a
  •  
    https://www.interaction-design.org/literature/topics/intuitive-design
  •  
    Intuitive Web Design: How to Make Your Website Intuitive to Use
 
作者:蓝胖、瑶一
 


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

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

善用设计洞见,提升设计效用

ui设计分享达人

引言
善用设计洞见,提升设计效用
 
 
好的设计师不仅仅要有专业能力,更重要的是与产品达到同频,最终更好赋能业务指标达成。
目前设计行业的现状,大部分设计师还停留在设计思维的角度,存在一些和业务格格不入的情况,只关注好不好看,做一个交互原型的美化者...
自己做了很多,但是与实际脱节。出了很多个方案,产品(或运营/商务伙伴)觉得没什么变化;打磨了很多细节和创新点,产品却只想快速上线……
 
善用设计洞见,提升设计效用
 
 
 
设计师自己的工作被各种“非专业”的指导意见干扰;而其他职岗伙伴眼里,我们的付出,却变成了一种“设计师的自High”。
究其原因,还是把以用户思维去进行设计。
 
善用设计洞见,提升设计效用
 
 
 
想要改变这样的状态,最核心的是思维转变,从技能导向的思考方式变为价值导向的思考方式。
本文主要从讲述,如何通过方法,在项目进入期获得有效设计洞见,提高设计效用,带来客户价值(用户价值)。
 
什么是设计洞见?
先举一个例子:如何做一个新款剃须刀产品?
飞利浦这些大公司,给出的答案是 更好的刀头,更贴合面部,更安全和更容易清洗,一个黑灰塑料材质、工业风格的“更好用”的剃须刀确实诞生了。
但是有一个很有意思的公司,给出了另一份答案:极简造型、合金材质、超 mini 尺寸和丰富配色,最重要的是:
 
善用设计洞见,提升设计效用
 
 
 
于是 2019 年,这个疫情开始的时间,这家剃须刀横空出世。
这款产品获得成功的原因,本质上就是产品的设计者带着更高、更广的视角,洞见了“剃须刀不仅是一个工具,它更可以成为一种礼物”这个更深层次的客户需求,打破现有市场概念,获得成功。
——如果说,设计洞察是发现和理解问题的能力,是设计师在研究和解决问题时所产生的观察力和创造力。那么设计洞见可以帮助设计师更好地识别问题、提出创新解决方案,并为设计师提供思考问题和做出决策的指导。
Brown.Tim在《设计思考改造世界》中说:"未来的设计师将扮演科技的诠释者(洞见能力),人性的引领者(观察能力),感性的创造者与品位的营造者(同理心)的角色"。
通过设计洞见,可以让我们看更高、想更全, 与业务贴合更紧密,让设计得到认可,产生业务共鸣,赋予用户/客户价值,才能让设计变的更有价值。
 
善用设计洞见,提升设计效用
 
 
 
如何获得设计洞见?
善用设计洞见,提升设计效用
 
 
接下来我们将通过一一探索获得洞见的三个阶段。
 
第一阶段:设计洞察
洞察阶段的核心,是获得现象背后的动因。是一个获得信息与问题的阶段
产品的设计产出是一个抽象到具象化的过程,在设计和迭代的过程中,会经历非常多的流程。而大多数的设计洞见有效过去在更前置的节点,才能产生更有效的价值。
所以我们首先做的是:“提升设计的主动性”,在项目的进入期最大化实现设计洞见的价值。
善用设计洞见,提升设计效用
 
 
 
 
项目进入期通常会有一个通病,即问题泛化,无法具象。在一个比较“泛”的问题下,挖掘目的/目标,找到问题最简单的办法就是“调查分析”:了解行业生态与业务背景,确定或推测自身产品的发展方向,分析定位与关注指向-Pointer(即当下会产生哪些具有指向性的任务方向)。
这个阶段,我们的主要目的是通过最初始的源头数据,正确的了解业务或者项目的背景,避免因信息传递所产生的认知误差,以免发生“指向”偏差。而要做到这一点,洞察就不能仅仅停留在表面的观察,询问,记录和数据分析,而要随时通过联想和反思来回归本质——客户(用户)和场景。调查中获得的数据只有放在合适的情境中才能获得准确的解读。
 
善用设计洞见,提升设计效用
 
 
 
1. 知识准备
了解各种市场调研的方法与过程,对调研方法进行分类。
如下图所示,(戴力农《设计调研》 )横轴区分了该方法得到的数据是客观的(人们的行为)还是主观的(人们的目标和观点),纵轴区分了该方法的类型是定性的还是定量的。
 
善用设计洞见,提升设计效用
 
 
 
2. 选择正确的调研办法
不同的产品生命周期,对应不同的调研方法,根据产品的不同时期选择合适属性的调研办法。
 
善用设计洞见,提升设计效用
 
 
 
互联网设计师的常规调研手法,受困于资源,多是在桌面进行。我们通过二手资料研究、竞品和线上走查获得问题,进行虚拟对象的研究,极易发生偏差。
拓新场景和成长初期,通常资源紧张且缺乏具象客户,很难进行大样本调研数据挖掘。对于设计师来说,在了解业务信息,对称业务方向时可以依赖其他职岗提供的资料进行研究;但是对于设计息息相关的关键点,建议还是通过自己实地考察、焦点实验去获取真实的体验信息。
 
善用设计洞见,提升设计效用
 
 
 
成长后期与成熟期,关键在于保证和提高产品质量,缩短与头部产品之间的差距,实现产品的高增长 。大样本的用户与竞品调研可以帮助我们更可观的看到真实的客户需求。再输入到我们的日常桌面研究中去。
 
善用设计洞见,提升设计效用
 
 
 
3. 掌握信息收集、数据统计分析方面的知识
善用设计洞见,提升设计效用
 
 
 
4. 了解调研的流程
善用设计洞见,提升设计效用
 
 
 
确定调研目标 → 制定调研计划 → 准备调研材料&环境 → 邀请调研对象&执行调研过程 → 分析整理信息与数据 → 输出调研结果。
调研的实际操作流程在数据采集和调研分析方法中已经涉及的比较多了,也有很多好的执行案例可供我们学习与参考。
得到大量信息,进行吸收、理解和处理后,我们将收获大量的问题。接下来就是如何解决问题。
 
第二阶段:定位价值
定位价值是洞见的关键阶段,是能给业务带来价值的核心,是可以改变客户(用户)习惯和行为的关键博弈。
那么如何定位价值呢?
 
善用设计洞见,提升设计效用
 
 
 
1. 问题整合,提炼与确认指向
将调研获得的问题进行归纳与整理,如简单的 Card Sorting ,确认所有问题的核心指向(Pointer)。
 
善用设计洞见,提升设计效用
 
 
 
接下来就需要不停的切换指向,并深入每个关键 key 下进一步拆解,确定你收获的是否是一个真正且重要的 Pointer。
 
EG  海底捞 ▽
餐厅高峰期经常人满为患,排队体验差。常规餐厅的做法:约束更快的出餐、收台,拆分更多的餐位,引导拼桌服务等等等等..短期可能会带来改变,但是达到一个极限点以后,就很难再提升了。
类似的场景还有曾经的外卖小哥:30 分钟以内还能更快吗?答案是:很难。
那怎么让客人愿意多等待一点,或者不觉得“等待完全是无价值无意义的”?
海底捞选择在你排队等待的时候,提供免费美甲、护手、零食等等各种周到服务,让客人等待的过程中不至于无事可做。获得了认可,赢得了口碑。
如果你留心观察,你会发现海底捞的标志也是用了一个打招呼的气泡Hi,来强调服务为先的品牌定位,解决的是情感需求中的「过程体验」。
 
善用设计洞见,提升设计效用
 
 
 
2. PDS(问题-检测-研究)调查分析
善用设计洞见,提升设计效用
 
 
 
PSD 调查分析的核心思想,是调查客户(用户)与预期(行为/认知)的偏差,或不满与问题来发现洞见。
 
善用设计洞见,提升设计效用
 
 
EG  BBDO反烟推广 ▽
BBDO 的英国公司层接到过这样一个推广任务:是让年轻人,特别是十几岁的小女孩儿戒烟。
其实这个问题特别棘手。一方面,吸烟是一个生理上瘾的事情,要戒掉很困难;另一方面,吸烟最大的问题是有害健康,但是对于年轻人来说在这个角度的感触不深,很难起到效果。用常态的思考模式似乎很难找到正确的解决方案,但是借助洞见以后就不一样了。
通过了解更多事实,看目标群体关注什么,哪些问题对我们要实现的目标有影响。在这个案例里,BBDO的做法是派了一个年轻的女助理在购物区找了一家咖啡馆,连着5天坐在那里听那里的女孩儿在聊些什么。
结果这5天内她就发现,这些十几岁的女生大部分聊的是买衣服、做头发、选什么样的指甲油和减肥药,怎么整容等等。当女助理把这些内容列在自己的本子上的时候,洞见就自己呼之欲出了:原来对于这些无所事事,十几岁的年轻女孩而言,没有什么比她们看起来漂亮更重要了。
因此,你不需要告诉她吸烟可能缩短寿命,你只要告诉她一件事情:“吸烟会让你变得难看”,就足够让她戒烟了。
 
善用设计洞见,提升设计效用
 
 
 
 
所以,想要获得洞见,就去调研目标群体真正关注的事情。当你通过调研发现真正的问题时,洞见往往就会产生。
 
3. 规避技能导向
设计的职岗角色是单薄的。我们一定要带着指针与方案,多职岗评估价值与可执行度,这是一个设计前期任务的过程。它的输出可能为设计Demo、简单的笔记、方案的列表,或者是一个说明效果的故事版……不一定具备完整的落地性,但是可以让伙伴更好的理解你的观点。
 
善用设计洞见,提升设计效用
 
 
 
第三阶段:系统输出
设计的解决方案要从起心动念、贯穿至产、研、运营甚至上市宣传的全路径方案。
在分析阶段我们通过“3步走”的视角思维,明确了任务重点同时帮助我们明确不同指针的优先级。
善用设计洞见,提升设计效用
 
 
 
 
设计师要考虑的维度不仅仅在用户体验层面,更应在执行时候要考虑业务的实际需求,考虑上下游不同职能的工作内容,始终保持全局与系统的思维,要从客户价值出发,回落到企业成本中去。
通过设计洞见,从更本质的层面去洞悉问题,重新定义和设计任务。
与业务产生共鸣才是好的设计。
 
善用设计洞见,提升设计效用
 
 
让你的设计方案保持在更高、更广、更全局的维度。真正融入和助力业务,提升设计的效用。让“提升体验”这件事真正落地。
改变我们看世界的方式,亦改变世界看待我们的方式。
 


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

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

UI设计适应多设备的界面优化策略

蓝蓝设计的小编

在如今这个科技飞速发展的时代,用户使用的设备种类繁多,从智能手机、平板电脑到台式电脑,甚至智能手表和车载系统。这就给 UI 设计师带来了巨大的挑战——如何让设计适应不同尺寸和性能的设备,提供一致且优质的用户体验?下面,让我们深入探讨UI设计适应多设备的界面优化策略。

UI设计流程详细介绍

蓝蓝设计的小编

在当今数字化的时代,UI设计的重要性日益凸显。一个优秀的用户界面不仅能提升用户体验,还能为产品带来更高的竞争力。那么,UI 设计究竟是如何一步步实现的呢?接下来,就为您详细介绍 UI 设计的流程。

第一步,需求分析。这是整个设计流程的基石。设计师需要与产品经理、开发团队以及相关利益者进行深入的沟通,了解产品的目标、用户群体、功能需求等。例如,如果是设计一款在线教育 APP,就需要明确是针对哪个年龄段的学生,主要提供哪些课程,以及希望达到怎样的教学效果。

UI设计

第二步,用户研究。这一步旨在深入了解目标用户的行为、习惯、偏好和痛点。通过用户访谈、问卷调查、观察等方法,收集大量的数据和信息。比如,研究发现年轻用户更喜欢简洁、时尚的界面,而老年用户可能更注重字体的大小和清晰度。

第三步,信息架构设计。根据需求和用户研究的结果,规划产品的信息架构。确定页面的层级关系、菜单结构、导航栏等,让用户能够轻松地找到他们需要的信息。就像搭建房屋的框架一样,这一步为后续的设计奠定了基础。

第四步,原型设计。使用工具创建初步的界面原型,展示页面的布局、元素的位置和交互方式。这是一个快速迭代的过程,可以及时发现和解决问题。原型可以是简单的线框图,也可以是具有一定交互效果的高保真原型。

UI设计

第五步,视觉设计。这是 UI设计中最具创意和表现力的环节。设计师根据品牌风格和用户喜好,选择合适的色彩、字体、图标、图片等元素,营造出独特而吸引人的视觉效果。比如,一款运动类 APP 可能会采用充满活力的色彩和动感的图标。

第六步,交互设计。关注用户与界面之间的互动过程,确保操作流程顺畅、自然。例如,按钮的点击反馈、页面的跳转效果等,都要让用户感到舒适和便捷。

第七步,测试与评估。邀请真实用户进行测试,收集他们的反馈和意见。通过数据分析和用户评价,评估设计的效果,发现存在的问题并进行优化。

第八步,交付与跟进。将设计成果交付给开发团队,并在开发过程中保持沟通,确保设计的实现效果与预期相符。

在整个 UI设计流程中,团队协作至关重要。设计师需要与开发人员、产品经理、测试人员等密切配合,不断优化和完善设计。

UI设计

总之,UI设计是一个复杂而有序的过程,每个环节都相互关联、相互影响。只有通过严谨的流程和精心的设计,才能打造出令人满意的用户界面,提升产品的价值和用户的满意度。

揭秘数据大屏:如何构建高效的数据可视化系统

蓝蓝设计的小编

在当今数字化的商业世界中,数据大屏已经成为了企业洞察业务状况、做出明智决策的重要工具。然而,构建一个高效的数据可视化系统并非易事,它需要综合考虑诸多因素,从数据的采集与整理,到可视化设计的精妙构思,每一个环节都至关重要。

首先,数据的准确性和完整性是构建高效数据可视化系统的基石。这意味着我们需要从各种数据源中精确地采集数据,并进行严格的清洗和验证,以确保数据的质量。只有基于准确无误的数据,后续的分析和可视化才有意义。

数据大屏

在数据处理方面,强大的数据分析工具和算法是必不可少的。它们能够帮助我们从海量的数据中挖掘出有价值的信息,识别出潜在的模式和趋势。例如,通过聚类分析可以将相似的数据分组,而关联规则挖掘则可以发现不同数据之间的内在联系。

接下来,就是可视化设计的关键环节。一个好的可视化设计应该简洁明了,避免过多的复杂元素和混乱的布局。颜色的选择也尤为重要,应该根据数据的性质和重要程度进行合理搭配,以突出重点并引导用户的注意力。

交互性是现代数据可视化系统的一个重要特征。用户应该能够通过简单的操作,如点击、缩放、筛选等,来深入探索数据。例如,当用户点击某个图表中的特定数据点时,能够弹出详细的相关信息,或者能够动态切换不同的数据维度进行比较。

此外,为了确保数据可视化系统的高效运行,性能优化也是不容忽视的。对于大规模的数据,采用合适的数据压缩技术和缓存策略,可以显著提高数据的加载速度和响应时间。

数据大屏

在实际构建过程中,团队协作也起着关键作用。数据分析师、设计师、开发人员等需要紧密合作,充分交流各自的专业见解和需求。同时,还需要不断收集用户的反馈,根据实际使用情况对系统进行持续的优化和改进。

以一家金融公司为例,他们构建了一个实时监控投资组合的数据大屏。通过清晰直观的可视化展示,投资经理能够迅速把握市场动态,及时调整投资策略,从而取得了显著的业绩提升。

数据大屏

总之,构建高效的数据可视化系统是一个复杂但充满价值的任务。它需要我们在数据处理、可视化设计、性能优化和团队协作等方面下足功夫,以打造出一个能够真正为企业决策提供有力支持的强大工具,揭开数据背后的神秘面纱,引领企业走向成功的未来。

色彩心理学在 UI设计中的应用

蓝蓝设计的小编

在当今数字化的世界中,UI 设计扮演着至关重要的角色,而色彩心理学则是其中隐藏的魔法钥匙。它悄然影响着用户的情感、行为和决策,为 UI 设计注入了灵魂与魅力。

UI 设计入门指南

蓝蓝设计的小编

在这个数字化的时代,UI设计无疑成为了一门备受瞩目的热门技艺。无论是追求创意表达的爱好者,还是渴望在职业道路上开拓新领域的进取者,UI 设计都为大家敞开了一扇充满机遇与挑战的大门。今天,就让我们一同踏上 UI 设计的入门之旅,探索其中的奥秘与精彩。

首先,咱们得搞清楚 UI 设计到底是啥。简单来说,UI 设计就是用户界面设计,它关乎着用户与产品之间的交互体验。想象一下,你打开一个 APP,那些精美的图标、舒适的布局、和谐的色彩搭配,这一切都是 UI 设计师的精心杰作。

UI 设计

那么,要入门 UI 设计,第一步得掌握一些基本的设计工具。比如说,Photoshop 和 Sketch 这两款软件,那可是设计师们的左膀右臂。就拿 Photoshop 来说,它功能强大,能让你随心所欲地绘制、编辑图像。而 Sketch 则在矢量图形处理方面表现出色,特别适合移动端 UI 设计。

接下来,了解设计原则至关重要。比如,一致性原则,这意味着整个界面的风格、颜色、字体等要保持统一,不能今天是这个样,明天又变成那个样,不然用户会感到迷茫。还有可用性原则,一切设计都要以用户能够方便、快捷地使用为出发点。

色彩搭配也是 UI 设计中的一门大学问。据相关研究表明,恰当的色彩搭配能够提高用户的满意度 30%以上。比如,蓝色通常给人一种专业、信任的感觉,所以很多金融类 APP 会采用蓝色为主色调。而红色则能激发人的热情和活力,常用于购物类 APP 来吸引用户的注意力。

UI 设计

再说说字体选择。字体的大小、粗细、风格都会影响到整个界面的视觉效果和可读性。一般来说,正文部分会选择比较简洁清晰的字体,而标题则可以适当夸张一些,突出重点。

要想真正入门 UI 设计,光有理论可不行,还得多多实践。可以从模仿一些优秀的作品开始,分析它们的设计思路和技巧,然后逐渐加入自己的创意。

UI 设计

总之,UI 设计的入门之路或许充满挑战,但只要你保持热情,不断学习和实践,相信你一定能在这个领域绽放出属于自己的光彩。让我们一起勇敢地迈出第一步,去创造那些令人惊艳的用户界面吧!

HMI 车机应用设计规范

资深UI设计者

大家好呀,今天来聊聊华为车机应用设计规范。

有了 AI 界面变得更有视觉感啦!

资深UI设计者

 
 
 
涉及软件:Midjourney、Photoshop、Sketch
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 
有了 AI 界面变得更有视觉感啦!
 
 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档