Web开发人员在移动端的典型UX错误都有哪些?

简介: 如今,移动应用程序市场极具竞争力,即使是经验丰富的投资者也需要花费大量精力来吸引用户的注意力。但这不是全部。有一个不那么明显的任务,但更重要的是 - 抓住观众。

如今,移动应用程序市场极具竞争力,即使是经验丰富的投资者也需要花费大量精力来吸引用户的注意力。但这不是全部。有一个不那么明显的任务,但更重要的是 - 抓住观众。

问题在于,即使对人们有用且具有良好潜力的应用程序也可能在市场上不成功。原因通常是设计不良的UX对用户来说不方便。因此,界面的任何缺陷和缺点都可能成为阻碍应用程序快速获取用户的障碍。

好消息是大多数错误都很典型。而且,通过了解最常见的本质,您可以避免大多数问题。

1.无调和的架构和导航

正如你没有蓝图就无法建造房屋一样,所以如果没有草图和原型,你就无法创造出良好的用户体验设计。有时,尝试考虑客户的基本要求 - 例如,应用程序的外观 - 设计师最终必须重新做一切。

您可能不得不重复重绘界面元素并重写代码,因为您最初没有考虑应用程序的逻辑,或者用户行为脚本和导航。

原型应该有助于在应用程序中可视化用户的路线,以及交互方案。

2.复杂和混乱的界面

墨菲的移动应用定律可以改为:“用户可能误解的一切,他们会误解。”

在实践中,普通人很难理解甚至对设计师来说显而易见的事情。为了避免这种情况,建议在界面中使用熟悉且众所周知的符号 - 符号具有明确的关联,并且不会混淆任何其他符号。

例如,绿色通常与“是”,“前进”或“允许”相关联; 红色通常表示“不”,“停止”或“禁止”; “+”图标通常表示添加内容。

尽量避免不能立即理解的符号,或者可以解释为两个不同的符号。

3.缺乏一致性

另一个常见错误是在一种风格中使用了几种不同的字体和配色方案。没有必要重新发明轮子。习惯一种风格更容易,然后了解应用程序其他地方剩余元素的用途。

4.坏或没有入职

移动应用程序入门是一个经过深思熟虑的屏幕序列,应该在用户第一次使用应用程序时向用户显示,并在界面上显示相关提示。

第一次认识应用程序是最重要的。在此期间,一个人会对应用程序产生某种印象并决定是否在将来使用它。“哪里?”,“如何?”,最重要的是,“为什么?”是不应该出现的问题。

许多移动应用程序开发人员忽略了这一步骤,并在用户在设备上安装应用程序后立即让用户独立。从一开始就把一切都弄清楚是非常重要的 - 用手抓住用户并逐步向他们展示应用程序的所有属性。

5.烦人的通知

过度使用通知就像一个非常烦人的朋友,他无法得到你太忙而无法与他见面的消息。

即使用户对通知的感知是肯定的,当与用户的设备没有同步时也可能出现故障。没有人想一遍又一遍地阅读相同的通知。就像在软件的创建中一样,良好风格的元素不是重复自己。

更糟糕的是无意义的广告和其他不需要的邮件。用户真的很想知道他们可以在游戏中购买三个新角色。

6.什么时候设计太多了

添加独特的风格或一些创造力永远不会伤害。但是设计师经常上瘾。颜色方案,阴影或不同风格的存在可以将图标或按钮变成超现实(或简单可怕)的东西。正如一位聪明的人曾经说过的那样:“一个好的设计立即可见,一个优秀的设计是看不见的。”

在创建图形时,设计师经常忘记他们的使命:帮助传达信息而不会分散用户的注意力或使用户感到困惑。如果您想创建一个用户友好的界面更简单。

看起来很奇怪,最常见的错误是当设计师认为一切都简单明了,用户迷失和失望时。

7.没有内置搜索

缺乏内容是不好的。但是,有更糟糕的事情 - 例如,当内容太多和文件太多时,并且不可能搜索数据库。没有内置搜索,在这种情况下,用户只是毫无防备,容易丢失。

但是,并非所有搜索栏都相同。有时,填充了质量差的搜索结果的页面,没有任何过滤器,几乎就像没有搜索一样糟糕。

