首页

PC端的页面设计，如何优雅呈现在移动端？

前端达人

电商boss系统采购订单页面在移动端呈现，我做了哪些思考？
PC端的页面设计，如何优雅呈现在移动端？
 
 
在B端UI/UX设计领域，我们常常会遇到类似的需求：随着业务的发展，需要将复杂系统中的核心功能摘出来，并在小程序或移动应用上呈现，以便客户能够便捷地使用和操作，从而提升工作效率。然而，实际操作中我们会发现，尽管对这些功能很熟悉，但是落地过程中却会遇到一系列问题。
 
本文中，将分享我在将复杂电商BOSS系统的订单页面呈现在移动端的设计过程，希望对大家有所帮助。通过本文，您将了解到以下内容：
1、如何在设计过程中充分考虑电脑端和移动端用户的需求和使用习惯；
2、如何将复杂的订单页面优化为简洁、易用的移动端界面；
3、针对移动端的限制和挑战，如何进行设计决策和权衡；
4、使用哪些有效的UX技巧来提升用户体验和工作效率。
PC端的页面设计，如何优雅呈现在移动端？
 
 
 
一、深入分析业务背景和使用场景
1、业务背景关系梳理
选款的零售商客户通过衫海精选款下单后，订单信息和订单状态会传到BOSS后台，相关负责人可随时查看并处理。
PC端的页面设计，如何优雅呈现在移动端？
 
 
2、为什么需要在移动端呈现？
为了确保平台高效履约，需要市场部同事随时掌握订单状态，特别是
发货即将超时、揽收即将超时、发货已超时和揽收已超时
的订单，以便及时通知上下游。但是由于工作性质，他们无法随时坐在电脑面前，所以需要在小程序上呈现订单信息，可以让市场部同事随时查看并处理订单，避免出现订单超时，客户投诉的情况。
PC端的页面设计，如何优雅呈现在移动端？
 
 
 
二、功能拆解
1、将电脑端订单内容拆分重组，信息归类
PC端的页面设计，如何优雅呈现在移动端？
 
 
PC端的页面设计，如何优雅呈现在移动端？
 
 
 
2、订单功能拆分后，主要分为以下四个部分
PC端的页面设计，如何优雅呈现在移动端？
 
 
1）订单状态
订单状态包括：全部、待付款、备货中、待收货、已完成、已关闭。全部状态下
新订单、售后中、发货即将超时、揽收即将超时、发货已超时、揽收已超时
的订单类型需要重点露出，方便快速查询。
  •  
    设计差异：
1、订单状态：电脑端大屏横向可以全部平铺展示；移动端则是横向滑动。
2、售后中、发货即将超时、揽收即将超时、发货已超时、揽收已超时的订单快捷入口，电脑端大屏可以全部平铺展示；移动端则需要换行，这里不做横向滑动是因为会影响用户的操作效率
PC端的页面设计，如何优雅呈现在移动端？
 
 
2）订单查询条件
订单查询条件包括：订单编号、时间排序、商品名称、供应商名称、下单时间、订单状态、履约方、SKU编码、商品ID、是否缺货、所属云仓等等。
  •  
    设计思考：
分析用户日常的使用习惯，对高频操作的筛选项进行提炼在移动端展示，提升使用效率。低频操作则不在移动端展示。
PC端的页面设计，如何优雅呈现在移动端？
 
 
经过与业务方沟通，订单编号、时间排序、商品名称、供应商名称、下单时间、订单状态、履约方的使用频次相对较多，
订单编号、时间排序
使用频次最高。
 
a、订单编号/排序时间
  •  
    设计差异：
1、订单编号查询：电脑端和移动端都是直接输入，但是电脑端支持批量查询，单次查询内容会更多。
2、下单时间排序：电脑端采用input框的样式，下拉筛选；移动端是通过点击切换排序方式，操作会更便捷。
PC端的页面设计，如何优雅呈现在移动端？
 
 
 
b、商品/供应商查询
  •  
    设计思考：
