2022-11-15 ui设计分享达人
我们在谈用户需求的时候往往带出来一句，你有没有考虑用户场景？那什么是用户场景呢？
用户场景是由人物、地点、时间、动机、行为五大要素构成的。我们通过这些要素分析用户，来辨别需求真伪，深刻理解产品需求，帮助理清强弱场景。
“人机交互系统模型”主要用于对“行为”的梳理。举一个例子来理解“行动”元素：A打开宾馆房门，屋内一片黑暗。他走进去打开了电灯。通常我们会这么理解其中“行为”：“打开房门”、“走进去”、“打开电灯”。
但是实际的情况要复杂得多。比如“打开电灯”这个行为，实际情况可能是：
可以看出一般我们对行为的理解比较粗略，没有以小颗粒度的视角理解人的行为。“人机交互系统模型”是着眼于以较小的颗粒度，梳理出用户使用流程及心理活动再进行分析的工具。
人机交互系统中，一般的工作循环过程可由下图所示。人在操作过程中，机器通过输入设备（如显示器、喇叭等）将信息传递给人的感知系统（如视觉、听觉等），经中枢神经信息的感知处理对信息进行传递，思维处理器对信息进行处理和储存后，再经反应处理器指挥人的反应系统（如手指、嘴等）操纵机器的输入设备，控制机器的信息处理，然后循环往复，直到完成目标任务。
核心：以较小的颗粒度，梳理出用户使用流程及心理活动。
尼尔森·诺曼在《设计心理学》中提出了行动的七个阶段：目标、计划、确认、执行、感知、诠释、对比。而《GB/T 29836-2013 系统与软件易用性》中人机交互系统模型是参考了“行动的七个阶段”。并对它进行了简化，以更好地应用在实际项目中。
映兔app中原本应该出现商家后台上传的图片文字介绍部分内容，但实际显示“上传中”，某个地方出现了问题。
借助测试的帮助判断这是前端问题，后端问题还是设计问题。测试反馈，因为用户在使用“网络图片”上传图片的时候，使用了错误的地址，导致无法正常得显示图片。这属于设计需要解决的问题。
从人机交互系统模型中，我们可以把这一连续的过程分为“感知”、“认知”、“反应”、“反馈”四个方面。下面就从这四个方面，来分析用户在输入“网络图片”信息前后的使用流程及心理活动。
步骤一：眼睛浏览到“上传图片”、“网络图片”和“插入代码”三个上传方式（感知）
步骤二：在三个方案中比较哪一个更好（认知）
步骤三：判断“网络图片”在三个里面最方便（认知）
步骤四：把鼠标移动到“网络图片”按钮（反应）
步骤五：跳出Popover（反馈）
步骤六：看见出现的Popover弹窗，看见一个input和“插入”按钮（感知）
步骤七：理解input要的内容，理解“插入”按钮（认知）
步骤八：往input中输入内容（反应）
步骤九：输入完后，点击“插入”按钮（反应）
步骤十：下方出现图片内容（反馈）
步骤十一：看到下面的网络图片内容（感知）
步骤十二：认知下面的网络图片内容是否符合需求（认知）
步骤十三：完成确认后，点击“提交”按钮（反应）
步骤十四：显示创建成功（反馈）
用户可能在什么地方出了问题，导致输入了“非图片地址”？从“感知”、“认知”、“反应”三个元素分析。只需要考虑步骤五到步骤十四，因为用户既然使用了“网络图片”上传，一定已经进行到步骤五了。
1）看见出现的Popover弹窗，看见一个输入框和“插入”按钮（感知）
看法：能明显看见，即使看不见也不会导致输入错误图片地址情况。非相关。
2）看到下面的网络图片内容（感知）
看法：出错的情况下，可能不容易看见“非正常”的图标。弱相关，可以进一步分析。
1）理解input要的内容，理解“插入”按钮（认知）
看法：用户可能不理解要输入的内容。强相关，可以进一步分析。
2）认知下面的网络图片内容是否符合需求（认知）
看法：用户对现有图片的“非正常”反馈，认为是正确的。需要更明确告知用户，现在是错误的。强相关，可以进一步分析。
1）输入完后，点击“插入”按钮（反应）
看法：点击错误可能造成效率上的问题，和填写错误的链接无关。非相关。
2）完成确认后，点击“提交”按钮（反应）
看法：同上。
1）针对认知1，要让用户理解输入的内容是什么。
2）针对认知2，当出现错误的时候，要更明确告诉用户上传出错。
3）针对感知2，可以把非正常上传的图标明显化。
从易用性的角度理解，认知对应的是“易理解性”，感知对应的是“易发现性”。我们可以用对应的方式来增强易理解性和易发现性来解决问题。以下方案仅从易用性的角度考虑，不考虑视觉效果以及开发实现。
方案一：
给出更多的提示内容。下面是在“商品详情”下使用了线索说明，提醒用户网络图片的错误情况。
方案二：
给出更多的提示内容。下面是在“网络图片”下使用了线索说明。相比于方案一，与上传“网络图片”的操作区域更加靠近。
方案三：
从“页面实际浏览效果”的文案来提醒用户，现在的是非正常上传。并且信息所在的尺寸更像手机上浏览的效果，进一步强化这种感觉。
方案四：
从技术上判断所填写的图片链接是不是“可用的”。如果检测到不可用，就使用message/error提醒用户上传链接错误。
方案五：
也可以强调非正常上传的图标，甚至到一个离奇的尺寸。用户不得不看到它，然后意识到现在上传的状况不对。哈哈。
人机交互系统模型作为思考问题的模型，能够帮助我们从认知心理学的角度对问题进行细致地拆解。在使用的过程中，我们会获得许多细节。而这些细节的地方就会有对应解决方案，再从这些方案中进行筛选，最终得出优秀的方案。
值得注意的是，当我把它运用在实际的工作中，因为它颗粒度过小，所以在使用的时候会耗费大量时间。因此人机交互系统模型要用在核心的问题上，次要的问题可能并不适用。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。
分享此文一切功德，皆悉回向给文章原作者及众读者.
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。