ux设计中的各种地图

Have you ever tried a new app, only to realize you have no idea how to use it?

您是否曾经尝试过一个新的应用程序,却发现自己不知道如何使用它?

Few things can transport a person from calm and happy, to frustrated and angry, quite the way modern technology can. All it takes is something not working, or not working the way we expect.

很少有什么东西可以像现代技术那样,将一个人从镇定,快乐,沮丧和愤怒转移到一个人。 它所要做的只是无法正常工作,或者无法按照我们期望的方式工作。

Let’s go over seven common pain points in app design so you can make sure to address them on your next project.

让我们讨论一下应用程序设计中的七个常见痛点,以便您确保在下一个项目中解决它们。

没有入职说明复杂的互动 (No onboarding explaining complicated interactions)

So your app is brilliantly using all these modern interactions like pinches, zooms, swipes, double taps, and what’s his name.

因此,您的应用程序出色地利用了所有这些现代的交互方式,例如捏,缩放,滑动,双击以及他的名字。

Nice.

真好

Have you actually tested if these are easily adopted by users?

您是否实际测试过这些是否容易被用户采用?

It’s easy to become blind to these things and subconsciously assume that because you know where, how, and when to use these interactions, others will too.

容易对这些事情视而不见,并下意识地假设,因为您知道在何处,如何以及何时使用这些交互,其他人也会。

But they don’t have your knowledge. They haven’t been part of building the app. They don’t have the cheat sheet you have as a result of this.

但是他们没有您的知识。 他们尚未参与构建应用程序。 因此,他们没有备忘单。

Simple interactions like single clicks are so common they’re usually the first thing we try when using a new app. It’s the whole basis for how apps work on our smartphones. We can expect a user to try to tap on something they assume is an interaction point, but we can’t as readily expect them to swipe, double tap or pinch.

诸如单击之类的简单交互非常普遍,它们通常是我们在使用新应用时尝试的第一件事。 这是应用程序如何在我们的智能手机上运行的全部基础。 我们可以期望用户尝试点击他们认为是交互点的内容,但是我们不能轻易期望他们滑动,双击或捏合。

If your app uses any interactions of a more complicated nature, consider explaining these (and let the user try them out) in an interactive onboarding session when opening your app for the first time.

如果您的应用使用了更复杂的交互,则在首次打开您的应用时,请考虑在交互式入职会话中解释这些交互(并让用户试用)。

“If your app uses any interactions of a more complicated nature, consider explaining these”

“如果您的应用使用了更复杂性质的任何交互,请考虑对它们进行解释”

(Hey, consider doing an interactive onboarding session even if your app uses only simple interactions. The better a user understands your app when trying it out, the more likely they are to use it a second time.)

(嘿,即使您的应用仅使用简单的交互,也请考虑进行交互式的入职会话。用户在试用该应用时对其了解的程度越高,他们第二次使用该应用的可能性就越大。)

交互点不清楚 (Unclear interaction points)

Not everything can be a button. (Well, technically I guess it could be, but that’d be ugly and would make art directors and designers around the world cry, so please let’s not try that.)

并非所有事物都可以成为一个按钮。 (嗯,从技术上讲,我猜可能是这样,但这太丑陋了,会使全世界的艺术总监和设计师哭泣,所以请不要尝试。)

This means that sometimes, we have to create interaction points that aren’t as obvious, and this is where we risk taking a wrong turn. If you have text that is interactive, you need to separate it from any text that isn’t interactive, or your user will click on everything until their frustration reaches a boiling point and then you have a phone being thrown through a window.

这意味着有时我们必须创建不太明显的交互点,这就是我们冒着错误走弯的风险。 如果您具有交互式文本,则需要将其与任何非交互式文本分开,否则您的用户将单击所有内容,直到他们的沮丧情绪达到沸点,然后您才将手机扔进窗户。

Save your users from having to repair their windows — make any interactive elements stand out one way or another. Interactive text can be underlined, bold, italicized, or larger to show that it differs from text.

让您的用户不必修复窗户,使任何交互式元素都以一种或另一种方式脱颖而出。 交互式文本可以带下划线,粗体,斜体或更大,以表明它与文本不同。

Make your interaction points stand out.

让您的互动点脱颖而出。

缺乏互动反馈 (Lack of interaction feedback)

Letting buttons visually change between states can help the user to know that their action has worked.
让按钮在状态之间可视地改变可以帮助用户知道他们的动作已经起作用。

I don’t know about you, but there have been more times than I’d like to admit where I have pushed or clicked a button, sent a form, or something of similar nature without realizing that it had already started loading or even finished doing so.

