三、用户思维的认知篇
明确的废话:「以用户为中心」的四个认知。在用户思维的认知篇中,明确的废话强调了设计和交互中的核心原则,确保设计团队深刻理解并践行「以用户为中心」的理念。以下是四个关键认知:
明确1:首先,是「用户」而非「消费者」
这一认知原则强调将用户看作更广泛参与产品和服务的主体,而非仅仅限定为消费者。用户思维的核心在于理解用户的全面体验,包括他们与产品互动的各个层面,而不仅仅是购买和消费的瞬间。
关注「用户」而非「消费者」意味着将用户视为产品和服务生命周期中的参与者,包括产品设计、使用过程和售后服务。这一认知使得设计团队更加全面地考虑用户的需求、期望和体验,从而创造更加深入和有意义的用户关系。
在这种理念下,用户的价值不仅仅被限制在消费时刻的交易行为,更被视为对产品和服务发展的有益贡献者。通过强调用户的广泛参与,明确1的原则为设计团队提供了一个更全面、更人性化的视角,确保他们在设计过程中不会忽略用户的整体体验。
明确2:由「以产品为中心」到「以用户为中心」
这一认知原则标志着从传统的以产品为核心的设计理念向以用户为核心的设计理念的转变。在过去,产品设计往往侧重于产品的功能、性能和技术特性,而用户思维强调的是将用户的需求和体验置于设计过程的中心。
从「以产品为中心」到「以用户为中心」的变革意味着设计团队不再仅仅满足于提供功能齐全的产品,而更注重确保产品能够满足用户的期望、需求和愉悦感。这种转变要求设计过程更加关注用户的使用情境、心理体验和与产品互动的整个过程。
在以用户为中心的设计理念下,产品的功能和技术变得为服务用户的目标而存在,而不是为了展示技术的先进性。这种转变不仅仅关注产品的外在表现,更注重产品如何融入用户的生活,以及如何为用户创造价值和愉悦感。通过这一认知原则,设计团队将更好地满足用户的实际需求,创造更贴近用户心理的设计。
明确3:要「站在用户的立场着想」,而不是「满足用户需求」
这一认知原则强调设计团队不仅要满足用户提出的明确需求,更要深入理解用户的感受、期望和挑战,真正站在用户的立场思考。与简单地满足表面需求不同,「站在用户的立场着想」追求更全面、更深刻的用户体验。
满足用户需求是一项基本任务,但真正优秀的设计是能够预见用户的潜在需求,并在产品或服务中解决用户可能未察觉到的问题。这需要设计团队投入更多心力,通过深入的用户研究和洞察,挖掘用户真实的期望,从而创造更令人满意的体验。
「站在用户的立场着想」也意味着在设计决策中更多地考虑用户的感受和情境。了解用户的日常生活、习惯和文化背景,确保设计不仅仅是功能性的满足,更是与用户生活紧密相连的愉悦体验。通过这一认知原则,设计团队能够超越单一的需求层面,真正为用户创造出更具深度和共鸣的设计作品。
明确4:用户是伙伴:「1+1=11」
这一认知原则强调用户不仅是设计过程中的对象,更应被视为创新的合作伙伴。通过建立积极的沟通渠道和互动机制,设计团队能够与用户形成紧密的伙伴关系,共同推动产品和服务的不断演进。
「用户是伙伴」的理念倡导设计过程中的协作和共创。设计团队应当欢迎用户的参与,包括用户反馈、意见和建议。这种开放的沟通渠道有助于从用户角度获得直接的见解,促使团队更灵活地应对变化,提高设计的实用性和用户满意度。
通过与用户建立持续的合作关系,「1+1=11」的思想强调了合作的力量。用户作为伙伴能够为设计团队提供独特的视角和实际的使用体验,而设计团队则能够通过专业知识和创意驱动产品不断创新。这种共赢的伙伴关系有助于在设计过程中实现更好的用户参与,为产品的发展提供有益的方向。
四、用户思维的方法篇
4.1 用户洞察三大方法:
三位大神手把手教你如何市场调研&洞察用户 市场调研和用户洞察是设计团队深入了解目标用户、挖掘需求的关键步骤。在这一部分,我们将学习三位业界大神的实战经验,手把手教授如何进行有效的市场调研和用户洞察。
专家一:市场调研达人的独门技巧
这位专家将分享其在市场调研领域的独特经验和技巧。读者将了解如何正确选择调研方法、分析市场趋势、评估竞争对手,以及利用数据制定明智的设计决策。通过专家的指导,设计团队将更有信心地制定适应市场需求的设计策略。
专家二:用户洞察大师的深度剖析
这位专家是用户洞察领域的大师,擅长通过深度研究揭示用户的潜在需求。他将分享如何设计和执行有深度的用户调查,运用心理学和人类行为学原理解读用户行为。通过专家的实用技巧,设计团队将更好地理解用户心理,精准捕捉用户真实需求。
专家三:创新洞察的前沿探索者
这位专家将引领我们探索创新的洞察方法。通过观察新兴趋势、参与用户体验,他将分享如何在不断变化的市场中保持敏锐洞察力,从而在设计中融入前瞻性的元素。设计团队将受益于专家的前沿知识,更好地应对未来的设计挑战。 这一章节的目标是为读者提供灵感和指导,使他们能够运用行业大神的实战经验,更有信心地进行市场调研和深度用户洞察。
4.2 用户洞察方法1:完成生活中的任务
这一方法着重于观察和理解用户在日常生活中如何完成任务,旨在挖掘出用户真实的需求和期望。通过深入洞察用户的日常行为,设计团队能够更全面地理解用户的真实体验,从而为产品或服务提供更加贴切的解决方案。
任务观察:洞悉用户行为与需求
首先,设计团队需要选择一个明确定义的任务,这可以是用户在特定情境下需要完成的日常活动。通过观察用户在执行这一任务时的行为,团队能够捕捉到许多细微的细节,包括使用习惯、面临的问题以及情感体验。
行为模式分析:揭示潜在需求
通过对用户行为模式的深入分析,设计团队能够揭示出潜在的需求和期望。这可能包括用户在任务执行过程中的挑战、喜好,以及对特定功能或体验的期待。这一分析将为团队提供深入的用户洞察,超越表面的需求,更好地理解用户背后的动机和心理。
场景还原:创造真实用户体验
为了更好地理解用户体验,设计团队可以通过场景还原的方式,尝试亲自完成用户在生活中的任务。通过亲身体验,团队将更深入地感知用户的需求、痛点和情感反馈,为后续的设计决策提供更实际、贴近用户生活的参考。
通过这一方法,设计团队能够真实地感受用户的日常生活,深入了解他们的需求和期望,为设计提供更具体、更人性化的灵感。
4.3 用户洞察方法2:站在用户的立场思考
这一方法旨在通过模拟用户的视角,深入理解用户在使用产品或服务时的体验和感受。通过站在用户的立场思考,设计团队能够更全面地考虑用户的需求、期望和使用场景,从而制定更贴心的设计方案。
用户视角模拟:体验用户的感受
设计团队首先需要从用户的角度出发,将自己置身于用户的日常生活和使用环境中。这可以通过模拟用户的日常活动、使用场景,或者通过角色扮演等方式来实现。通过亲身体验,团队能够更直观地感受用户的需求和体验。
情境分析:考虑用户使用背后的动机
在模拟用户的立场时,设计团队需要分析用户可能面临的各种情境。这包括考虑用户的心理状态、行为动机以及使用产品的具体场景。通过深入的情境分析,团队可以更好地理解用户的决策过程和行为动机,为设计提供更有针对性的解决方案。
用户体验反馈:记录真实感受
在模拟用户的过程中,设计团队需要详细记录自己的感受和观察。这可以包括使用产品时的舒适度、遇到的问题、喜好等方面的反馈。这些反馈将成为设计团队调整和改进设计的重要依据,确保最终的产品更符合用户的期望。
通过站在用户的立场思考,设计团队能够更好地理解用户的需求和体验,帮助他们制定更符合实际情境的设计方案。这一方法有助于打破设计者的主观认知,真实地站在用户的角度,为设计提供更客观、用户导向的视角。
4.4 用户洞察的方法3:亲身体验
在这一方法中,我们将深入研究通过亲身参与用户体验,直接感知用户需求和情感反馈的手段。亲身体验是一种直观而深刻的方法,能够为设计团队提供真实而珍贵的用户洞察。
参与用户角色:全身心融入用户体验
设计团队通过主动参与用户所面临的情境和任务,全身心融入用户的角色。这可能包括使用产品、执行特定任务、访问服务等。通过亲身参与,团队能够更深刻地理解用户的感受、需求和体验。
感知用户情感:捕捉真实反馈
在亲身体验的过程中,设计团队需要敏锐地捕捉用户的情感反馈。这包括用户在使用过程中可能表现出的喜悦、挫折、满足等情感。通过记录这些真实反馈,设计团队可以更好地理解用户的情感体验,为设计提供有力的情感导向。
实地考察用户场景:深度洞察使用环境
除了产品或服务本身,团队还需深入考察用户所处的实际环境。这可能包括用户的生活空间、工作场所等。通过实地考察,设计团队可以更好地了解用户的行为背后的背景和动机,为设计提供更具深度的用户洞察。
通过亲身体验,设计团队能够以更直观的方式感知用户的需求和体验,深入了解用户使用产品或服务的真实场景,为后续的设计工作提供更加具体和贴切的指导。这一方法是深入用户洞察的重要途径,有助于设计团队更好地满足用户的期望。
总结
本章系统地回顾了用户思维的演进历程,着重探讨了其四个阶段和四种关系,明确了以用户为中心的新认知。通过深入分析用户思维4.0中的三大洞察方法和寻找市场机会的六个思维,我们为读者提供了在用户思维框架下准确洞察用户的方法论。
我们理解到,在用户思维的演进中,从简单的「顾客是上帝」到现代的「以用户为中心」,设计理念已经经历了巨大的变革。这一变革的核心在于更深入地理解和满足用户的真实需求,从而创造出更具价值和用户体验的产品。
在接下来的内容中,我们将更深入地探讨用户思维在实际设计中的应用。通过具体案例和实践经验,我们将为设计团队提供有力的指导,帮助他们更好地运用用户思维,创造出贴近用户心理的创新设计。让我们一同探索,在这个充满挑战和机遇的设计世界中,如何更好地理解和服务用户,成就卓越的用户体验。
转载:黑马青年
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