1、商品查询：电脑端、移动端都是直接输入；
2、供应商查询：电脑端采用input框的样式，下拉筛选；移动端则是进入新的页面进行选择；两者都支持关键字搜索；
移动端不直接展开的原因是：供应商数量多，在当前页面展示篇幅较长，还涉及到分页，会影响用户的操作体验。
PC端的页面设计，如何优雅呈现在移动端？
 
 
 
c、时间查询
  •  
    设计差异：
电脑端点击出现时间选择器，支持快捷查询；移动端点击选择跳转到新页面，时间全部铺开展示；两者都支持滑动鼠标(手指)连续选择时间段。
PC端的页面设计，如何优雅呈现在移动端？
 
 
d、订单状态查询
  •  
    设计差异：
电脑端采用input框，下拉选中；移动端则是全部展示出来，采用勾选的方式进行选择。
PC端的页面设计，如何优雅呈现在移动端？
 
 
3）批量操作
小程序不做批量操作功能。
 
4）订单内容
订单内容包括订单编号、下单时间、零售商、商品信息、数量、发货方式、买家信息、订单状态、实收款、订单详情、查看物流。这些内容可以归纳为3类：
a、订单信息 b、商品信息 c、操作。
 
a、订单信息
订单信息包括：订单编号、下单时间、零售商、、发货方式、买家信息、订单状态、实收款
  •  
    设计差异：
电脑端面积大，内容需要散开排列；移动端面积小，内容需要集中排列。
PC端的页面设计，如何优雅呈现在移动端？
 
 
b、商品信息
商品信息包括：商品名称、图片、价格、货号、规格、SKU编码、供应商、下单数量、拿货数量、仓内现货、缺货原因
  •  
    设计差异：
同样的内容，移动端更加聚焦，但是商品数量展示也偏少。
PC端的页面设计，如何优雅呈现在移动端？
 
 
c、操作
操作包括：订单详情、查看物流
  •  
    设计差异：
交互方式相同，都是跳转到新页面。
PC端的页面设计，如何优雅呈现在移动端？
 
 
 
三、总结
由于屏幕大小和分辨率的不同，电脑端和移动端页面在功能的布局和信息展示上也会有所不同。
电脑端使用鼠标操作，包含滑动、左击、右击、双击等，相对来说单一，交互效果较少。而对于手机端来说，由于屏幕大小的限制，操作方式需要更加的丰富，通过这些丰富的操作来实现页面和功能之间的交互。所以电脑端和移动端相同功能的操作方式也会不同，组件也有所差异。在做设计时，尽量使用成熟的组件，给用户良好的使用体验。
遇到复杂的设计需求，不要慌张，
核心都是看透事物的本质，拆解为基础的组件，再从根本上解决问题。
谢谢！
 
 

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

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

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



作者：西城门设计
链接：https://www.zcool.com.cn/article/ZMTYxOTQxMg==.html
来源：站酷
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
评论(0) 浏览(1660)

探索 VR 和 AR 界面设计的美学：欣赏与思考

前端达人

虚拟现实（VR）和增强现实（AR）技术的发展为界面设计带来了全新的挑战和机遇。在这个充满创新的领域中，设计师们不断探索新的美学原则和用户体验，为用户提供更加沉浸式和丰富的体验。本文将通过一些精选的案例，分享一些令人赞叹的 VR 和 AR 界面设计，以及对这些设计背后的思考和启示。

 

1. 空间感的呈现：

在虚拟现实中，空间感是一个重要的设计元素。通过精细的场景设计、逼真的光影效果和流畅的动画，设计师可以打造出令人身临其境的虚拟环境。例如，某 UI 设计公司最近推出的虚拟展览应用，通过高度还原的展览场景和交互设计，为用户带来了仿佛置身于现场的体验。

 

2. 交互体验的创新：

增强现实技术为用户带来了全新的交互方式。例如，一款 AR 应用可以利用手机摄像头和虚拟元素的结合，将现实环境转化为交互式的游戏场景。蓝蓝设计公司的一项 AR 游戏项目就采用了这种创新的交互方式，用户可以在现实场景中进行虚拟物品的收集和互动，增强了游戏的乐趣和参与感。

 

3. 用户体验的关注：