我不认识你,但是有很多次我不愿承认我在哪里按下或单击了按钮,发送了表单或类似性质的东西,却没有意识到它已经开始加载甚至完成了这样做。

Invisible loading and invisible results are frustrating and completely unnecessary. They can lead to annoyed users, multiple form emails sent, or other mistakes which can in turn lead to losing the same users, or your team having more work when dealing with cleaning up any duplicate entries or what have you.

无形的加载和无形的结果令人沮丧,并且完全没有必要。 它们可能会导致用户烦恼,发送多张表格电子邮件或其他错误,进而导致失去相同的用户,或者您的团队在清理任何重复的条目或您所拥有的内容时有更多工作要做。

Don’t let things load invisibly. If an action is performed, make sure you have a way of letting the user know that it has worked. If it takes a few seconds before finishing, see that the user knows that it’s in fact loading. You (hopefully) wouldn’t stare silently and expressionless when being given info from your colleague. Don’t create the same lack of interaction between your user and your app.

不要让事情看不见。 如果执行了一项操作,请确保您有一种让用户知道它已经起作用的方法。 如果需要几秒钟才能完成,请查看用户是否知道它实际上正在加载。 从同事那里得到信息时,您(希望)不会沉默无表情地凝视。 不要在用户和应用之间造成同样的交互不足。

互动点太近 (Interaction points too close in proximity)

Space between two interaction points can help users to avoid clicking the wrong one.
两个交互点之间的空间可以帮助用户避免单击错误的交互点。

You might have perfectly sized fingers for app interaction, always hitting the exact button you aim for, but not all of us do.

您可能拥有适合应用程序交互的大小合适的手指,总是按您要瞄准的确切按钮,但并非所有人都能做到。

(Some of us, not naming any names here, but it’s me, might be chronically unable to hit the right button on some apps. But this article isn’t about my shortcomings as a human.)

(我们中的一些人,虽然没有在这里命名,但是是我,可能长期无法在某些应用程序上按下正确的按钮。但是,本文并不是关于我作为人类的缺点。)

Placing interaction points right next to each other can make the user experience more complicated than it needs to be. Give enough space between interaction points to help your user to hit what they’re aiming for. It’s an easy thing to work into the design, and you’ll avoid unnecessary user frustration.

将交互点紧挨着放置会使用户体验比需要的更加复杂。 在互动点之间留出足够的空间,以帮助您的用户实现他们的目标。 这是一件容易的事,并且可以避免不必要的用户烦恼。

热点太小而无法准确击中 (Hot spots too small to hit accurately)

Making the interactive area slightly larger than the visual point can be helpful for users.
使交互区域略大于视觉点可能对用户有所帮助。

Related to the point above, it’s not uncommon to come across apps that have made interaction points to be exactly as large or small as the visual point is. This can work for normal or large items, but when it’s a smaller item, you might need to consider making the actual interaction point larger than the item itself.

与上述要点相关,遇到交互点与视点一样大或很小的应用程序并不少见。 这可以用于普通或大型项目,但是当它较小时,您可能需要考虑使实际的交互点大于项目本身。

If you have an interaction point in the shape of a word, consider making the interactive area slightly larger so it still works when a user taps just slightly off too.

如果您有一个单词形的交互点,请考虑使交互区域稍大一些,这样当用户稍微轻按一下时,交互区域仍然可以使用。

It’s a lot better than having users tapping repeatedly.

这比让用户反复轻按要好得多。

边距不够宽 (Not wide enough margins)

Please don’t skimp on the margins. That’s simply bad design work, and it lowers the user experience.

请不要在边际上跳过。 那简直就是糟糕的设计工作,并且降低了用户体验。

With wide enough margins, your content, and any interaction points will be easily visible, usable, and visually pleasing. If you find yourself considering narrowing the margins to make things fit, instead take another look at what you’re trying to fit in. Can you move things around, place something on another screen, in a menu, or something else?

具有足够宽的边距,您的内容和任何交互点将很容易看到,可用和视觉愉悦。 如果您发现自己正在考虑缩小边距以使东西合适,则换个角度看一下您要放入的东西。您可以四处移动东西,在另一个屏幕上放置内容,在菜单中放置其他内容吗?

Less is usually more in design, so if you find things too cramped it’s better to remove content than margins.

设计越少通常越多,因此,如果您发现事情太局促,最好删除内容而不是边距。

设计看起来不错,效果不好 (A design made to look good, not work well)

This ties into the previous mistake with margins. Have you ever noticed how some apps aren’t built to be used with one hand despite there being no real reason to use two hands? Buttons, menus placed so they’re hard to reach in the top and bottom corners.

