设计移动 App 需要注意的 10 点
摘要: 1. 不要在没有流程图之就前开始设计或者画线框图 即便一个简单的App也要有一个思虑周全的流程图,以确保在App有合乎逻辑的、合理的导航结构。另一点值得关注的是确保核心功能所在的屏幕位于上层而不是被埋没在多层 ...
1. 不要在没有流程图之就前开始设计或者画线框图
即便一个简单的App也要有一个思虑周全的流程图,以确保在App有合乎逻辑的、合理的导航结构。另一点值得关注的是确保核心功能所在的屏幕位于上层而不是被埋没在多层导航元素之下。
跳过流程图直接进进入开发会让开发变得复杂、不可控,很容易让用户迷茫,最后选择关掉或者卸载你的App。
2. 分工要明确 不要忽略开发预算
设计师创建的每一个细节都要经过开发者才能变得活灵活现。花几个小时和几天时间做出的简单设计更改对App功能的影响是截然不同的。还有,设计不能命令功能。比如,一个计划好的App可能有一个搜索框,设计师预想的是一个产生实时结果的键入搜索,但设计师不能是做这个重大决定的唯一决策人。
3. 不要使用低分辨率的图片 避免使用位图
一般而言,设计首先是为视网膜显示屏、高分辨率的显示屏设计,然后按比例缩减。很多设计师都清楚这一点,但仍值得一提。屏幕分辨率越来越多,设计师需要从高分辨率设备做起,再按比例缩减。更好的做法是使用矢量图形进行设计而不是位图或者栅格图像。
4. 不要把点击区域设置的太小
大多数用户的食指宽1.6~2厘米。设计时要考虑到手指的宽度,而且用户在快速移动手指的时候,很难准确的点击小片屏幕。在屏幕上加大量的按钮和功能很容易,但按钮一定要足够大,间隔也要足够大,否则用户容易误点。
5. 不要随意使用介绍动画
在用户首次打开App的时候,给用户一个动画的介绍是个不错的想法,但不能太过火了。事实上,这些介绍动画也延迟了用户接触App的时间。如果你打算使用介绍动画,那要让动画时间尽可能短,设计尽可能精细以及足够吸引人,值得用户花费时间等待。
App加载过程中会先展现图片,再过渡至动画。要确保这个过度是平滑的,贴切自然的。有的App从加载图片过渡至介绍动画设计的非常蹩脚,这就很无趣了。
6. 别让用户空等
App加载时间过长很容易让用户以为出现了什么故障,也会带来糟糕的用户体验。App加载的时候不要让用户看到空白的屏幕,使用加载指示条或者小动画让用户知道App处于正常运行当中。如果能加入一个加载进度指示条就更好了。
7. 不要盲目照搬别的操作系统
这个问题说的是App各个操作系统版本的差异性,不同的移动操作系统有着迥异的审美观,比如iOS、Android和WPh7。开发者需要认真学习各个操作系统的人机界面指南,做好不同版本App的移植工作,不要让用户迷茫和不适应。不一定非要让App看起来是系统自带的,但至少不能让人觉得突兀,不属于这个平台。
8. 不要在高密度像素屏幕上填充过多信息或者UI组件
当为高PPI (pixel per inch每英寸像素) 屏幕设计UI时,因为有更多的像素可以使用,所以可在界面放置更多信息或者UI组件。请记住一定要预览一下你在实际设备上的所有设计结果。
充塞了很多信息或者UI组件的界面会显得非常杂乱,并且难以有效导航,更会影响界面上的主要功能的展现。
9. 不要觉得每个用户有着跟你一样的App使用方式
可用性测试是必须的,不管你的App看起来多么好。找值得信任的人(或者有经验的设计师)进行小范围封闭测试,在公开发布之前更新下界面。另一个简单易行的获得用户反馈的方法是在分类网站张贴广告招募合适的人进行焦点小组测试。
10. 不要忘记手势 但不要滥用
不是每个元素都是可视化的,比如iPhone Mail app的删除进程。在收件箱内,用户可以猛击屏幕显示删除按钮,用户就不用点击“编辑”,选择信息然后再删除信息。不过,也不能说“编辑”菜单一点用处都没有,不知道快捷操作的用户还是需要的,而用户还可以通过“编辑”菜单一次性标注多条信息/邮件。
一句话,不要忘记手势但也不能滥用,通常要避免通过使用手势进入菜单,或者通过手势。
|
相关推荐
在设计移动App时,考虑众多因素至关重要,以确保最终产品的用户体验和功能性。以下是对标题和描述中提到的10个关键点的详细说明: 1. **制定流程图**:在开始设计之前,务必创建一个清晰的流程图,这有助于规划App...
移动应用设计——APP Inventor 教学案例 通过本教学案例,学生可以学习移动应用设计的基础知识,使用 APP Inventor 进行编程,了解算法设计、逻辑设计、数据分析等概念。教学案例共分为六个实例,每个实例都涵盖了...
### 移动APP测试的22条军规 #### 一、设备和平台 1. **操作系统**:针对不同的操作系统(如iOS、Android),需要确保应用程序能够在这些平台上正常运行,并且能够兼容各种版本的操作系统。 2. **设备硬件**:考虑到...
本文将基于提供的内容,详细介绍移动App界面设计规范中有关色彩的知识点。 #### 色彩的重要性和挑战 色彩在App界面设计中扮演着至关重要的角色。它能够激发用户的情感反应,建立品牌形象,并帮助区分不同的功能...
【移动APP辅助医学遗传学教学】的思考 随着全球互联网和信息技术的快速发展,移动应用程序(APP)已经成为教育领域的重要工具,对于医学遗传学这门高度专业化的学科来说,也不例外。医学遗传学,作为医学和遗传学...
以“百词斩”为代表的移动App,利用其独特的设计和功能,为英语词汇教学注入了新的活力。本文通过对“百词斩”在英语专业学生中的使用情况进行深入调查,旨在揭示移动学习对学生词汇学习的积极影响以及存在的问题。 ...
【紫色移动应用app官网模板】是一款专为手机软件应用app设计的官方网站介绍单页模板,其特色在于采用了紫色调,营造出一种专业且大气的视觉效果。在网页设计领域,色彩选择是至关重要的,紫色通常代表着高贵、神秘,...
1. **移动APP随访系统设计与功能** 移动APP随访系统通常包含以下几个核心模块: - **咨询医生**:患者可以通过APP直接向医生提问,获取及时的专业建议。 - **术后知识**:提供术后恢复、注意事项等相关信息,帮助...
缘:这个界面主要是进行星座配对分析,男生女生可以选择星座然后来进行配对分析,配对详情包含:配对评分、星座比重、解析、注意事项等。 运势:这个界面蕴含了十二个星座的图片,点开每个图片,会对这个星座的今年...
在部署和分发时,需要注意以下几点: 1. 系统要求:明确App支持的操作系统版本和硬件配置,确保用户设备满足运行条件。 2. 安装流程:提供简单易懂的安装指南,包括下载、安装、授权和启动等步骤。 3. 更新机制:App...
在实现文件传输App时,我们需要注意以下几点: * 需要确保文件传输的安全性,防止其他人通过外部网络窃取文件。 * 需要考虑文件传输的速度和稳定性,避免文件传输中断。 * 需要降低文件传输的成本,避免流量费用过...
本文阐述了基于移动互联网的智能车载APP的设计与实现。该系统结合了移动互联网技术和OBD车载诊断系统,旨在提供智能的车载诊断服务。通过移动用户端与车载终端的结合,实现了智能车载诊断系统的新型商业模式。 随着...
设计移动App的十大技巧涵盖了从用户体验、界面设计到功能实现等多个方面,对于想要创建成功的移动应用的开发者和设计师来说至关重要。以下是对这十大技巧的详细解读: 1. **主题明确直接**:应用应专注于一个核心...
移动App开发是一个涵盖广泛领域的主题,它涉及到设计、编程、测试和发布应用程序,这些应用程序可以在智能手机和平板电脑等移动设备上运行。在这个案例中,我们将重点关注基于AppCan平台的开发实践,以及如何利用CSS...
研究结果表明,在设计手机app时,需要考虑到用户体验,重视交互式体验,提高用户满意度。 一、研究背景及其意义 手机app的种类和数量不断增加,人们对app的要求不仅仅是能用来干什么,更是将注意力集中在交互式的...
随着“互联网+”时代的到来,APP界面设计已经成为移动互联网的重要组成部分,并将持续发展。用户对界面设计的需求日益增加,设计师需要考虑用户体验和操作习惯,合理布局界面,高效传递关键信息,创造美观且功能性的...
移动端APP产品设计:内容优先理念设计移动产品 移动端APP产品设计是当前互联网发展的热点话题之一,如何设计一个优秀的移动端产品是很多开发者和设计师所关心的问题。 Andy Clarke的Mobile Boilerplate和media ...
【标题】"黑色设计感移动app官网模板"所涉及的知识点主要集中在网页设计和前端开发领域,特别是针对移动应用的网站构建。这类模板通常是为了快速搭建具有专业视觉效果的移动应用官方网站,它需要具备响应式设计,...
因此,在手机APP字体设计时,需要注意字体样式和字体大小的选择,正确使用文本可以减少手机用户的学习时间和成本。 此外,手机APP的UI界面设计还需要考虑到用户的情感需求和使用习惯。用户的需求是手机UI设计的核心...