模式匹配 怎么匹配减号_如何使您的应用导航与用户的思维模式匹配

模式匹配 怎么匹配减号

One of the most interesting things about complex apps is that the navigation itself can be designed to support users’ mental model of the entire experience, thereby increasing engagement and decreasing potential user frustration.

复杂应用程序最有趣的事情之一是导航本身可以设计为支持用户整个体验的心理模型,从而增加参与度并减少潜在的用户沮丧感。

Let me explain.

让我解释。

信息架构就是您的应用 (Information Architecture IS your app)

Navigation is the core of your app’s Information Architecture. And IA, despite what you might think, is extremely sexy.

导航是应用程序信息体系结构的核心。 不管您怎么想, IA 都非常性感 。

Well-thought-through IA solves many many problems including, for the sake of this article:

经过深思熟虑的IA解决了许多问题,就本文而言,包括:

  • How users understand the purpose of your app and what it can do

    用户如何理解您的应用程序的目的及其用途
  • How they perceive what they might want to do with it and when

    他们如何看待他们可能想要做什么以及何时
  • How quickly and easily they can complete those tasks

    他们完成这些任务的速度和便捷程度
  • How flexible a single design is — or how complicated it needs to become to meet their needs

    单个设计的灵活性-或满足其需求需要变得多么复杂
  • Whether they will bother with it at all in the long run

    从长远来看,他们是否会为此烦恼

In short, it holds your entire app together. And the more complex the set of functionality, the more you need it.

简而言之,它将整个应用程序整合在一起。 功能集越复杂,您就越需要它。

an iPhone, some books

示例:电子学习应用 (Example: eLearning app)

Here’s an example from a relatively complex eLearning app I worked on.

这是我工作过的一个相对复杂的电子学习应用程序的示例。

When I joined the project, there were no requirements and no IA work at all. The less said about that the better, but needless to say, looking at the initial prototype it was hard to even work out what the app was for, because the CTAs in the primary nav linked to random collections of content and activities.

当我加入该项目时,没有任何要求,也没有IA工作。 说得越少越好,但不用说,看看初始原型,甚至很难弄清楚该应用程序的用途,因为主要导航中的CTA与内容和活动的随机集合相关。

However, once the requirements, acceptance criteria and functionality plan was in place, we revisited the IA.

但是,一旦要求,验收标准和功能计划到位,我们就会重新审查IA。

关键任务和功能 (Key tasks and functionality)

For this eLearning app, there was the following basic functionality (in no particular order..yet):

对于此电子学习应用程序,具有以下基本功能(尚无特殊顺序。)

  • Lists of tasks and activities

    任务和活动清单
  • A library of content and inspiration

    内容和灵感库
  • A user account

    用户帐号
  • User performance data exposed to the user as “achievements”

    作为“成就”向用户展示的用户绩效数据
  • The ability to complete a task or series of tasks.

    完成一项或多项任务的能力。

Pretty basic stuff for an eLearning app, and yet we were totally failing at communicating the app’s primary purpose and tools.

电子学习应用程序的基本知识,但是我们在交流应用程序的主要目的和工具方面完全失败了。

了解用户的心理模型 (Understanding users’ mental model)

In this case of eLearning, we are lucky that there is a lot of eLearning-specific UX content and research out there.

在这种情况下,我们很幸运,这里有很多特定于电子学习的UX内容,并在那里进行了研究。

This formed the basis of the mental model we constructed for this app. Combined, of course, with primary research into the core audience and usability testing as we iterated.

这构成了我们为此应用程序构建的心理模型的基础。 当然,与迭代过程中对核心受众的初步研究和可用性测试相结合。

As expected, users come to the app with the expectation of being able to perform various tasks:

正如预期的那样,用户来到该应用程序时期望能够执行各种任务:

  1. Complete a quick daily learning exercise

    完成快速的日常学习练习
  2. Review progress

    审查进度
  3. Access additional content/inspiration

    访问其他内容/灵感
  4. View or amend their account.

    查看或修改他们的帐户。

What is obvious when looking at these is that they each come with different “asks” from the user in terms of time, focus and attention.

当查看这些内容时,很明显的是,它们在时间,重点和注意力方面都带有不同的“要求”。

This was reflected in the research and in the subequent mental models created.

这反映在研究和随后建立的心理模型中。

a mental model diagram

There are a number of things we can take from this.

