Redian新闻
>
用户行为指导:提升页面设计有效性

用户行为指导:提升页面设计有效性

公众号新闻

关注并将「人人都是产品经理」设为 ★ 星标

每天早上更新,与你一起成长

作为设计师,如何评估我们的设计是否有效?又如何确保页面信息的传达是明确且具有针对性?我们一起接着往下看笔者分享的文章,里边包含人机交互界面的定义、用户行为分级、页面信息分级、页面信息的层级表现、验证页面信息的层级几个方面的相关内容。



最近有同学提问:为什么领导认为我设计的页面过于平淡,缺乏重点,他在浏览时总是找不到想要的信息。

这个问题其实反映出了一个核心内容——页面信息的有效性。如何评估我们的设计是否有效?我们如何确保页面信息的传达是明确且具有针对性?这些都是我们设计师面临的挑战。

这个问题我们很多同学都遇到过,今天我们将借助用户行为的理论,深入拆解和理解页面信息的层级,以此来揭示如何使页面设计更具吸引力。一起来看看吧~

人机交互界面的定义

人机交互,作为计算科学的一个核心领域,专注于促进人与计算机之间的有效沟通和互动。在互联网技术迅速发展的背景下,用户界面设计已成为连接用户和数字产品的关键桥梁这种设计不仅关注于保持产品功能性,还旨在简化用户的学习过程,确保他们能够轻松、迅速地访问所需信息。

无论是面向企业还是个人消费者,用户界面设计的核心在于深入理解用户的目的和需求。不管用户是在购物应用中浏览商品、下单,还是在办公自动化系统中管理员工信息,他们的所有操作都通过界面这个可视的中介进行。

因此出色的界面设计源于对用户行为模型的深刻洞察,并将界面元素如文本或图像等根据优先级有条理地展现,以促进用户的有效的交互体验。

用户行为分级

用户行为与界面设计是相辅相成的,通过基于用户行为习惯的设计,可以极大地提升产品的用户体验。

在了解了人机交互和用户界面设计的重要性之后,我们可以利用5W1H方法来简化和理解用户的行为逻辑。

5W1H包含了:用户(Who)在某时间(When)某地点(Where),因为周围出现了什么事物(What)而产生某种需求(Why),并希望通过某种方法(How)来满足这种需求。

简单的来讲就是在设计一个页面的时候,我们要站在用户的角度去看产品,清楚地认识到用户访问该页面的目的和可能遇到的困惑。借助这种 5W1H 分析,我们可以构建出用户的行为逻辑,这为引入用户行为分层提供了理论基础。

根据用户的实际操作场景,他们的行为大致可以分为三个层次:

  1. 核心行为层(用户的主要目标和任务):用户首次访问页面通常是为了解决一个具体问题或达成特定目标。这种行为以明确的目的性为特点,如搜索关键词、点击特定按钮或完成具体任务。用户在这一层次对与核心任务相关的信息和功能表现出更强的关注。

  2. 意愿行为层(用户在主要任务后可能的附加活动):在完成核心任务后,用户可能希望探索其他相关信息,如点击深入链接或浏览更多内容。在这个层次上,用户与页面的互动会增多,例如选择兴趣标签或定制内容。

  3. 辅助行为层(额外信息):当用户满足了核心需求并深入了解后,用户可能开始主动寻求帮助或查看有关产品的更多关于产品的信息。

通过这种分层,我们可以更准确地定位用户在不同阶段的需求,并据此设计出更符合用户期望的界面。这不仅提升了用户体验,还提升了界面的有效性。

页面信息分级

在页面内容布局中,根据用户行为的分层来排列信息的优先级是至关重要的,直接指导我们如何对页面信息进行有效的分层排列。

页面信息可以根据用户的核心行为、意愿行为和辅助行为分为三个层级:

  1. 重点信息:这些信息对完成用户的核心任务至关重要,是用户达成主要目标所需的关键内容。在设计页面时,这些信息应该被突出显示,确保用户一打开页面就能立即看到并迅速识别。

  2. 辅助信息:这些内容提供了与重点信息相关的辅助内容,满足用户对产品的进一步了解。在设计中,这些信息应该被安排在次要位置,让用户在需要时可以选择性地查看。

  3. 补充信息:提供支撑性、学习性或其他补充信息,帮助用户更好地理解产品或提供帮助。可将这些信息放置在页面的底部或侧边栏等相对不引人注目的位置。

整理到这我们发现页面的信息层级与用户行为层级的一一对应。这种将页面信息层级与用户行为层级相对应的策略,不仅使用户能够更轻松地完成任务,而且为设计师提供一个有效的标准来检验页面的信息结构和设计是否合理。通过这种方法,我们可以保证用户体验的连贯性和高效性。