这与先前的错误与边距相关。 您是否曾经注意到,尽管没有真正的理由要使用两只手,但有些应用程序不是为单手使用而设计的? 放置了按钮和菜单,因此很难在上下角找到它们。

If your app doesn’t need two hands, try to design your interaction points within the area that is hard to reach with a one-hand grip. You can imagine the area to be roughly the shape of a large egg, with the corners being the hardest to reach.

如果您的应用不需要两只手,请尝试在单手握把难以到达的区域内设计交互点。 您可以想象该区域大约是一个大鸡蛋的形状,而拐角最难到达。

Sometimes we need to use the corners, but not always. Don’t design like everyone else unless that is the right choice. Design for what works best for your app.

有时我们需要利用角落,但并非总是如此。 除非那是正确的选择,否则不要像其他任何人一样进行设计。 设计最适合您的应用的软件。

In most app designs, avoiding these mistakes should be easily done, and you will be better off. And so will your users.

在大多数应用程序设计中,避免这些错误应该很容易做到,您的状况会更好。 您的用户也是如此。

Marcus Christiansen is a writer, teacher, and constant student of creative fields. He has a background in UX, design, copy, and product development. You can find him on Twitter and LinkedIn.

马库斯·克里斯蒂安森 ( Marcus Christiansen) 是创意领域的作家,老师和不变的学生。 他具有UX,设计,复制和产品开发的背景。 您可以在 Twitter LinkedIn 上找到他

Originally published at https://marcuschristiansen.com on August 4, 2020.

最初于 2020年8月4日 https://marcuschristiansen.com 发布

UX Para Minas Pretas (UX For Black Women), a Brazilian organization focused on promoting equity of Black women in the tech industry through initiatives of action, empowerment, and knowledge sharing. Silence against systemic racism is not an option. Build the design community you believe in.UX Para Minas Pretas (UX For Black Women),这是一个巴西组织,致力于通过采取行动,赋权和知识共享的举措来促进科技行业中的黑人女性平等。 对系统性种族主义保持沉默是不可行的。 建立您相信的设计社区。

翻译自: https://uxdesign.cc/ux-mistakes-in-mobile-app-designs-3010f2b047db

ux设计中的各种地图


http://www.taodudu.cc/news/show-894041.html

相关文章:

  • 工业仪器仪表 界面设计_如何设计时尚的仪表板界面
  • ui和ux的区别_UI和UX之间的区别
  • 文本字段和表单设计-UI组件系列
  • 阿拉伯语排版设计_针对说阿拉伯语的用户的测试和设计
  • 火焰和烟雾的训练图像数据集_游戏开发者是烟雾和镜子的大师
  • 全球 化 化_全球化设计
  • 手动创建线程池 效果会更好_创建更好的,可访问的焦点效果
  • eazy ui 复选框单选_UI备忘单:单选按钮,复选框和其他选择器
  • 初级中级高级_初级职位,(半)高级职位
  • figma下载_迁移至Figma
  • 微服务负载均衡实现高可用_使用负载平衡实现大容量可用性
  • tcp 接收端优雅的写法_如何更优雅地接收设计反馈
  • 文案写作软件_11种可改善网站用户体验的文案写作技术
  • web开发集成数字证书_每个数字设计师都应该知道的Web开发的七个原则
  • figma设计_Figma与Adobe XD:我们如何选择下一个设计工具
  • figma设计_如何在Figma中构建设计入门套件(第1部分)
  • saej1929_(1929年-2020年)
  • 不要重新发明轮子_是否重新发明轮子
  • shields 徽标_符号,标志,文字标记:徽标类型的综合指南
  • 设计师更高效_如何丢掉我的工作使我成为一名更好的设计师
  • figma设计_如何在Figma中构建设计入门套件(第二部分)
  • unity vr 交互_基于手动的VR / MR交互,用于删除实体
  • 同态加密应用_重新设计具有同态性的银行应用
  • netflix_Netflix播放按钮剖析
  • 猎鹰spacex_SpaceX:简单,美观的界面是未来
  • ui设计师常用的设计工具_2020年应该使用哪个UI设计工具?
  • lynda ux_UX心态
  • pico8 掌机_使用Pico-8构建自己的复古游戏
  • 数据挖掘 点击更多 界面_6(更多)技巧,可快速改善用户界面
  • 设计模式_设计