无论是 VR 还是 AR，用户体验始终是设计的核心。设计师们不断优化界面布局、操作流程和反馈机制，以提升用户的使用感受和参与度。在虚拟现实眼镜的显示器上，合理的信息展示和交互设计尤为关键，以确保用户能够轻松地理解和操作。在一些 VR 应用中，蓝蓝设计公司采用了简洁直观的界面设计和自然流畅的交互方式，获得了用户的一致好评。

 

结语：

虚拟现实和增强现实技术的蓬勃发展，为界面设计带来了前所未有的挑战和机遇。通过不断的探索和创新，设计师们正在打造出更加沉浸式、交互式和人性化的 VR 和 AR 界面，为用户带来全新的体验和感受。期待未来，我们将继续关注这个领域的发展，并为之贡献我们的智慧和创意。

 

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

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

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

评论(0) 浏览(1275)

模态是一个很多设计师没有完全理解的UX概念

涛涛

熟悉一个原则才能打破它

评论(0) 浏览(955)

呼应 App UI/UX 设计

涛涛

“呼应”是一款聚焦于进出口物流服务的UGC平台，为用户提供内容分享、商品发布、商品咨询等服务。

评论(0) 浏览(891)

创新医疗电子病历界面设计：提升用户体验与医疗效率

前端达人

随着科技的不断进步，医疗信息技术已成为现代医疗系统中不可或缺的一部分。在这一领域中，电子病历系统作为医疗信息化的核心组成部分之一，对提高医疗服务的质量和效率起着至关重要的作用。本文将介绍一种创新的医疗电子病历界面设计，旨在提升用户体验、简化操作流程，并进一步促进医疗卫生领域的数字化转型。

 

1. 用户体验的重要性：

在医疗电子病历系统中，良好的用户体验是确保医务人员能够高效准确地记录和检索患者信息的关键。传统的电子病历系统往往存在界面复杂、操作繁琐等问题，导致医务人员工作效率低下，甚至可能影响医疗服务质量。因此，设计一种用户友好的界面至关重要。

 

2. 创新设计理念：

基于此，我们提出了一种创新的医疗电子病历界面设计理念，主要包括以下几个方面：

  • 简洁直观的布局：
  • 界面布局简洁明了，重点突出患者关键信息，避免了信息过载的问题，使医务人员能够快速定位所需信息。
  • 智能化的操作流程：
  • 引入智能化技术，例如自动填充、智能搜索等功能，简化了医务人员的操作流程，减少了重复性工作，提高了工作效率。
  • 个性化定制选项：
  • 提供个性化定制选项，使医务人员可以根据自己的工作习惯和需求，调整界面显示方式和内容，进一步提升了用户体验。

 

3. 实践与效果：

我们在实际医疗机构中对这种创新设计理念进行了应用与实践，并取得了一定的成效。通过对比实验和用户反馈，我们发现新设计的界面大大提高了医务人员的工作效率，减少了错误发生的可能性，同时也增强了医务人员对电子病历系统的接受度和使用意愿。

 

4. 展望与挑战：

尽管创新设计理念在实践中取得了一定的成果，但我们也面临着一些挑战。例如，技术的局限性、用户习惯的改变等都可能影响创新设计的推广和应用。因此，我们需要进一步研究和探索，不断优化界面设计，提高系统的稳定性和安全性，以更好地满足医疗信息化的需求。

 

结论：

综上所述，创新的医疗电子病历界面设计旨在提升用户体验与医疗效率，是医疗信息技术发展的重要方向之一。通过不断的创新与实践，我们相信在未来的发展中，医疗电子病历系统将会更加智能化、便捷化，为医疗卫生事业的发展做出更大的贡献。

 

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

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

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

评论(0) 浏览(1303)

UI设计中常用设计模型方法论

涛涛

做设计的时候如果只是依赖设计感觉，在输出设计观点的时候，就会缺乏理论支撑从而无法说服别人，所以，了解一定的设计模型方法论，可以让你的设计更加有理有据，同时设计师在思考设计的过程中，也可以通过一些设计模型帮助我们开拓思维，突破瓶颈。

评论(0) 浏览(1507)