在当今快速发展的数字设计世界中,寻找优质的设计灵感至关重要。无论你是专业设计师还是刚入行的新手,以下这些精选的网页设计灵感站点将帮助你提升创意和设计水平。兰亭妙微深耕 UI 设计与开发领域,团队设计师始终保持持续学习、稳步成长的状态,和你分享当代设计趋势。
1. Curated Design - 设计精品集锦
[Curated Design](http://curated.design) 是目前最佳的网页设计灵感资源之一。该平台精心挑选了来自全球的顶尖网站设计,按照不同的风格和特点进行分类,包括暗色系、柔和色调、多彩设计、极简主义等。
特色亮点:
- 提供精选的高质量设计案例
- 按设计风格和属性进行详细分类
- 提供专业版订阅服务,解锁更多功能
- 每周更新,保持最新设计趋势
Curated Design 的界面本身也是一个设计典范,简洁而富有美感,让浏览体验变得轻松愉悦。对于寻求高端设计灵感的专业人士来说,这是一个不可错过的资源。
2. Landing Gallery - 全方位的着陆页灵感
[Landing Gallery](http://landing.gallery) 专注于提供各个领域的着陆页设计灵感。无论你需要设计什么类型的页面,从主页、定价页面到联系页面,甚至是404错误页面,这里都能找到优质的参考案例。
主要功能:
- 按页面类型进行详细分类(主页、定价页、关于页等)
- 按网站构建工具筛选(Elementor、Framer、Shopify等)
- 定期更新最新的设计案例
- 提供深色/浅色模式切换
Landing Gallery 的组织结构非常清晰,让用户能够快速找到所需的特定类型页面设计,是进行目标明确的设计研究的理想平台。
3. SaaS Landing Page - SaaS领域的专业灵感
[SaaS Landing Page](http://saaslandingpage.com) 专门收集了SaaS(软件即服务)公司的优秀着陆页设计。对于科技创业公司和SaaS产品设计师来说,这是一个宝贵的资源。
核心优势:
- 超过800个顶级SaaS公司的着陆页案例
- 按页面类型细分(着陆页、定价页、功能页等)
- 提供多种技术栈的模板参考
- 按流行字体和设计标签进行筛选
如果你正在为SaaS产品设计网站,这个平台提供的针对性案例将帮助你了解行业最佳实践和设计趋势。
4. Supahero - 精选的英雄区设计
[Supahero](http://supahero.io) 专注于网站最重要的部分之一——英雄区(Hero Section)设计。这个区域通常是访问者首先看到的部分,对于吸引用户注意力至关重要。
特色内容:
- 精心挑选的高质量英雄区设计
- 按风格分类(暗色、极简、3D、彩色等)
- 提供相关设计工具和模板资源
- 定期更新最新设计趋势
Supahero 的集中焦点使其成为寻找引人注目的网站开场设计的绝佳资源,特别适合想要在第一印象上脱颖而出的设计师。
5. Mobbin - 最大的UI/UX参考库
[Mobbin](http://mobbin.com) 是目前最大的UI/UX设计参考库之一,提供了大量的移动应用和网站界面设计案例。与其他平台不同,Mobbin 不仅展示首页设计,还提供完整的用户流程和交互设计参考。
主要特点:
- 海量的移动应用和网站UI/UX设计案例
- 完整的用户流程和交互设计展示
- 按行业、功能和设计模式分类
- 提供设计系统和组件库参考
对于需要研究用户体验和界面设计的专业人士,Mobbin 提供了深入了解成功应用如何构建用户流程的机会。
6. Dark Design - 暗色模式设计专家
[Dark Design](http://dark.design) 专注于收集优秀的暗色模式网站设计。随着暗色模式在各种平台上的普及,这个资源变得越来越有价值。
核心特色:
- 专注于高质量的暗色模式网站设计
- 提供模块化设计元素和模板
- 按风格和功能分类
- 支持书签功能,保存喜爱的设计
Dark Design 不仅提供整体网站设计灵感,还关注暗色模式下的细节处理,如色彩对比、可读性和视觉层次,是设计暗色界面的绝佳参考资源。
总结
这些设计灵感站点各有特色,覆盖了从整体网站设计到特定元素、从通用领域到专业行业的各个方面。作为设计师,定期浏览这些资源可以帮助你:
- 了解最新的设计趋势和模式
- 获取针对特定项目的灵感
- 学习行业最佳实践
- 提升自己的设计技能和审美水平
无论你是在设计一个全新的网站,还是对现有项目进行改进,这些平台都能为你提供宝贵的参考和灵感。
转载:未来交互趋势
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

为了帮助大家更轻松地提升设计水平,这里整理了一些简单实用的小贴士。希望这些小技巧不仅能够助力您优化当前的设计项目,还能在未来的设计之旅中为您提供参考价值。
01. 避免卡片上文本信息过多
一个卡片内通常会包含图片、标题、详细介绍及行动按钮等元素,这些元素需要以聚焦的形式去呈现,以帮助用户快速扫描内容。当文本内容较长、展示的信息过多时,不利于用户快速扫描,导致用户无法在第一时间快速感知到产品想要展示的、或用户想要知道的信息,很容易被用户过滤。
文本内容过多且无法删减时,我们可以从中提取部分更有价值信息,也可以只显示文本内容的前两行,其他将其省略,以点击展开更多、内容弹窗或者跳转页面的方式将其完整展示,都不失为一种不错的解决方式。
02. 减少表单字段的填写数量
在设计表单时,让用户填写过多的内容会增加其认知负荷,表单完成率也会随之下降。为了减少用户的操作次数,降低使用难度,但凡能让用户选择的就不要让他输入、能够系统获取的就不让用户去选择,要尽可能的减少字段填写数量,让表单显得更加简单。
类似地址、日期这类层级内容,不要将其分成多个字段,最好做成联动选择让用户一气呵成。
03. 不同输入场景下的键盘类型
为了简化数据输入,满足不同的类型的文本输入需求,用户在输入不同类型的字段时,应提供对应类型的键盘,便于用户更快完成表单内容,常见的键盘有以下几种:
中文键盘:绝大多数表单使用的类型,应对纯中文或综合性文本类型的输入需求;
英文键盘:纯英文类型的字段,例如字母类型的用户名、英文名输入等;
数字键盘:纯数字类型的字段,例如手机号、身份证号、银行卡号等;
数字键盘(乱序):多用于纯数字密码类型的输入需求,对安全系数要求较高,如支付密码等。因出于安全考虑,这类键盘虽然会增加用户的理解成本,但与财产的安全性相比,显然在可接受范围之内。
04. 行高应跟随字号而变化
有很多设计师在处理大量的文本内容时,为了遵循设计规范,会设定固定的行高数值,例如常用的1.2、1.5倍等,需知设计规范是为了避免我们在设计中出错,并非为了规范而规范。
在应对大量的文本类容时,为了让用户有更好的可读性和易读性,行高因跟随字号的大小而变化,字体越小、行高越大,想要视觉上更加细腻,文字越粗(越黑)、行高越大,我们只需要保证在同一字号、字重的条件下,保持同相同数值的行高即可。
如果中文看的不是那么明显,可以试下英文,特别是上一行基线到下一行基线之间的距离尤为明显。笔者因工作中涉及中、英、泰三文切换,在处理行高时不敢有丝毫马虎。
05. 基于拾色器右上方选取颜色
在为UI选取主色调时,大多都是根据logo色来建立UI色彩体系,因品牌logo会用户各行各业,尤其是平面印刷用色与电子屏幕用色差异过大,故而logo色并不能直接用于UI设计,我们需要在logo品牌色的基础上做出调整。
设定主色调时,可基于品牌logo的色相或往邻近色方向微调,然后在拾色器右上方(介于饱和度和明度最大值附近)选取具体的颜色。这种配色方式能让主色更加鲜明,在电子设备中显示也会更加舒适、和谐。不仅如此,在选取辅助色时也可以使用这种方式。
目前市面上那些成熟产品的配色,都会有这种规律,主色都基于拾色器右上角的位置。
06. 表单标签的对齐方式
常见的表单标签对齐方式有三种,左对齐、右对齐和顶对齐。不同的对齐方式都有各自的优点和缺点,我们需要根据项目实际情况来选择最合适的对齐方式。
左对齐:左对齐是最为常见的对齐方式,可充分利用页面的垂直空间,易于扩展。在选用左对齐时,标签字数需在可控范围类,一般不超过4字,否则会降低可输入空间,影响输入内容的长度;
右对齐:多用于网页表单中,在标签稍长、且字数长度不一的情况下使用。当标签参差不齐时,与左对齐相比,右对齐能拉近标签与输入框的距离,增强内容的关联性;
顶端对齐:会占用较多的纵向空间,通常用于标签长短不可控的场景下,例如常见的英文表单。在中文场景中使用不多,如用户问卷调查、信息搜集等。
07. 大胆使用空间留白
为了提高界面利用空间,追求信息的饱和度无可厚非,但过度追求并非是一件好事,当信息过于密集、信息层级较难区分时,会耗费用户更多的时间成本。
不要吝啬界面留白,基于亲密性原则,在合理的将信息进行分组之后,请大胆使用留白,应避免元素与元素、与信息组之间过于密集,保持界面的呼吸感,给用户更为舒适通透的体验。
08. 中性色的设定(黑白灰)
中性色在UI设计中相当重要,虽然仅次于品牌色,但在我们的设计流程中,定义中性色往往会早于定义品牌色,因为在界面配色之前,我们会通过中性色来表现界面信息的层级。
中性色即色彩中的黑白灰,设定中性色是由调整HSB(色相/饱和度/亮度)中的B值高低里形成一个表现视觉强弱的等级阶梯,一般设定4~5个等级即可,例如B值的20%(#333333)、40%(#666666)、60%(#999999)、80%(#CCCCCC)、90%(#E6E6E6)。
这里需要注意两个问题,一是要避免使用纯黑色,因为纯黑色在电子屏幕中是不发光的,会与其他发光的颜色产生巨大的反差,不易与视觉浏览;而是设定的黑白灰等级数量不宜过多,否则邻近的色值很难拉开视觉层级。
09. 投影的光源保持统一
这可以被视为提升用户体验的一个高级技巧。在给组件添加投影时,如果光源方向或强度不一致,即使这种差异很细微,也可能因为不协调而破坏整体视觉效果,使界面看起来不够专业或者缺乏连贯性。
为了增强视觉上的和谐与统一,所有UI组件都应遵循相同的光源方向,使各个元素之间更加协调,帮助用户更快地理解和适应界面布局。此外,通过确保光照效果的一致性,还可以有效地突出重点信息。
10. 避免用占位符替代标签
输入框中的占位符可以为用户提供初步的指引,帮助他们在开始输入前有一个短期的记忆提示。理想情况下,占位符应作为标签的补充。然而,如果只有占位符而没有标签,用户可能会感到困惑,尤其是在他们点击输入框后占位符消失时,可能会一时记不起要输入的内容。
标签对于明确指示用户在表单字段中输入什么信息至关重要。保持标签的可见性不仅能提升产品的易用性,还能特别照顾到那些认知和记忆力较弱的用户。这样可以确保每个输入字段的用途始终一目了然,减轻用户的认知负担,使表单更加友好、清晰且易于使用。
转载:黑马青年
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

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



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

用户进行操作过程中,界面上的元素会经常出现,隐藏,打开,关闭,放大缩小移位等。给这些元素增加些自然的动画,淡入淡出效果不但美观,也更符合实际,本来元素尺寸位置的变化就是一个需要时间的动画过程。但要注意动画时间不要设置过长,那样会让想尽快完成操作的用户不耐烦。
与其让用户马上注册,何不让用户先进行一些体验式的操作呢。这个体验过程可以展示程序的功能,特性等。一旦用户通过简单几步的操作了解了程序的价值所在,那么它会更愿意填写注册表单的。这种循序渐进的引导可以尽量推迟用户注册的时间但又可以让用户在没注册的情况下进行个性化设置等简单操作。
过多边框会喧宾夺主。不用说,边框确实在划分区域进行版块设置时有很大的作用,但同时其明显的线条也会吸引走用户的注意力。为了达到划分版块又不转移用户注意力的目的,在排版时可以将界面上不同区域的元素通过空白进行分组,用上不同的背景色,将文字对齐方式进行统一,还有就是为不同区域设置不同的样式。当使用所见即所得的界面设计工具时,我们经常在界面上方便地拖出很多区块来,这些区块多了就会显得杂乱无章。所以我们又会到处放些横线来分界。一个更好的做法是将区块垂直对齐,这样做不会让那些多余的线条来扰乱视觉。
市场就是这样的,用户永远只关心自身利益而产品特性对他们来说倒不是那么重要。只有利益才更直观地体现出使用产品所带来的价值。Chris Guillebeau在他的著作《100美元起家》中指出,相比压力,冲突,烦心事和未知的未来,人们在乎得更多的是爱,金钱,认同感和自由支配的空闲时间。所以我相信在展示产品特性时回归到利益上是必要的。
界面上经常需要呈现不同数量的数据,从0,1,10,100到10000+等。这里存在个普遍的问题就是:在程序最开始使用的0条数据到过度到有数据之前,该如何进行显示界面。这也是我们经常忽视了的地方。当程序初始没有数据时,用户看到的就是一片空白,此时用户可能不知道该进行哪些操作。利用好没有数据的初始界面可以让用户学习和熟悉如何使用程序,在程序中创建数据。力臻完美永远是我们追求的目标,界面设计也不例外。
将界面做成默认用户选中想要使用你的产品,意味着如果用户真的需要使用,那么可以直接点击确定而不需要额外点选了。当然,也有另一种做法就是默认不选中服务,用户需要的话可以手动点选。前者这种设计更好的原因有两点。一是用户不需要额外点选,非常省事,因为默认设置为用户需要我们的产品或服务。二是这种做法某种程度上是在向用户推荐产品,暗示了其他人都选择了我们。当然,将界面设计成默认选择的样子多少存在点争议,有点强迫用户的感觉。如果你想道德一点,你可以要么把让用户选择的文字写得模棱两可,要么使用双重否定这样不那么直白的描述,这两种方式都可以让用户觉得没有那么强的感觉是被强迫选择使用产品的。
自从Donald Norman的一系列著作面世后,界面设计中尽量保持一致性成了一个普遍遵循的准则。在设计中保持一致性可以减少用户的学习成本,用户不需要学习新的操作。当我们点击按钮,或者进行拖拽操作,我们期望这样的操作在整个程序的各个界面都是一致的,会得到相似的结果出来。反之我们需要新情境下重新学习某种操作会产生何种结果。可以在很多方面下功夫来实现一个一致的界面,包括颜色,方向,元素的表现形式,位置,大小,形状等。不过在让界面变得一致之前,记住一点,适当的打破整体的一致性也是可取的。这偶尔的不一致性的设计用在你需要强调的地方可以起到很大的作用。所以世事无绝对,我们应遵从一致的设计准则,但适当地打破这种常规。
适当的默认值和预先填充好的表单字段可以大量减少用户的工作量。在节省用户宝贵的时间上面,这是种非常常见的做法,可以帮助用户快速填完表单或者注册信息。
界面设计中遵从约定的准则跟之前的界面一致性准则很相似。如果我们遵从了界面设计中的一些约定,用户用起来会很方便。相反,不一致和没有遵从约定的设计则会提高学习成本。有了界面设计中这些约定,我们想都不用想就知道界面右上角(大多数情况下)的叉叉是关闭程序用的,或者点击一个按钮后我们能够预测到将会发生什么。当然,约定是会过时的,随着时间的推移,同样的操作也有可能被赋予新的含义。但要记住,当你在界面中打破这些常规时一定要目的明确,并且出发点是好的。
我们喜欢成功,没有谁愿意失败。根据心理学得到的可靠结论,人们一般更顷向于避免失去拥有的东西而不是获得新的利益。这一结论也适用于产品的设计和推广中。试着说明你的产品会帮助客户维护他的利益,保持健康,社会地位等要好过告诉客户这个产品会带来一些他未曾拥有的东西。比如保险公司,它是在销售我们出事之后可以得到的大笔赔偿呢还是在强调可以帮助我们避免失去拥有的财产?
具有层次的设计可以将界面上重要的部分与不次要部分区分开来。要让界面层次分明,可以在这些方面做文章:对齐方式,间距,颜色,缩进,字体大小,元素尺寸等。当所有这些调整运用得适当时,可以提高整个界面的可读性。相比在一个很直白的界面上用户一眼就可以从上瞟到底的设计,这样分明的设计也可以让用户放慢速度来慢慢阅读。这样也使界面更有特色一些。就好比一次旅行,你可以乘坐高铁快速到达景区(从页面顶部瞟到底部),但你也可以慢行以欣赏沿途风光。所以层次分明的设计让眼睛有可以停留的地方,而不是对着空白单调的一个屏幕。
将各个功能项分组合并起来可以提高程序的可用性。有点常识的人都知道刀子和叉子,或者打开文件和关闭文件是放在一起的。将功能相近的元素放在一起也符合逻辑,符合我们平时的认知。
在处理表单时,最好立即检测出用户所填写内容是否符合要求然后给出验证消息。这样错误一出现能就能得到改正。相反,提交后再检查表单会给出错误消息,会让用户感到乏力又要重复之前的工作。
对用户输入的数据,尽量放宽限制,包括格式,大小写什么的。这样做可以更人性化一点,也使得界面更加友好。一个再恬当不过的例子就是让用户输入电话号码的时候,用户有很多种输入方式,带括号的,带破折号的,带空格的,带区号和不带区号的等等。如果你在代码中来处理这些格式的问题,代价也只是你一个人多写几行代码而以,却可以减少无数用户的工作量。
适当的紧迫感是个有效的战术可以让用户立即做出决定而不是等上个十天半个月。重要的是这种战术屡试不爽,因为它暗示了资源的紧缺或者活动的时间有限,今天可以买,但明天可能就无法这么低价了。另一方面,这一战术也让用户感到会错失一次大好的机会,再一次,应用了人们害怕失去的本性。当然,这种战术会被一些人嗤之以鼻,认为是不耿直的做法。不过,这只是种战术而以,并且在保持合法性的前提下应用也无伤大雅。所以请不要为了营销而在界面上制造紧迫的假象。
物以稀为贵。饥饿营销给出的信息就是东西不多,只剩几件,明天再来,可能没了。你去比较一下批发与限量版的东西他们的价格差距有多大就知道了。回过头来看,那些批发商或者大零售商,他们也使用饥饿营销,以获得更好的销量。但在软件行业,我们经常会忘记有饥饿营销这回事。因为数字产品是可以很容易拷贝复制的,不存在缺货的情况。其实,在界面设计中,也可以将其运用起来与现实中的资源紧缺进行联系。想想一次网上研讨会的门票,想想你一个月可以服务的人数限制,这些信息都可以告知用户是有限的。
这一界面设计中的经典准则是有心理学依据的,相比要让某人回想想某样东西,从一堆东西中认出某样东西会更容易些。辨识出一样东西只需要我们稍微回忆一下,通过一些线索就可以完成。而回想则需要我们全面搜索自己的大脑。也许这也是为什么试卷上选择题会比简答题做得快的原因。所以试着在界面上展示一些用户之前涉及到的信息让他们进行选择,而不是让他们想半天然后自己填写。
像链接,表单的输入框还有按钮等,如果尺寸做得大一点则点击起来更方便容易些。根据费特定律,使用像鼠标这样的外设来点击需要一些时间,特别是元素比较小的情况下,时间会更多。鉴于此,最好还是把你的表单输入框,按钮等做大点。抑或者你可以保持原有的设计不变,只是把元素可点击区域(也就是热区)增大。这样的一个典型例子是手机设备上的文本链接和导航菜单,它们文字不一定很大但背景是拉伸的,在很宽范围内点击都有效。
速度很重要。页面加载速度和UI对操作的响应速度都直接关系到用户是否有耐心继续等下去。无疑地每多一秒种的等待都会失去一些用户或者项目机会。一个好的解决之道当然就是优化你的页面和图片。除此之外还可以运用心理学让这个等待时间显得不那么长。具体来说有两种技巧。一是显示进度条,二是展示其他相关或有趣的东西来吸引用户的注意力(就好比你沿着传送带走走总比傻站在原地盯着一个位置看要好得多吧)。
当你的程序广为流传,应该考虑下高级用户的感受。人们总是试图为一些重复性的操作找到更快捷的方法,快捷键就应运而生了。相比在界面上点来点去,快捷键无疑大大提高工作效率。一个好的例子就是现今流行于各个主流程序中的J(后退)K(前进)快捷键组合,比如在Gmail,Twitter和Tumblr中。按钮固然好,但快捷键会锦上添花。
转载:微信公众号UI设计
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

UI设计中的每一个细节都可能对用户体验产生影响。整理了UI设计中常用的几个小细节,使你的页面设计更加精致。
(1)数值对齐VS视觉对齐
(2)垂直对齐更利于阅读
(3)选项增加合适的图标
(4)导出图标
(5)留白分割
(6)按钮边距
转载:设计小细节
在科技日新月异的今天,智能硬件已渗透至生活的方方面面。从智能音箱到可穿戴设备,从智能家居到自动驾驶汽车,我们被无数智能设备所包围。然而,许多智能硬件却未能真正提升生活质量,反而因操作复杂、功能冗余或体验割裂而令人失望。智能硬件的终极体验,绝非功能的简单堆砌,而应是一种无缝融入生活、无声赋能于人的智慧存在。这种体验的核心,在于回归“人”本身,通过深刻的设计愿景与方法论,重新定义科技与人类的关系。
市面上大多智能硬件仍陷于“功能至上”的误区。厂商热衷于比拼参数、添加新功能,却忽略了用户真正的需求:自然、流畅且愉悦的体验。例如,许多智能家居设备需要下载独立应用、经历繁琐配置,甚至不同品牌间无法互联互通。这种设计思维本质上是“技术驱动”而非“人性驱动”,导致设备之间形成数据孤岛,用户被迫适应技术,而非技术服务于人。
更深层次的问题在于,许多智能硬件缺乏设计价值的体现。设计价值不仅是外观的美学,更是产品与用户情感、行为和生活方式的深度契合。当前大多数产品将“智能”等同于自动化或远程控制,却未能触及智能化的本质:理解上下文、预测需求并提供主动、个性化的服务。例如,一个真正的智能家居系统应当能够感知家庭成员的生活节奏,自动调节光线、温度与音乐,而非仅仅通过手机应用开关灯光。
智能硬件的终极体验,应当如电力一般无处不在却隐于无形。它的设计愿景应聚焦于以下三点:
无缝融合(Seamless Integration):硬件应自然融入环境与日常流程,不打断用户的心流。例如,智能耳机不仅提供降噪功能,还能根据环境自动切换模式(如从通勤降噪切换到办公室通透模式),甚至监测用户健康状态并发出提醒。
主动智能(Proactive Intelligence):设备应通过持续学习用户习惯,提前预测需求并主动响应。例如,智能冰箱不仅记录食品库存,还能根据用户饮食习惯推荐食谱,并自动生成购物清单。
情感联结(Emotional Connection):智能硬件不应仅是工具,更应是懂你的伙伴。通过设计语言、交互反馈与个性化服务,与用户建立信任与情感纽带。例如,教育机器人通过鼓励式交互激发孩子学习兴趣,而非机械地完成任务。
这一愿景的实现,需依托于一种人性化的设计方法论,将技术能力与人文关怀深度融合。
为实现终极体验,智能硬件设计需超越传统用户中心设计(UCD),转向场景化、系统化的设计思维。
场景深度洞察(Deep Scenario Insight)
设计不应始于功能定义,而应源于对用户日常生活场景的深度洞察。通过 ethnographic research(民族志研究)等方法,观察用户在不同场景中的行为、痛点与渴望。例如,智能办公设备的设计需理解开放式办公室与远程办公的不同需求,提供聚焦模式与协作模式的无缝切换。
跨设备系统设计(Cross-Device System Design)
智能体验往往依赖多设备协同。设计需打破单设备思维,构建一致且连贯的生态系统。苹果的“接力”(Handoff)功能便是一个范例,允许用户在不同设备间无缝切换任务。未来智能硬件应更进一步,实现设备间能力互补(如手机计算力+手表传感器+电视显示屏)。
自适应交互(Adaptive Interaction)
交互方式应自然且自适应:结合语音、手势、触控等多种模态,并根据上下文自动选择最优方式。例如,智能车载系统在检测到驾驶员疲劳时,自动切换为语音交互并建议休息。
伦理与可持续性(Ethics & Sustainability)
终极体验必须包含对社会与环境的责任。设计需关注隐私保护、数据安全与长期可持续性。例如,设备应采用本地化处理减少数据上传,并通过模块化设计延长产品寿命。
智能硬件的终极体验,是科技与人文的完美共鸣。它并非炫技式的功能展示,而是于细微处改善生活品质,让人更专注於真正重要的事物:创造力、人际关系与自我实现。
当我们回望当前市场的空白,正是这种设计价值的缺失:太多产品追求“炫酷”而非“有用”,追求“销量”而非“意义”。未来真正的突破性产品,必将源于对人性深层次需求的洞察,以及将技术转化为温暖体验的设计能力。
最终,智能硬件将不再被称为“硬件”,而是成为我们生活中无声却不可或缺的伙伴。它知道你需要什么,并在你意识到之前就已准备好一切——这才是智能的终极体验。
转载:UX设计便利店
今天欣赏一组该健康类产品的UI设计,设计师还是Afterglow。
该产品围绕智能手表与手机应用,提供运动、健康数据服务。
转载:UX设计便利店
蓝蓝设计的小编 http://www.lanlanwork.com