美文网首页
iOS app 用户体验提升

iOS app 用户体验提升

作者: BigLuckyHaha | 来源:发表于2019-06-19 19:32 被阅读0次

iOS系统区别于Android系统,系统设计本身就是以用户体验优先,而非程序并发常驻。随着硬件的不断升级,CPU和GPU的越发强大,手机本身的使用体验也在不断提高。

但是即便如此,iOS程序设计和开发时还是有很多需要注意的地方,来进一步提升用户体验。

大概有几个方面:

  • app 启动速度提升
  • 浏览的流畅性提升
  • 图片、视屏、直播秒开
  • 减少发热和和耗电

1.APP启动速度提升

iOS应用的启动可分为pre-main阶段和main两个阶段,所以App总启动时间 = pre-main耗时 + main耗时


app启动.png

借用两张经典的图:

pre-main.png main.png

所以,优化启动时长分两个阶段

pre-main阶段优化

1、删除无用代码(未被调用的静态变量、类和方法)
可以使用AppCode对工程进行扫描,删除 未使用的本地变量 参数 值
2、抽象重复代码
3、+load方法中做的事情延迟到+initialize中,或者在+load中做的事情不宜花费过多时间
因为load是在启动的时候调用,而initialize是在类首次被使用的时候调用,不过当你把load中的逻辑移到initialize中时候,一定要注意initialize的重复调用问题。
4、减少不必要的framework,或者优化已有的framework

main阶段优化

main函数开始到第一个界面渲染完成这段时间,优化出发点就是减少从main函数开始到第一个界面出现的时间,可以从两方面入手:

1、didFinishLaunchingWithOptions中有些服务可以采用懒加载的方式
2、首次启动渲染的页面优化
不使用xib或者storyboard,直接使用代码;
对于viewDidLoad以及viewWillAppear方法中尽量去尝试少做,晚做,不做,或者采用异步的方式去做

2.浏览的流畅性提升

这里可以细分为两个方面:本页面的滑动顺畅性 和 新页面跳转

本页面的滑动流程性
  • 对象的创建
    1.尽量用轻量对象,比如CALayer 比 UIView 要轻量许多,不考虑交互,可以选择CALayer。
    2.Storyboard和xib加载对象时,消耗的成本比代码多。慎用
    3.预加载和懒加载,cache的使用, 充分使用cel复用机制
  • 布局计算
    1.视图计算比较消耗CPU性能,修改uiview的frame相关属性,更是消耗cpu性能,尽量避免频繁的布局更新
    2.自动布局对cpu的消耗随着复杂度是呈指数级的,慎用autoLayout
  • 纹理渲染
    1.当在较短时间显示大量图片时(比如 TableView 存在非常多的图片并且快速滑动时),CPU 占用率很低,GPU 占用非常高。避免这种情况的方法只能是尽量减少在短时间内大量图片的显示,尽可能将多张图片合成为一张进行显示。
    2.当图片过大,超过 GPU 的最大纹理尺寸时,图片需要先由 CPU 进行预处理,这对 CPU 和 GPU 都会带来额外的资源消耗。目前来说,iPhone 4S 以上机型,纹理尺寸上限都是 4096×4096。所以,尽量不要让图片和视图的大小超过这个值。

  • 视图混合
    当多个视图或者CALayer混合显示时,GPU会将它们混合到一起,视图多,结构复杂就会增加混合难度。解决方法:减少视图个数和层次,在不透明的视图中标明opaque 属性以避免无用的 Alpha 通道合成。或者把它们合成到一张大图上。

  • 图形生成
    CALayer 的 border、圆角、阴影、遮罩(mask),CASharpLayer 的矢量图形显示,以及透明半透明的使用, 会触发离屏渲染(offscreen rendering),
    为了避免这种情况,另外解决方法是把需要显示的图形在后台线程绘制为图片,避免使用圆角、阴影、遮罩等属性。

  • 内存控制,及时释放
    异步加载,避免卡主线程,避免使用dataWithContentsOfURL等方法
    数据结构处理,json速度上优于xml

新页面跳转

把关键的且耗时少的运算放在viewdidload里,减少ViewController 在切换时候的卡顿时间
部分UI渲染放在 viewWillAppear 里运算
部分复杂的运算可以丢在 viewDidAppear 里
触发型的做触发加载,或者延迟加载
避免使用页面跳转过场动画
load数据的异步加载

3.图片、视屏、直播秒开

根据策略进行预加载,图片缓存,注意压缩
获取视频关键帧,根据网络情况,动态调整码率
提高拉流优先级,进入页面先拉流

4.减少发热和耗电

定位管理器和 GPS,地理位置获取,不用的时候关掉
减少无用的网络接口请求,特别是轮询接口
减少计算,优化算法,数据结构

其他

其他的用户感知和交互方面,应该尽量人性化。
页面链路清晰,进退有路。
一目了然,及时提示。
避免空白页,卡主线程,等待无感知或者动画过渡。
等等。

相关文章

  • iOS app 用户体验提升

    iOS系统区别于Android系统,系统设计本身就是以用户体验优先,而非程序并发常驻。随着硬件的不断升级,CPU和...

  • 手机APP开发的未来发展趋势

    1、重视和提升用户体验 手机APP开发只有提高用户体验,才可能得到用户的喜爱与欢迎。并且面对应用市场APP逐渐饱和...

  • iOS 内存管理

    iOS 设备的内存是极其有限的,直接影响用户体验。Session 242 iOS App Performance ...

  • 重读iOS10设计指南笔记—— Overview

    前言 HIG(Human Interface Guideline)是apple为确保ios上各类app的用户体验质...

  • 轻体验|美丽修行

    A体验环境 ios app v3.7.3(2019.07.30) B体验方向 简单完成护肤小白用户,对此应用核心诉...

  • iOS开发之简单动画学习一

    动画效果设计一直是iOS平台的优势,良好的动效设计可以很好地提升用户体验,丰富app的展示,而动画则是动效的基础支...

  • iOS UIView动画

    iOS 动画给人一种很流畅的感觉,提升用户体验,在APP开发过程中,我们只要利用好系统的动画,基本可以解决大部分的...

  • PWA简介

    Progressive Web App, 简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生应...

  • APP动态换肤方案详解

    换肤背景 用户体验是衡量一款APP质量的重要考核点,而换肤则是提升用户体验的重要一环。换肤包括但不限于APP主动更...

  • APP动态有效提升用户体验

    移动互联网时代已经到来,如果你是APP达人,喜欢试用各种APP,你肯定会发现越来越多的APP开始动效化。 首先它需...

网友评论

      本文标题:iOS app 用户体验提升

      本文链接:https://www.haomeiwen.com/subject/deekqctx.html