B端的10个设计方法

涛涛

最近看了一些B端的书籍，重温了一些耳熟能详的设计方法论，在人机交互理论中，最著名和经典的理论当属人机交互大师雅各布.尼尔森博士在1995年提出的尼尔森十大可用性原则，该理论是针对PC端交互设计提出的。这个理论在我们日常的产品设计中提供了很好的指导意义，下面来聊聊他们分别运用在了日常产品的哪些地方。
评论(0) 浏览(903)

设计师的分类

前端达人

：）
设计师的职业发展一篇说透
 
 
设计师的职业发展一篇说透
 
 
设计师的职业发展一篇说透
 
 
设计师的职业发展一篇说透
 
 
设计师的职业发展一篇说透
 
 
设计师的职业发展一篇说透
 
 
 




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

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

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

评论(0) 浏览(1169)

探索医疗软件与App的界面设计艺术

前端达人

随着数字化时代的到来，医疗软件与App的设计不再仅仅是功能性的体现，更成为了用户体验与视觉美感的结合。这些软件的界面设计不仅简洁易用，还能够提供直观而美观的用户体验，让用户在使用过程中得到更加愉悦的感受。下面我们将探索几款医疗软件与App的界面设计，欣赏它们的设计之美。

 

Ada健康

：Ada健康是一款提供个性化健康服务的应用程序。其界面设计简洁明了，以温和的蓝色为主色调，给人一种舒适和安心的感觉。在用户使用过程中，界面上的图标和文字都设计得非常清晰，用户可以轻松地了解自己的健康状况并得到相应的建议。

 

1mg

：1mg是一款综合性的医疗App，提供药品信息、健康资讯、在线药店等多项服务。该应用的界面设计非常简洁，色彩明快，给人一种清新的感觉。首页以卡片式布局呈现各种功能模块，用户可以根据自己的需求快速找到所需信息，使用起来非常方便。

 

Headspace

：Headspace是一款专注于心理健康的应用程序，提供冥想和放松的引导。该应用的界面设计简洁大方，以柔和的色彩和简单的图标为主，给人一种舒适和放松的感觉。在使用过程中，用户可以通过简单的操作找到适合自己的冥想课程，轻松地放松身心。

 

Prognosis

：Prognosis是一款医学案例学习应用程序，以案例模拟的方式帮助医学生和医生提高诊断能力。该应用的界面设计简洁明了，以白色为主色调，给人一种清爽的感觉。在用户使用过程中，界面上的案例以图文结合的方式呈现，用户可以通过简单的操作了解病例情况并进行诊断。

 

以上几款医疗软件与App的界面设计，无论是色彩搭配还是布局设计，都展现了设计师对用户体验的深刻理解和对美感的追求。这些设计不仅提高了用户的使用体验，还为医疗信息的传递提供了更加便捷的途径，助力用户更好地管理自己的健康。

蓝蓝设计也有很多精彩的案例，医疗的超声波以及手术机器人界面是我们最主要的工作方向之一，但大多数是保密状态的，所以不能在网上发。欢迎我们联系，请到www.lanlanwork.com欣赏更多案例作品。#产品设计 #设计外包 #UI设计公司 #数据可视化 #B端产品经理

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

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

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

评论(0) 浏览(1142)

剖析用户习惯-让你的产品更懂用户

博博

 

用户习惯的重要性
为了设计出用户易于接受的产品，进行用户调研以了解其习惯变得尤为重要。在设计过程中，产品易用性是一个关键指标，它反映了产品是否易于使用。用户往往会基于他们的“惯性认知”，即其他产品培养出的使用习惯，来判断一款产品的易用性。因此，一个符合用户习惯的产品往往被认为易用性较好，而不符合用户习惯的产品则可能面临用户流失的风险。
 
剖析用户习惯-让你的产品更懂用户
 
 
 
用户习惯的形成
用户行为习惯的形成与记忆的两种类型“外显记忆和内隐记忆”紧密相关。
 
剖析用户习惯-让你的产品更懂用户
 
 
 
剖析用户习惯-让你的产品更懂用户
 
 
 