页面信息的层级表现

页面信息为了做到层次分明并有效展示用户的关注点,通常在位置、空间布局、大小、距离、视觉动线等方向做突破。

米勒定律、接近原则、奥卡姆剃刀原理、特斯勒定律、防错法则——通过对这些原则的应用,我们可以更好地理解如何通过设计细节优化信息层级,从而创造出更加人性化且易于使用的界面设计。

验证页面信息的层级

为了验证信息层级设计的有效性,我们可以通过用户测试来观察和分析用户在页面上的行为,从而不断优化和改进设计。

在进行测试时,可以考虑以下几个关键方面:

  1. 任务完成效率:测试不同用户在识别关键信息时的速度和准确性,确保他们不会被无关信息干扰。

  2. 用户满意度:通过用户反馈、调查或测试,了解用户对页面设计的满意度,以及他们是否觉得页面提供了足够的信息支持。

  3. 页面热图和分析:使用工具如热力图插件、收集用户行为分析等,观察用户在页面上的点击和浏览热点,以了解用户的关注焦点和行为路径。

  4. A/B 测试:在实施设计更改时,通过A/B测试对比不同设计方案,评估各自在用户行为和任务完成效率方面的表现。

这些的测试方法不仅能验证信息层级设计的有效性,还能为未来的设计迭代提供实证基础。

写在最后

深入洞察用户行为并据此构建信息层级不仅显著提升产品体验,还为我们的设计方案提供了坚实的依据,使用户能够更加容易地理解和使用我们的产品。

以上只是我针对页面信息层级展示内容的个人感悟,希望该文章对你有所启发,也欢迎感兴趣的同学一起探讨~

题图来自 Unsplash ,基于 CC0 协议

微信扫码关注该文公众号作者

戳这里提交新闻线索和高质量文章给我们。
相关阅读
点趣成金|新品篇:提升新品成功确定性,上新即爆品感恩节预计有400万德州人出行,你做好堵的准备了吗?VS Code官网跳转到反诈提醒页面为指尖注入细润养护,第二张“脸”也不能将就!海枫生物:打破药物有效性评价瓶颈,公共技术平台助力新药成果快速转化东湖高新区:提升产业能级 加速迈向“世界光谷”作死!黄石国家公园一游客惹众怒,曝光在“蠢货游客”页面!这是我见过最好的用户行为分析攻略7k Star,一款开源的 Kafka 管理平台,功能齐全、页面美观!荣誉喜报 | 第五届浦东新区长三角集成电路技能邀请赛收官,芯海集成电路设计有限公司斩获银奖!平面设计师澳洲移民VET职业评估成功案例快手双11预售启动,“快手商城”tab页面上线6015 血壮山河之随枣会战 南昌之战 8第一财经YiMagazine再获亚洲媒体奖“最佳杂志封面设计”金奖央行将何时降息?新一轮政策备受关注:经济预计有望在下半年复苏即将满班|给孩子的深度阅读课:提升孩子独立思考能力NEJM:中国研发的抗新冠病毒药物的有效性和安全性;讨论:主要终点事件的选择迷惑行为,U.S News几更2024年世界大学排名页面,发不发仍是悬案?!飞机拔河宏利基金高贵鑫:提升基金业务人民性,助力金融高质量发展加沙的加拿大人最快周日能撤离 估计有400多人“隐私”就是个笑话!谷歌因窃取用户行为被罚73亿澳币黄酮类化合物滴度最高提升10倍,格罗宁根大学团队设计酶组合策略,显著提升化合物产量平面设计师澳洲移民491下签成功案例分享Nature子刊再添新证!为什么奥密克戎重复感染如此普遍?疫苗有效性为何降低?多资产间的对冲有效性有望提高请停止刷《投行400问》!这本哈佛推荐的171页面试指南更高效無聊的假日里常见儿童感染耐药性严重,多种抗生素有效性不足50%;我国将建立新的南极科考站 | 环球科学要闻戏说旧诗词。 歪侃豪放派怎么搞的?这个“门外汉”做设计有点儿东西啊!三十六计里面我最想中的计就是第三十一计!大幅提升用户行为表征通用性,蚂蚁新模型获CIKM 2023最佳应用论文奖安全性良好,全球首个HIV基因编辑疗法人体试验「部分数据」出炉,业内人士:有效性尚待确认学习丨广东:以重要贺信精神为指引 积极投身祖国的建设和发展
logo
联系我们隐私协议©2024 redian.news
Redian新闻
Redian.news刊载任何文章,不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。文章信息的合法性及真实性由其作者负责,与Redian.news及其运营公司无关。欢迎投稿,如发现稿件侵权,或作者不愿在本网发表文章,请版权拥有者通知本网处理。