设计移动 App 需要注意哪些方面?

2021-12-03 10:54发布

17条回答
aijingda
2021-12-03 14:14

那当操作比较多,可以将工具栏放在底部虚拟按钮上方。我们都知道移动端目前有2大操作系统,一个是IOS,一个是Android。那么我们设计的APP在这两大平台上运行,需要注意什么呢?怎么才能又快又好的完成两个不同平台的设计呢?这就需要我们了解最基础的两大平台设计规范。

什么是设计规范?所谓设计规范是指各个平台对于设计风格和设计方案的约定。我们先说说页面设计规范

  • ios页面设计规范

在ios平台规范中,对界面的页面页脚做了相应的规定。即规定了页眉应该放什么内容,页脚应该放什么内容。大概的规定如下。


页眉位置的导航栏用于在当前app里不同信息层级间的导航,一般显示当前主题和上一级主题,目前来说,页面简洁化后就通常只显示当前页面主题,还可以跟一些当前页面其他信息。下面是一个简单的例子。


页脚位置可以放置标签栏,也可以用来放置当前页面的工具栏,看下面两个例子。

底部标签栏一般作为整个应用的一级导航,如果一级页面中还有二级导航,那么一般放在一级页面的页眉下方。

上面就是ios平台上的一个大致布局规范。

  • Android页面设计规范

安卓平台规范一直到安卓4.0才初步形成,4.0中最经典的就是虚拟按钮,大家应该都不陌生。

由于底部有虚拟按钮的存在,那么操作按钮就放到了页眉应用栏中。应用栏中除了操作按钮,有时还放导航菜单,这使得页眉显得很重。这一点在5.0版本得到了优化。

到安卓5.0版本后,安卓规范逐渐完善,5.0版本提倡扁平化设计,但是在扁平化设计的基础上又有一点丰富,增加了Z轴的层次感,什么是层次感呢?举个例子。

上面是滴滴打车的界面,图上的按钮就采用的是Z轴方向的设计,看起来浮在界面上,使页面信息更有层次感,也增加了用户点击的欲望。

另外5.0规范提出了抽屉式导航,这很好了解决了4.0版本中导航沉重的问题,一般简单的当页操作会直接放在页眉的右侧。需要注意的是,抽屉式导航一般适用于一级导航,那么当有二级导航时,该怎么办呢?一般我们会放在一级页面页眉下方。

那当操作比较多时,放在页眉中就显得非常繁重,这时也可以将工具栏放在底部虚拟按钮上方。这样的设计在安卓应用中也非常常见。

以上介绍的就是ios平台和安卓平台的基本页面布局规范,当然这些规范都不是绝对的,一方面平台自身在不断优化,另一 方面两个也在相互借鉴好的设计。

除了以上内容,两个平台都提供了各自的规范的控件和手势。这些在我们设计时可以直接使用,避免了自己再创造并且开发工程师可以直接使用,没必要二次开发。两个平台的控件和手势规范我们就不在这里展开说了,后续我们专门再针对这两方面进行分享。

啰嗦了这么多,只是想告诉大家,我们做移动端设计时首先要考虑的就是平台规范,让你少走弯路,避免做无用的工作。既可以快速完成设计和研发,又符合平台用户的使用习惯,你get到了嘛?

回答: 2021-12-03 14:14

一、移动触摸设计

在智能手机大范围普及的情况下,我们首先要明白APP的设计是为移动触摸而设计的,点击操作是PC端交互的基础,在移动端触摸屏设备上,基于手指的手势操作已经代替了鼠标的点击操作,注意事项如下:

1、以信息架构为基础,简单的手势交互规范

2、优先设计自然的手势交互,而不是一味地TAP点击

3、引导用户在情境中学习手势操作

4、特殊手势不是必须的,手势操作需要提供过程及反馈演示

5、可触区域必须大于7×7mm,尽量大于9×9mm


二、输入方式的转换

文字输入是移动端的软肋之一,不管是键盘输入还是手写输入,操作效率都比较低,在平时单手操作或移动状态下,输入的出错率也比较高,所以要尽量减少文本输入,转化输入形式;简化输入选项,变填空为选择;使用手机已有的传感器输入,如语音输入等。


三、以内容为先的合理布局

移动端屏幕的空间资源非常珍贵,所以为了提升屏幕空间的利用率,界面布局应该以内容为核心,而提供符合用户期望的内容是APP应用获得成功的关键。UI设计师在设计时要做到优先突出用户需求,简化页面导航;充足内容,使内容符合移动端特征;合理提升屏幕空间的利用率。


四、多方向交互设计

多方向交互设计是指系统的输入可以由视觉、触觉、听觉等多方面协作完成,协同的多方面界面和交互也会让用户更有真实感和沉浸其中。当前各个系统平台的基础技术越来越成熟,语音输入、手势识别及其他由多种传感器组成的综合识别系统也会给用户带来更多的便利。


五、移动端产品必须具备易学易用性

我们对于移动产品,提倡的是简单、直接的操作,这样更容易清晰地表达产品目标和价值。让用户快速学会使用,尽量不要让他们查看帮助文档。界面架构简单明了,导航设计清晰易理解,操作简单,通过界面元素的综合表达就能让用户清晰地知道操作方式,不要让用户在学习使用过程中有负担。


六、避免干扰和打断

在使用手机APP时,会出现很多意外状况中断使用,如手机突然没电、浏览信息时被接入电话打断等等。在移动情境中,这些都是不可避免的正常现象,这就需要我们在设计时,要注意保存用户的操作,减少重复劳动,衔接用户的记忆而不是让用户重头开始,操作流程要尽可能确保流畅。

APP的设计是否遵循基本原则,很大程度上决定了后期产品投入市场后的用户反馈。所以想要设计能被用户很好理解、满足甚至超越用户期望,就必须遵循原则,在此基础上再充分发挥自己的想象力,提高产品价值。

一周热门 更多>