我们可以从中得到很多东西。

  1. There are two short tasks — one low attention/focus (complete a quick and easy learning task) and one high attention/focus (manage my account). For these tasks users will want to get in and out of the app quickly.

    有两个简短的任务-一个低注意力/重点(完成一项快速简单的学习任务)和一个高注意力/重点(管理我的帐户)。 对于这些任务,用户将希望快速进入和退出应用程序。
  2. There are two longer tasks which both have a medium level of attention. Users will spend slightly more time here and be in a medium level of focus.

    有两个较长的任务,都需要中等程度的关注。 用户将在这里花费更多的时间,并处于中等水平。

这意味着: (This means that:)

  1. We need to make it super easy for users to complete a learning task with the minimal effort — open app, task is presented — complete task. And we need to make sure that users wanting to complete a quick task (learning or account) are not accidentally dropped into high dwell-time locations as this may cause frustration.

    我们需要使用户以最小的努力轻松完成学习任务-打开应用程序,提出任务-完成任务。 并且我们需要确保希望完成快速任务(学习或帐户)的用户不会意外掉入高停留时间的位置,因为这可能会导致沮丧。
  2. Locations or moments where users want to spend more time should be more engaging and focus on a range of tasks, screens or interactions— not do one thing and go.

    用户想要花费更多时间的位置或时刻应该更具吸引力,并专注于一系列任务,屏幕或互动,而不是一劳永逸。

Therefore there was an argument for basing the primary navigation directly on the mental model. Which is what we did.

因此,有一个论点是将主要导航直接基于心理模型。 这是我们所做的。

a wireframe showing annotated primary navigation menu

Note: I am not including the full sitemap here for obvious confidentiality reasons, however it’s worth saying that although there are ways for the user to travel between sections of the app, it was designed so that each of the four areas could function and support a standalone task within the mental model.

注意:出于明显的机密性原因,我并未在此处包括完整的站点地图,但是值得一提的是,尽管用户可以通过多种方式在应用程序的各个部分之间旅行,但其设计目的是使四个区域中的每个区域都可以起作用并支持心理模型中的独立任务。

为什么这对用户有用 (Why this worked for users)

The main reason this worked was that the navigation was aligned to users’ understanding of eLearning apps and their mental model for this particular product. Every time they opened the app, it was able to quickly answer their need at that moment — and at any moment — with one single design.

起作用的主要原因是导航与用户对电子学习应用程序及其针对该特定产品的思维模型的理解保持一致。 每次他们打开该应用程序时,它都可以在一个时刻(任何时候)以单一设计快速满足他们的需求。

User picks up phone.

用户拿起电话。

User opens app with one task in mind.

用户打开应用程序时会记住一个任务。

It is simple to find the starting point to that task from the primary nav.

从主导航中找到该任务的起点很简单。

Upon task completion, if mindset changes, user can easily switch to alternative task.

任务完成后,如果心态发生变化,用户可以轻松切换到替代任务。

The IA strategy also respected their available time and focus and aligned itself to their needs.

IA的策略还尊重他们的可用时间和精力,并使其与他们的需求保持一致。

It respects the user.

它尊重用户。

There’s nothing worse that an app that keeps shouting at you to do something fun, when actually you really need to update your credit card details.

没有什么比这更糟糕的了,当您确实需要更新您的信用卡详细信息时,会不断向您大喊大叫做一些有趣的事情。

a chart of an information architecture strategy

为什么这对产品团队有用 (Why this worked for the product team)

As an additional benefit, by quickly answering users needs, the app then has permission to invite the user to re-engage with the primary app purpose or action. In short, it utilises the Next Best Action framework.

另外一个好处是,通过快速回答用户的需求,该应用程序便具有邀请用户重新参与主要应用程序目的或操作的权限。 简而言之,它利用了Next Best Action框架 。

As you can see, understanding user needs and translating them through the IA into the primary navigation gives the app a solid task-based foundation that supports user and business needs.

如您所见,了解用户需求并将其通过IA转换为主要导航,为该应用程序提供了一个基于任务的坚实基础,可支持用户业务需求。

It also ensures that there is a strong structure to contain any future content or functionality — it should (never assume) prevent product bloat — so long as there is, and continues to be, a strong understanding of and respect for users and their mental models.

它还可以确保有一个牢固的结构来包含将来的任何内容或功能-它应该(永远不会假设)防止产品膨胀-只要并继续对用户及其心理模型有深刻的理解和尊重。

