iOS 13 隐秘的细节③:原生APP的细节变化·下

用户头像
北京/UI设计师/7年前/21608浏览
iOS 13 隐秘的细节③:原生APP的细节变化·下

这是iOS 13细节文章的第三篇

前言

这是《iOS 13隐秘的细节》第三篇,没看过前文的同学可进入站酷主页浏览前文

undefined

或通过以下链接查看:

第一篇 · 全局组件:https://www.zcool.com.cn/article/ZMTAxNDgyNA==.html

第二篇 · 原生APP:https://www.zcool.com.cn/article/ZMTAxODYzMg==.html


本文紧接第二篇内容。




2.5 AppStore

新版AppStore将旧版底部第四个菜单转移到“头像”中。如下图:

动效操作如下:

同时还新增了一个我个人梦寐以求的功能:在更新页面,向左清扫App可将其删除。如下图:

我一直采用手动更新,在浏览可更新App的时候,总会看到一些闲置的软件想将其卸载。过去还要返回桌面进行一系列操作,现在终于可以在AppStore中直接完成卸载操作。( 又向Android靠近了一大步? )




2.6 Safari

清除历史记录的弹窗文字,由过去的蓝色,变色具有警戒含义的红色。

毕竟清除记录类似删除操作,变成红色也更加贴切。



在功能层面,Safari居然出现了截长图功能,如下图:

但目前其他地方还没有截长图功能,希望苹果在后续的更新中可以开放相应功能。


此外,Safari在智能搜索栏中的新显示菜单可让你快速访问字体大小控制、阅读器视图和单个网站设置。以及新增下载管理功能。

有兴趣的同学可以体验下~




2.7 提醒事项

1.优先级调整

过去任务的优先级用抽象的感叹号标识,新版改成了表意更加清晰的文字描述。


另外,过去在任务详情页面,可以直接设置任务的优先级,而新版则把优先级折叠进了列表当中,用户需要跳转进入二级页才能进行设置。根据以往做产品的经验,外露的操作相比折叠起来的操作,被用户执行的概率要高好几倍。新版无疑削弱了优先级的存在感。


这里的变化让我想到此前看到的一句话,大意是:增加操作步骤可以减少用户思考成本,那就增加操作路径。

换成大白话就是:简化操作,把高级操作都折叠起来,降低用户操作门槛。对应的最经典的案例,就是遥控器:

2.单手优化

undefined

“添加列表”和“新建事项”都从顶部改到了底部,更有利于用户进行单手操作。



近几年iPhone屏幕越来越大,下面对比iPhone主流的四款机型:

从上图可知,iPhone X与iPhone 8的外框尺寸十分接近;iPhone XS Max 与 iPhone 8 Plus 的外框尺寸十分接近;

但就屏幕而言,在物理层面iPhone X相比iPhone 8屏幕高度在物理层面增加了31.8mm, 而一元硬币的直径仅为25mm,如下图;

iPhone XS Max 比 iPhone 8 Plus 的屏幕增高了26.3mm,如下图:

这就意味着,如果用户要点击顶部的操作,必须用多手触控,或调整手机在手中的位置。如今操作按钮下移,可以极大优化产品在大屏下的操作体验。



虽然按钮下移便于用户操作,但也绝非是把所有的操作都想办法下移动,毕竟一些低频操作大可以放在屏幕顶部,比如:通讯录中新建联系人入口和信息中新建短信入口。

undefined

这些依旧保持操作置顶的设计。




2.8 照片

1.相片图标,总于变得像相片了,如上图。


2.图像编辑功能再iOS 13几乎重做,这里不做赘述,只说一个有意思的细节。

点击“一键特效”后,类似曝光、鲜明度、高光等参数的数值都会发生变化:

并且用户可以在调整后的参数基础上进行个性化调整。如下图:

在官方建议的接触上做微调,技能减少用户的使用门槛,也不至于千篇一律。这个功能值得其他具有编辑功能的产品借鉴(不限于P图软件)。




2.9 通讯录

编辑号码,退出编辑需要二次确认,避免内容丢失。


2.10 股票

1.新增左右切换

终于不用再返回列表页逐一点击查看了~


2.列表编辑状态下,新增股票由左上角转移到更容易操作的右下角。如下图:

3.按钮样式简化:

股票右上角 关闭 按钮由双层变成了单层,示意图如下:

undefined

PS:我还是更喜欢用双层图标,你呢?



2.11 邮箱

发送 由 文字,变图标。同时“回复”菜单变得更加全面,如下图:

除了回复、回复所有人、转发及打印外,“回复”菜单现新增更多便捷的选项,包括邮件回复通知、标记为未阅读、移到垃圾邮件、移到其他邮箱、旗标选项,以及全新的“邮件主题静音”选项。


此外,邮件编辑器也变得更加强大,过去邮件APP除了回复简单的文字,啥也做不了。

undefined

再新版中,不仅具有电脑级文本格式工具

还为用户提供齐备的附件选项,包括扫描功能、插入照片或视频、添加附件以及插入图画。



2.12 短信

1. 强化入口样式,新建短信的入口增加底色。

2.优化顶部布局

过去Apple把编辑和新建短信放在页面的顶部(看着乱乱的),下面依次是文字标题和内容区。页面向上滑动时,仅文字标题发生变化。

在iOS 13中,Apple把编辑和新建短信同一放到了文字标题的右侧,布局相交之前清爽很多。页面向上滑动时,文字标题和两个操作按钮都是先消失,再渐隐出现。


3.精简相机图标

相机去掉了相机上闪光灯和快门键两处细节,构图变得更加简洁。

我想这和Apple今年定义的图标可以调整重量有关系,简约的图标便于调整重量(粗细),如下图:


同样的变化还出现在语音备忘App中,其中快进/快退图标相比之前也变得更加简洁。如下图:

undefined

· 第三篇 - END ·


-

《第一篇》https://www.zcool.com.cn/article/ZMTAxNDgyNA==.html

《第二篇》https://www.zcool.com.cn/article/ZMTAxODYzMg==.html

《第四篇》https://www.zcool.com.cn/article/ZMTAyMTc3Ng==.html



↘ 点赞催更 ↙

405
阅读原文
|
举报
|
176
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】礼物/活动icon
Security Camera UI kit
【新年UI图标】体育icon
【新年UI图标】旅行icon
新拟态风格 UI设计组件库
盲盒APP UI设计
APP/小程序商业项目UI模板|99个高保真UI+79个原型
新能源APP应用UIKit
拟物风质感写实UI卡片合集源文件
【新年UI图标】钱包icon
【新年UI图标】秒杀icon
智能家居中心 简约 UI设计组件库
高级感金属拟物 UI设计组件库
我的钱包-UI界面设计-app
UI通用设计素材1
【新年UI图标】会员icon
【新年UI图标】30个图标
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】汽车icon
高级表盘系列UI源文件
3D渐变流体抽象矢量UI背景图
钱包ui模板
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI 登录界面设计模板包
你可能喜欢
相关收藏夹
教程
教程
教程
教程
教程
4728
教程
教程
教程
教程
教程
3089
学习
学习
学习
学习
大家都在看
登录注册