一个好的内置搜索选项可以简化用户的生活,甚至可以消除普通用户体验中一些缺陷的印象。

8.无法确定优先顺序

在处理任何设计时,重要的是要确定最重要的元素,而不是需要较少关注的次要元素。不幸的是,很多设计师并不了解这个概念。因此,您必须处理信息混乱,其中每个组件看起来都是一样的。

视觉层次结构是一个非常有效的概念,它允许您使主要细节更加明显,以便次要元素不会分散注意力。您必须决定用户最常与哪些对象进行交互,并在其他对象的背景下突出显示它们。这样的界面对用户来说更方便。

有错误分析会话

每个人都会犯错误。无论您是主要出版商还是独立开发商,都无关紧要。无论公司活动的规模如何,基本规则都保持不变:您进行的测试和分析工作越多,结果就越好。

如果您想建立一个良好的界面,您只需依靠先进的经验和用户行为数据对您的UX设计进行比较分析,这样您就能找到并修复现有的缺点。

请记住,如果开发人员不想将足够的时间用于用户体验,那么用户反过来也不想在应用程序上浪费时间。通常,创建非常好的界面之前需要进行艰苦而持续的工作。但是,它总是得到奖励。

感谢阅读

喜欢小编文章的,可以点个订阅,小编都会不停更新文章,分享前端学习知识,以及程序员的趣事!

相关文章
|
6月前
|
前端开发 JavaScript
Web前端之移动端课程开发之06.bootstrap
Web前端之移动端课程开发之06.bootstrap
73 0
|
5月前
|
资源调度 JavaScript 前端开发
IM跨平台技术学习(十一):环信基于Electron打包Web IM桌面端的技术实践
这次借着论证 Web IM端 SDK 是否可以在 Electron 生成的桌面端正常稳定使用,我决定把官方新推出的 webim-vue3-demo,打包到桌面端,并记录了这次验证的过程以及所遇到的问题和解决方法。
94 2
|
4月前
|
Web App开发
软件开发常见流程之移动端调试方法,利用Chrome(谷歌浏览器)的模拟手机调试,搭建本地Web服务器,手机和服务器在一个局域网,通过手机访问服务器,使用服务器,利用ip实现域名访问
软件开发常见流程之移动端调试方法,利用Chrome(谷歌浏览器)的模拟手机调试,搭建本地Web服务器,手机和服务器在一个局域网,通过手机访问服务器,使用服务器,利用ip实现域名访问
|
6月前
|
编解码 前端开发 JavaScript
【Web 前端】移动端适配方案有哪些?
【4月更文挑战第22天】【Web 前端】移动端适配方案有哪些?
|
6月前
|
数据采集 JSON 前端开发
制作web端的图片搜索站点(看冰冰)
制作web端的图片搜索站点(看冰冰)
33 0
|
6月前
|
编解码 前端开发 UED
Web前端开发中的移动端适配与响应式设计
【2月更文挑战第11天】 对于现代 Web 前端开发而言,移动端适配与响应式设计是至关重要的技术环节。移动设备的普及使得用户更多地通过手机或平板设备访问网站,因此,如何有效地适配各种屏幕尺寸并提供良好的用户体验成为了前端开发者需要面对的重要问题。本文将介绍移动端适配与响应式设计的基本原理,并结合实际案例探讨其在前端开发中的应用。
|
6月前
|
前端开发
【web组件库系列】纯CSS实现典型网页数据分页器
【web组件库系列】纯CSS实现典型网页数据分页器
89 0
|
Dubbo Java 应用服务中间件
基于 Triple 实现 Web 移动端后端全面打通
基于 Triple 实现 Web 移动端后端全面打通
40715 17
|
6月前
|
自然语言处理 算法 数据库
【JavaScript+自然语言处理+HTML+CSS】实现Web端的智能聊天问答客服实战(附源码 超详细必看)
【JavaScript+自然语言处理+HTML+CSS】实现Web端的智能聊天问答客服实战(附源码 超详细必看)
121 0
|
6月前
|
移动开发 前端开发 JavaScript
web前端移动端课程之canvas教程系列
web前端移动端课程之canvas教程系列
81 0