【外显记忆】是我们可以通过语言和文字描述的记忆，例如学校学习时背诵的课文和公式。而【内隐记忆】也称为非陈述性记忆，是我们无法用行为描述的记忆，例如学会骑自行车后很难遗忘的技能。这种记忆与我们的条件反射和肌肉记忆相关联，一旦形成，便不易改变。
内隐记忆的形成与我们使用App时的习惯性行为有很大关系，用户可能习惯性地点击App的最后一个主Tab寻找设置功能，因为大多数App都遵循这种设计模式。而对于那些不常用的功能，如微信的“生活服务”入口，用户可能需要短暂思考其位置，这表明习惯的形成与使用频率有关。因此，理解用户行为习惯背后的记忆机制，对于设计师来说至关重要，它有助于创建更符合用户直觉和习惯的产品。通过这种方式，设计师可以减少主观判断，更多地基于用户的实际行为特征来设计产品，从而提高用户体验。
 
剖析用户习惯-让你的产品更懂用户
 
 
 
剖析用户习惯-让你的产品更懂用户
 
 
 
 
用户习惯的重要性
  •  易用性
    用户习惯直接影响产品的易用性。如果产品与用户的习惯相符，用户可以轻松上手，这通常被认为是易用的。易用的产品更容易被用户接受，从而有可能取得成功。
  •  学习成本
    改变用户习惯意味着用户需要投入时间和精力去学习新的操作方式，这可能会造成用户的流失，尤其是对于那些不愿意或没有时间学习新事物的用户。
 
用户习惯的局限性
  •  创新的需求
    虽然遵循用户习惯可以提高易用性，但过度依赖习惯可能会限制创新。有时候，创新的设计能够提供更好的用户体验，尽管最初可能会遇到用户的阻力。
  •  市场变化
    市场和技术的快速变化可能要求产品不断创新以保持竞争力。在这种情况下，即使改变用户习惯存在风险，也可能是必要的。
 
产品成功的其他因素
  •  市场定位
    产品的市场定位、目标用户群体和竞争对手的情况也会影响产品的成败。
  •  品牌影响力
    强大的品牌可以培养用户的忠诚度，即使产品有所改变，用户也愿意跟随。
  •  营销策略
    有效的营销策略可以帮助用户理解和接受新的产品特性或习惯。
  •  产品品质
    产品的功能、性能和稳定性是用户是否愿意持续使用的关键。
 
平衡用户习惯与创新
  •  渐进式创新
    通过逐步引入新特性，而不是一次性大规模改变，可以让用户逐步适应。
  •  用户反馈
    收集用户反馈并根据反馈调整产品，可以帮助找到用户习惯与创新之间的平衡点。
  •  教育用户
    通过教育用户理解新产品特性的价值，可以帮助他们克服对新事物的抵触情绪。
 
 
为什么要避免改变用户习惯
改变用户习惯可能会带来不适甚至反感。例如，Instagram（Ins）的logo从拟物化变为扁平化，并改变了颜色。这个变化让许多用户难以在视觉上与旧logo产生联系。有些用户甚至因为找不到新logo的应用而感到困惑，或者觉得新logo不好看，从而不想再使用该应用。类似的情况还有Windows 8的界面变革，它引入了全新的开始屏幕，与传统开始菜单有很大差异，导致许多用户感到不习惯，这也成为了该系统受到批评的原因之一。
 
剖析用户习惯-让你的产品更懂用户
 
 
 
 
怎样避免改变用户习惯
 
 
剖析用户习惯-让你的产品更懂用户
 
 
 
 
什么时候可以改变用户习惯
用户习惯虽然在长时间内形成且难以改变，但在某些情况下，培养新的用户习惯是必要的，这有助于推动技术和社会的进步。以下是在何时培养新用户习惯的几种情况：
 
 
剖析用户习惯-让你的产品更懂用户
 
 
 
 
剖析用户习惯-让你的产品更懂用户
 
 
 
在培养新的用户习惯时，重要的是要确保这种改变能够为用户带来明显的价值，并且要通过良好的用户引导和教育来减少用户的抵触情绪。同时，产品应该提供足够的过渡期，让用户逐步适应新的习惯，而不是突然间强迫用户改变。
 