翻译自: https://blog.prototypr.io/designing-app-navigation-for-users-mental-models-bce52fbaa70b

模式匹配 怎么匹配减号

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274484.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ux的重要性_颜色在UX中的重要性

ux的重要性When coming up with a new digital solution (desktop, mobile, app, whatever it may be) or any design concept, choosing the right colour palette is a crucial step that affects its success and outcome. The content, animations, copy and features may …

都2022 年了,你总不能还只会 npm i 吧?

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

matlab学习:图像频域分析之Gabor滤波

很多同学需要源文档,所以添加了下载链接,方便大家共同学习进步~ 本文下载链接:http://files.cnblogs.com/yingying0907/Gabor%E7%AC%94%E8%AE%B0.zip Gabor变换是D.Gabor 1946年提出的。为了由信号的Fourier变换提取局部信息,引入…

云谦:前端框架的趋势与实践

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

element-ui表单_每日UI挑战强加-登录表单(分步教程)

element-ui表单A step by step journey to create a good design from the daily UI challenge一步步走,从日常的UI挑战中创建出色的设计 内容 (Content) Introduction 介绍 Result demo 结果演示 Prerequisite 先决条件 Step by step guide 逐步指南 Conclusion 结…

GitHub 搜索技巧:如何更有效地搜索 issue、repo 和更多信息

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

js 绘画js 绘画路径_绘画是一种技能,而不是才能

js 绘画js 绘画路径重点 (Top highlight)November 2019… some decided to start rocking a moustache, others were obsessed with baby Yoda. I decided to commit to drawing something every single day. As a way to keep myself accountable I started posting daily on …

点击页面元素跳转IDE对应代码,试试这几个工具!

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

shields 徽标_徽标不够用时如何设计应用程序图标

shields 徽标What’s the first thing that comes to mind when you think about a particular app? Chances are, it’s the icon. And it’s certainly the first thing a user notices when deciding what app to install — similar to studying the supermarket shelves.…

基于Sentry高效治理前端异常

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

zoom 用户被锁定_重新考虑Zoom的用户体验

zoom 用户被锁定Zoom is a household name now. It’s weird, but a new reality for 2020. I’ve been able to reliably stay in touch with so many people and even throw surprise birthday parties! It has been one of the products that has kept me busy through this…

或许是我们学错了方向?

大家好,我是若川。最近来了一些新朋友,感谢大家关注~相比于原生 JS 等源码。我们或许更应该学习正在使用的组件库的源码(如:element、antd、vant、semi、arco、tdesign 等),先从简单的看起,Butt…

Android 默认Tab标签大小及间距修改

一般来说,我都是用Android默认的Tab,但此时Android会根据你增加的Tab页面平均分配Tab标签,假如你只有两个Tab,那么长度将会很长,并且其高度略微过高,并不好看,网上解决这个问题有些是自定义Tab。…

ui设计看的书_5本关于UI设计的书

ui设计看的书Want to develop a better eye and vocabulary for judging layouts, type choices and imagery?是否想开发一种更好的眼神和词汇来判断布局,类型选择和图像? According to performance experts, the best way to learn is to gain lots o…

GitHub 这8大超实用小技巧,99.9%的人都不知道!

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

案例研究设计与方法-罗伯_旭进口重新设计-用户体验案例研究

案例研究设计与方法-罗伯Asahi Imports is a Japanese grocery store located in central Austin, Texas. It has a passionate following, over fifty years’ history, and strong business growth. But its website is showing its age, and not hitting its full potential…

Taro v3.6 代号为「Reach」,已发布 canary 版本

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 lxchuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

axure rp 创建弹框_如何在Axure RP 9中创建交换机

axure rp 创建弹框Axure is a well-known prototyping tool with a lot of history, it has been around for years. You can create almost any kind of prototypes from simple ones to more complex ones with variables and logic without writing a single line of code (…

用 Vue3 手撕了个企业级项目,真香!

最近几年,随着短视频、小程序、直播带货的火爆,前端开发工程师越来越热门,薪资待遇也快接近后端开发工程师了,前端领域进化为内卷重灾区。然而伴随着 Vue 3.0 的发布,前端技术也迎来了一次大革新,像是字节跳…

界面设计语言_使用任何语言设计界面的提示

界面设计语言Designing for international audiences is challenging. I spent most of my career in Australia designing exclusively in English. Australian English is ‘unique’ in the sense that we are really into slang, puns, idioms.为国际观众设计是具有挑战性的…