ux设计中的各种地图_移动应用程序设计中的常见UX错误相关推荐

  1. .Net 6.0中的新增特性_.Net 6.0中的新增功能

    .Net 6.0中的新增特性_.Net 6.0中的新增功能 一..Net 6 介绍 .NET 6 作为 LTS 长期支持版本,.NET 6 将会获得 3 年的技术支持. .NET 6 是首个原生支持 ...

  2. css如何保留空格,HTML/CSS中的空格处理_如何保留页面中的空格

    html中的空格的规则 在html中内容中的多个空格一般会被视为一个,连续的多个空格符被自动合并了.同时内容前后的空格也会被清除, 如下: fly63 com 显示效果为: fly63 com 备注: ...

  3. amp jsp空格 nps_HTML/CSS中的空格处理\_如何保留页面中的空格【转】

    HTML/CSS中的空格处理\_如何保留页面中的空格[转] HTML中的空格的规则 在html中内容中的多个空格一般会被视为一个,连续的多个空格符被自动合并了.同时内容前后的空格也会被清除, 如下: ...

  4. 微型计算机中既能作为输出设备,在微机的硬件设备中,有一种设备在程序设计中既可以当做输出设备,又可以当做输入设备,这种设备是ß...

    在微机的硬件设备中,有一种设备在程序设计中既可以当做输出设备,又可以当做输入设备,这种设备是ß 更多相关问题 搜寻;寻找;检索 中财I-作业2-ACA-17级.docx 从眨眼时间来看,如果少于1秒钟 ...

  5. ux设计中的各种地图_如何在UX设计中使用颜色

    ux设计中的各种地图 Color is the mother tongue of the subconscious. 颜色是潜意识的母语. - Carl Jung -荣格 Color has more ...

  6. vue 引入json地图_在vue2.x中使用echarts,地图或者theme引入js 文件,会有问题,地图的json文件重新注册可以...

    One-line summary [问题简述] 在vue2.x中使用echarts,地图或者theme引入会有问题 import echarts from 'echarts/dist/echarts' ...

  7. 如何在cad中导入谷歌地图_如何在Google地图中设置出发和到达时间

    如何在cad中导入谷歌地图 Unless you work from home, Google Maps is fantastic at knowing where you need to be, a ...

  8. 如何在cad中导入谷歌地图_如何在Google地图中避开收费公路

    如何在cad中导入谷歌地图 No one likes to pay to be able to drive on a specific road, especially if you're just ...

  9. wordpress地图_如何在WordPress中嵌入必应地图

    wordpress地图 Do you want to embed Bing Maps on your WordPress website? If you are looking for a Googl ...

最新文章

  1. 关于 MongoDB 与 SQL Server 通过本身自带工具实现数据快速迁移 及 注意事项 的探究...
  2. Cpp / #error、static_assert、assert 区别
  3. python守护进程windows_如何把 python predict程序 做成 windows 守护进程
  4. 给iOS 模拟器“安装”app文件
  5. python打乱list_超实用!每 30 秒学会一个 Python 小技巧,GitHub 标星 5300!
  6. html坐标轴背景色,CSS 背景(css background)
  7. Linux系统(五)负载均衡LVS集群之DR模式
  8. d3 和echart_D3.js与echart.js的应用场景
  9. 安装、配置文件-配置 CACTI 监控 MySQL 数据库状态-by小雨
  10. 不做冤大头!大数据“杀熟”最高罚5000万!
  11. 可能是最全的Kotlin协程讲解
  12. 使用Struts标签的基本配置
  13. MacOS修改Hosts文件
  14. 他在北京反诈骗15年,守住2亿人密码安全
  15. MaxEnt分析流程和推荐的分析内容
  16. 各国疫苗接种进度(气泡图可视化)
  17. JS 高级(七)ES6解构、class、promise
  18. C# 完成WebSocket demo 用GoEasy实现Hello world
  19. python导入siri_python实现一个简洁siri功能
  20. 全息投影,3D全息投影,互动投影,VR虚拟互动投影技术整体解决方案

热门文章

  1. 第4章 Python 数字图像处理(DIP) - 频率域滤波2 - 复数、傅里叶级数、连续单变量函数的傅里叶变换、卷积
  2. 通讯中断 pc_S7程序RFID 与PC连接区别FB 65/UDT65
  3. [转]Java反射机制详解
  4. docker与jenkins学习
  5. ubuntu设置静态ip
  6. 四维偏序 CDQ套CDQ
  7. 关于ios手机上传图片旋转问题的解决
  8. 有1~5000一组乱序数列,请使用伪代码对该数进行排列
  9. 产品经理懂技术=流氓会武术(zz)
  10. Object/Relation Mapping 对象关系映射