怎样让用户养成使用习惯
这里就需要提到“上瘾模型”。上瘾模型通过触发用户内在动机、简化行动步骤、提供即时奖励、鼓励用户投资以及形成正向反馈循环，有效地促进了用户习惯的培养。它利用人类的心理和行为特点，创造了一个能够引起用户情感共鸣并促使他们重复使用产品的体验。通过这个模型，产品设计者能够深入理解用户需求，设计出易于使用且能够满足用户需求的功能，最终实现提高用户粘性、增强品牌忠诚度和提升市场竞争力的目标。
这个模型是由尼尔·埃亚尔（Nir Eyal）和瑞安·胡佛（Ryan Hoover）在他们的作品《上瘾：让用户养成使用习惯的四大产品逻辑》中提出的。上瘾模型的目的是通过创造积极的用户体验循环，让用户反复回到产品中，最终形成习惯。
上瘾模型（Hook Model）是一种设计思维框架，用于创建能够吸引用户并促使他们反复使用产品或服务的体验。这个模型通常由四个主要步骤组成，分别是触发器（Triggers）、行动（Action）、奖励（Reward）和投资（Investment）。下面详细介绍每个步骤：
 
剖析用户习惯-让你的产品更懂用户
 
 
 
触发（Triggers）
内部触发：用户内心的焦虑、无聊、孤独等情感驱动他们采取行动。
外部触发：来自产品的通知、广告、电子邮件等外部信号，提醒用户采取行动。
 
剖析用户习惯-让你的产品更懂用户
 
 
 
 
行动（Action）
行动是上瘾模型的第二个步骤。用户在触发的驱使下采取行动，这通常涉及到执行一个简单的任务或操作。开始行动,才会养成习惯。
行动的简便性是关键，设计时应确保用户能够轻松地完成所需的操作。
斯坦福大学福格博士曾提出“福格公式”，福格行为模型可以用公式来呈现，即 B = MAT。B 代表行为，M 代表动机，A 代表能力，T 代表触发。只有动机、能力 、触发三者皆备，才能跨过“行动线”。
 
 
剖析用户习惯-让你的产品更懂用户
 
 
  •  动机（Motivation）
    动机是指一个人执行某个行为的内在驱动力，包括欲望、需求、愿望等。
    动机可以是正面（追求快乐、成就）或负面（避免疼痛、失败）的。
    在设计产品或服务时，需要考虑如何激发和增强用户的动机。
  •  能力（Ability）
    能力是指一个人完成某个行为所需的技能和资源。
    能力包括时间、金钱、体力、智力、社会支持等多个方面。
    为了让用户执行某个行为，必须确保他们具备相应的能力，或者产品设计要足够简单易用，以降低能力门槛。
  •  触发器（Trigger）
    触发器是指促使人们执行某个行为的信号或刺激。
    触发器可以是外部环境中的某个提示，也可以是内在的心理暗示。
    触发器在恰当时刻出现，能够有效地引发行为。
 
 
剖析用户习惯-让你的产品更懂用户
 
 
 
奖励（Reward）
用户在采取行动后获得奖励，这可以是社交奖励、猎物奖励（如积分、徽章）、自我奖励等。
奖励能够满足用户的需求，增强他们对产品的正面情感，并鼓励他们继续使用。
 
投资（Investment）
用户在产品中投入时间、数据、努力、社会资本或金钱等资源。
投资增加了用户对产品的承诺，使他们更有可能在未来继续使用产品。
 
结语
产品设计师在遵循用户习惯与进行创新之间需要做出权衡。完全遵循用户习惯可能限制了设计的创新性，而不遵循用户习惯则可能导致用户难以适应。作为产品负责人，选择哪种方案取决于对用户习惯和产品创新价值的判断。最终，设计出既符合用户预期又具有创新性的产品，是设计师面临的挑战。这种平衡的实现需要深入理解用户需求，同时勇于尝试新的设计理念。


作者：Jr王山而
来源：站酷

 

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

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

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

评论(0) 浏览(1183)

分类

日历

链接

个人资料

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

存档