{fbmip:fixed type="top" id="mipfixed" dataSlide="header-fixed-slide" class="fb-header-fixed"}
{fbview:mainmenu menuItemCode='$menuItemCode'/}
{/fbmip:fixed}
{fbmip:img fit='cover' src="$banner2['img_url']" alt="$banner2['title']"/}

交流移动互联网设计(APP)的经验

  • 发布时间:
  • 浏览:121
  • 来源:平步科技官网

随着移动互联网的发展,越来越多的网络产品开始在移动端传播,所以最近总理会见了交流,讨论移动应用产品的设计。我已经在移动互联网上工作了一年多。通过不断的学习和实践,我获得了一些经验。我今天正在组织和分享它,我希望能帮助PM为移动互联网提供新产品。

移动应用程序也是一种C / S架构。除了产品架构本身的一些功能外,我们还需要关注移动互联网的一些功能,如使用环境,感官操作等。因此,移动产品最重要的是内容。互动的形式。下面描述的十个产品设计与交互和内容有关。

1,系统标准 - 根据用户具体使用情况而需要决定是使用标准还是创新。

与网络产品相比,移动应用APP具有平台系统的初始特性,产品设计必须符合平台系统的技术要求。合理制定和使用标准可以显着提高效率,并促进产品一致性和改善用户体验。除核心标准外,我们还可以根据目标用户的具体需求和情况决定是否应用标准或创新标准。

建议使用两本手册,并应阅读。

“人机界面iOS”Apple原创,朱辰翻译

“Android 4.0设计规范”Android原创,由腾讯CDC团队翻译

2,面向目标 - 面向用户,专注于用户目标,而不关注用户需要执行的任务。

使用官方语言:“坚持以用户为中心的设计理念,对互联网产品的设计采用”有针对性的设计“方法。”

无论是基于网络的产品还是移动应用程序,我们都必须关注用户的目标,并使用最简单,最简单的步骤为用户提供所需的结果,尤其是在分散且易于使用的移动互联网使用场景中。步骤或操作任务太多。

3.直观的界面 - 设计应该能够引导用户进行最直观的响应行为。

移动平台系统具有促进用户与APP应用程序交互的基本体验标准,因此我们需要了解用户的期望,需求,动机和使用场景,以便采取下一步或指示内容的显示位置,从而使用户能够无缝地完成交互行为。

例如,在右侧扩展用户内容的按钮,如果在左侧扩展,则超出用户的直觉,他在潜意识中的行为将被中断,并且需要重新配置,这无形地增加了用户的思维。

例如:一个功能按钮,在用户触摸后,潜意识会认为下一个按钮应该出现在按钮周围,如果它走得太远,它将超出用户的直觉。

除了直觉之外,我们还需要考虑触摸用户的行为,因此下一步应该更靠近用户的手指(在方便的工作范围内)并且不能被阻挡(手指或手掌)。

4,成本控制 - 降低用户操作和培训部件的成本,使用户可以快速上手并确定产品特性。

了解用户的使用情况(碎片时间,它会随时中断),尽量不增加培训成本(操作培训,界面培训),因为用户分散,他们几乎没有培训时间,特别是手动操作有培训费用和记忆

腾讯,百度和许多其他第三方数据显示,一个月内未下载新应用程序的用户占60%以上,而大多数APP应用程序的存储级别低于40%。因此,如果您的产品不是特别需要,请不要对用户的智商提出异议。大多数用户不会像我们想象的那样经常使用该产品。

5,设计需求 - 注重用户的需求,避免人们的主观偏好。

在开始设计之前,您需要清楚地思考:谁是用户,他们的特征是什么以及我们可以为他们解决哪些问题。提供真正解决用户问题的设计,而不是您喜欢的设计。同时,记住后者,试着变得愚蠢,不要以为你能理解你能理解的东西。

6.减少界面 - 最大限度地减少界面之间的交互,避免新页面,切断用户的流畅度。

可以在一个页面上交互式完成的内容最小化页面切换,当然,先决条件是考虑系统上的负载。

例如,按下搜索按钮后的搜索功能可以平滑地扩展输入字段并扩展虚拟键盘。

上面的两个简单示例可以在当前界面中进行。在当前界面中无缝交互的元素提供更平滑的用户交互,并且还允许用户感觉只有新元素被加载到原始界面中,并且用户仅需要接受新元素。新界面突然关闭用户流畅度,这意味着必须切换用户的思维,并且您需要重新接受并识别新页面,就像您进入另一个房间一样。

7,概念内化 - 为了避免概念输出,尝试用用户理解的语言表达设计。

它取决于产品和用户社区的定义,避免推导内部概念或行业特定概念。例如,在房地产领域,你说租金与销售比率不是买家的百分比。大多数用户都不会理解,如果你说买家的租金与销售的比例是明确的。因此,在产品的设计中,元素和内容的表达应考虑用户的定位,用目标用户群可以理解的语言表达,使用流行语言和流行元素,并且有必要解释,例如,不可避免的概念:“模态”推荐等。

8.信息交互 - 基于信息层面的交互,应该简单易懂。

信息层面的交互是最直观的交互,因为它可以给用户提供直观的反馈,因此信息本身应该简单易懂,以免使其难以理解,并且交互应该对应于用户的期望模型和潜意识的行为。

9.简单元素 - 减少视觉元素的重叠,改善交互元素的识别,并有效地隐喻交互元素。

使用图形隐喻时,需要参考文章4和7.在移动产品中,由于界面的大小,我们经常会遇到带图标的功能按钮,因此按钮图标必须充分考虑用户体验。例如,一般的圆形箭头是更新,心形类型是注意,星形类型是集合,安装齿轮等。在接受图形隐喻的功能时,我们必须考虑用户的知识并避免训练和识别用户的成本。

10,清晰的结构 - 合理分离界面的逻辑结构,按照不同的内容和功能逻辑进行分离,强调主要和次要的结构。

10.1页面基本上有三层:默认图层,隐藏图层和叠加层。

10.1.1,默认图层:初始显示界面(页面)

10.1.2,隐藏层:您应该用来显示的默认隐藏界面,例如导航等。

10.1.3叠加:还执行对话,警告,模态,弹出窗口等操作。

10.2页面分为三个区域:工作区,主线程和信息信息。

10.2.1,工作空间:这是主要内容交互的区域,例如选项,信息交互等。

10.2.2,主要过程:用于告知用户您将执行什么行为,将获得什么结果

10.2.3帮助信息:显示操作帮助帮助类的信息。

第10.2条中页面区域的介绍只是我对界面结构内容的理解,仅供参考。第10和第9条更侧重于视觉感知。这个级别主要是为了在阴影的帮助下改善用户的感知,用阴影影响用户的工作,并通过界面结构和内容清楚地告知用户。我可以去那儿。

以上10可能会激励你,可能会让你更加困惑,但正如我所说,移动互联网产品更注重与内容的互动,所以除了这些理论知识,你还需要尝试各种应用体验和理解他们的互动和演示。 (推荐一种方法:每天只玩一个移动产品,玩得愉快,列出这个应用程序的优缺点,然后与大家分享,然后得到其他人的反馈,你可以使用它一个月,你可以掌握了它。)

我现在才考虑它。如果我将来有新想法,我将在此结束。我将推荐我之前分享的两篇文章,它们都与移动互联网有关。

FlyBird
SEO推广