恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何去设计一个原生的移动APP
0.0°
2017-04-11 自译外文 经验/观点 原作者: 未知 举报 2430 4 5 0

APP是产品和服务接触点的一个重要组成部分,并且还在增长。 每年用户花费更多的时间在他们的设备上(在2014年平均每天2小时42分钟),并将86%的时间用在APP中,而且没有减速的迹象。

这是我从别人所学习的如何设计一个原生的移动APP的方法。

设计APP的前5个提示:

1、阅读人机交互指南(HIG)

从人机接口指南(HIG)中学习规则,然后找出是否应该优雅地打破它们。Image title


2、要与开发人员沟通

与您的开发团队联系,并了解他们的见解和挑战。

原生的移动APP团队通常围绕平台开发 - 设计师可以跨越工作。

作为设计师,你需要了解每个平台上容易或困难的东西。 你会很快找到在Android上做粘性标题或iOS上的水平滚动样式有多难。

3、重建现有的APP

这奇妙的提示来自comes from Amir Khella of Keynotopia。它很容易浏览平台和研究其他APP,但实际上重建他们,然后你会明白他们如何聚在一起。

就像研究学习米开朗基罗的部分,复制,直到你明白它是如何工作的。

Image title


4、让它移动

状态,动画和过渡是优雅的应用体验的关键区别特征。

创建一个运动学习,粗略的原型甚至更好 - 跳进代码,真正挖掘应用程序的作用或打破。

Image title


5、服务第一

原生移动APP体验的质量与为其提供支持的服务完全相互交织。为了提供最佳的前端应用体验,服务需要根据用户需求和上下文进行设计,实现和支持数据流。

作为设计师,您需要开始这样思考,并与您的开发合作伙伴交流,了解如何优化(或不是)原生移动APP的服务。

原生并不是网页

首先原生和Web浏览器设计看起来非常相似。 许多来自网络的好的设计实践和原则适用于原生APP - 但是存在主要差异。

Image title


没有页面

APP具有状态,模式和视图,并且通常通过本机动画启用和传达。这提供了更多的上下文在体验和UI视图中取决于多个条件。

APP应具有优雅的接缝和平滑的过渡,而不是等待网页加载。

手势

交互模型在触摸UI设备上是根本不同的。

在APP上没有等效的滚动或悬停,并且使用3DTouch等功能正在探索“右键单击”。

输入输出

移动APP可以访问的不仅仅是一个屏幕。 例如,动作的确认不必是视觉的 - 其可以利用触觉反馈(振动)来完成。

潜在输入包括:每个新设备的相机,GPS,陀螺仪,加速度计,wifi /蓝牙连接,语音,联系人列表/地址簿,相机,照片库,麦克风和更多。

不同的输出选项包括声音,触觉/振动,通知和屏幕。然而,这种访问级别需要负责。

APP并不是浏览器

在一个APP中,你正在设计和构建浏览器必须做的一切 - 另外你不能得到“免费”的东西。

“APP中没有404错误”是我合作伙伴的技术总监最喜欢的说法。

当某些东西不能在原生APP上工作时,用户将不断地问自己:“是APP,我的手机还是连接?

作为设计师,你需要解决这个问题,并在事情不是最佳或未知的时候优雅地沟通。 您需要在原生移动应用上进行帐户操作的其他条件包括:

离线状态;

间歇连接;

服务调用失败(单个或多个);

加载(阻止加载机,内联或逐行?);

缓存数据(“旧”数据应保留多长时间?);

第一次体验(显示教程?);

二次体验(不显示教程?);

当一个APP被带入前景;

当应用切换到后台时;

APP STORE的生死

APP像电影和音乐 - 他们有评分和评论,广播给任何人谁可能想到下载它。

通常,用户在为自己体验之前已经具有印象和看到的评论。

Image title


评论,评分和评论通常会反馈您在设计中需要主动考虑的网络,服务或内容问题。

因此,应用程序对于测试更为关键,并且取决于它们的构建方式,当发现错误或问题时,以及在向其他人广播之前,很难快速更新。

iOS和Android差异

随着时间的推移,两大平台在某些方面已经收敛了,但在其它的方向采取了不同的剧烈转弯。

在为一个,另一个或两者设计本机移动APP时,请注意这些关键的不同区别。

后退按钮

Image title


我不是说Up / Back或应用程序上的触摸屏返回箭头。 我在说的实际硬件后退按钮内置到Android设备,可在iOS上无处找到。

准备在流程中的任何时候回答问题,当您的开发人员问:“当我点击Android上的后退按钮时会发生什么?"

开放vs封闭

iOS应用商店是一个非常封闭的市场,iOS限制了应用对特定设备输入和输出的访问。 由于App Store的审核流程,应用程序在提交后最多可能需要2周才能发布或发布,需要批准。

Google Play商店更加开放,平台允许更深入地集成到原生输入和输出方法。 Google Play商店的审核流程极少,应用程式几乎立即发布。

顶部和底部

Image title


相同的应用程序,相同的内容和主导航翻转之间的顶部和底部。 iOS在底部标签栏中强烈偏好应用程序的主要部分,而Android鼓励使用导航抽屉和其他结构。

使用屏幕的真实状态

Image title


iOS和Material Design使用不同的画布或屏幕的真实状态。正如 breakdown of Apple Maps vs Google Maps shows,Material Design喜欢浮动操作按钮和透明度,而iOS在顶部和底部使用更多的导航“条纹”。

指南

每个平台在指南中有3个主要原则或主题,但是以不同的方式强调和解释。

iOS主题

Image title


参考

UI可帮助人们理解内容并与内容互动,但不会与内容竞争。

明晰

文字清晰易读,尺寸清晰,图标精确,清晰,装饰精美,适用,对功能的专注激发了设计。

深度

视觉层和现实运动传递活力,提高人们的喜悦和理解。

Material原则

Image title


Material是隐喻Material比喻的是合理化空间和运动系统的统一理论。 该Material基于触觉现实,灵感来自纸和墨水的研究,但技术先进,开放的想象力和魔法。

大胆,图形,故意

基于打印的设计 - 排版,网格,空间,尺度,颜色和图像的使用的基本要素 - 指导视觉处理。 这些元素远远超过了眼睛。 他们创造层次,意义和焦点。

运动提供意义

运动尊重并加强用户作为原动机。 主要用户操作是启动运动的拐点,改变整个设计。

通过实践学习

学习如何设计原生移动APP的最佳方式是设计它们。最简单的开始是使用预先存在的GUI模板,如iOS Template from Facebook。

Image title



吧唧设计 —— 一个只做分享交流的平台!
Image title

欢迎大家关注吧唧设计,近期有线上提升课跨平台UI课程分享!

关注公众号,不错过任何提升自己的机会!


更新:2017-04-11

收藏

4人已收藏

  • 22

    作品

  • 81

    粉丝

  • 15

    关注

  • soul:可以被陌生人关心的APP
  • 系统开发设计从零到有的成长历程
  • PS如何画网页banner的立体插画
  • 2018网页作品集

    猜你喜欢

      2017-04-11 自译外文 经验/观点 原作者: 未知 举报 2430 4 5 0

      如何去设计一个原生的移动APP

      0.0°

      你确定要举报如何去设计一个原生的移动APP

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年04月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      4
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录