《iOS真的越来越像Android了吗?实际体验才知道》#设计规范#最新趋势

7月第一篇推文,设计类文章第二篇。

iOS14系统以及发布有段时间了,想必很多朋友已经更新了最新的系统尝尝鲜。而当时发布没多久之后就看到很多“iOS越来越像android,小组件很早就已经在android上出现了”之类的话题。那么今天就讲讲这个内容吧。

说真的,我已经有5年没有使用过安卓手机了,对安卓系统知之甚少,翻看前人留下的文章,观看YouTube,最后去旗舰店做了一次实际体验。

一、使用体验

下面是对SAMSUNG、华为、OPPO、iPhone11四款机型的体验:

 三星



三星小组件体验

交互:

1、长按主屏幕空白处显示主界面分页和「小组件」等功能,点击小组件icon进入选择预设app组件页面,左右滑动查看不同应用的小组件;

2、点击app组件进入选择样式页面(以4x1,4x2,4x4等形式告知用户一个小组件的多种样式选择);

3、长摁进入主界面选择放置小组件,当前屏幕无位置放置时会toast提示。

体验:

1、小组件通过增加背景框来保持系统的统一性,浏览舒适。

2、在选择具体样式之前体验流畅,但在放置小组件时,想多次通过点击的形式添加,好在toast提示需要长按拖拽。在最后阶段可能用户可能更希望通过点击的形式操作,而非长按。(此处代入用户心理模型,实际有待求证)


华为

华为系统为EMUI10.1而非的android



华为小组件体验

交互:

1、双指对角向内滑动,调出主屏幕分页及功能icon,点击「窗口小工具」隐藏功能icon,显示预设小工具;

2、点击应用预设工具,显示不同样式。

3、拖拽至主屏幕分页放置小工具。

4、长按小工具显示编辑状态可调节大小。

体验:

功能显示与三星类似,但在选择组件和放置组件时体验更好。

1、没有切换页面,用户操作时间更短;

2、主屏幕分页可左右滑动选择合适的位置,用户可以得知什么位置可以添加小工具。

3、对小工具可以进行大小调控

但也存在一些小问题,

1、当小工具类型增加到一定数量时,仅通过底部一行展示3个的形式来让用户查找想要的组件时会相对费时。

2、小工具的样式多样,不够统一。


OPPO



OPPO小组件体验

交互:

1、双指对角向内滑动,调出主屏幕分页及功能icon,点击「应用组件」隐藏功能icon,显示预设「组件」;

2、拖拽「组件」至主屏幕放置;

3、长按可调节组件大小;

体验:

1、添加了背景框保持应用统一;

2、应用组件未做二级细分选择,而是在当前页面直接展示不同的比例。


iPhone11



iPhone小组件体验

交互:

1、左滑显示负空间界面,长按单个组件显示操作功能(编辑主屏幕、移除小组件)

2、点击编辑主屏幕,界面处于可编辑状态,可移除小组件,也可点击左上角“加号button”来添加小组件

3、点击加号,显示模态,选择不同应用小组件,点击小组件模态选择小中大三中不同的组件样式。

4、点击底部“+wiggle  button”收起模态,返回主界面编辑状态。

5、点击完成,小组件添加完成。

6、在应用主界面通过长按空白区域或长按应用选择弹窗快捷功能“编辑主界面”,其他交互流程同上。

体验:

1、打开编辑状态与主屏幕应用移动分组保持一致。

2、使用模态选择小组件,用户操作行为较轻。

3、固定三种比例尺寸选择添加,保证系统体验和视觉的统一。

4、展示部分组件,其他以应用图标 来展示。很大程度上避免了App小组件过多导致浏览效率变低的情况。

5、添加小组件的功能入口较为隐蔽,难于被发现。

6、在视觉上小组件的内容更易引起用户注意。


小结

二、官方设计规范

Android

“小组件可显示有关应用程序最重要的数据和功能的信息。”

官方一句话简单描述了小组件,从类型和行为两方便做了一些介绍:

类型

官方提供了四种类型:信息、集合、控制和混合。

混合小组件实例


行为

滚动:基于列表或基于网格的集合窗口小部件通常会扩大或缩小垂直滚动区域。

缩放:用户可以使用拖动手柄或窗口小部件角来设置所需的大小。

导航:提供指向应用程序经常使用区域的导航链接。

2、iOS14

介绍:小部件可提升您应用中的关键内容,并将其显示在人们可以在iPhone,iPad和Mac上一目了然的位置。有用且令人愉悦的小部件还可以帮助人们以独特的方式个性化iPhone主屏幕。

1、对显示内容的设定(创建一个有用,集中的小组件) 

    小组件的主要目的是显示少量及时的个人相关信息。

    将小组件集中在一个信息上。

    每个小组件显示的信息密切相关

    立即访问的内容有意义

    提供多种尺寸,增加价值

    偏好全天变化的动态内容,吸引用户经常查看

    寻找惊喜和喜悦的机会。比如节日视觉特殊化

2、支持小组件配置和交互

    提供合理的可配置小组件,用户可查看制定的信息

    确保点击小组件正确打开应用对应页面

    避免过多的点击交互,(中、大小组件可设置多个点击交互)

    引导用户登录应用以获得更多有用信息

3、设计漂亮的小组件

    独特,美观的小部件不仅提供有用的信息,还使人们有机会个性化主屏幕。

通过颜色,版式和图像传达品牌。

舒适的信息密度

使用颜色增强外观,但不影响内容识别

支持暗黑模式

使用SF Pro

使用文本元素,以更好的自适应缩放

设计逼真的预览,引导用户添加小组件,数据无法实时更新时可设置模拟数据

设计占位符,在数据加载时便于用户辨认应用

增加简单的描述,便于用户理解小组件的功能

4、适应不同的屏幕尺寸

小结

通过android Material Design规范和iOS设计规范可以看出:

android对于组件的功能更加开放、自由,对于设计的限定较少。而iOS从小组件定义、内容、色彩、字体、边距、尺寸、交互多个角度告知设计师和开发者应该设计什么样的组件。以保证系统体验的一致性、小组件的有用、美观和个性化。相对的对于小组件的功能可交互性没有android灵活,但也可以做一些内容的配置让用户选择需要展示的信息。

这是一段毫无意义的猜想,请你保持独立思考

iOS14正式发布之后可能会涌现一大批第三方小组件应用

iOS14小组件化应用场景除了iPhone、iPod、Mac之外更加实用的或许会是车机大屏,个性化和一目了然在汽车驾驶的过程中能够非常有效的识别信息。但也存在数据刷新同步的问题。

在未来小而美的工具类应用的使用频率会增加,比如:Noto笔记、墨迹天气、offscreen、Terllo等

此前对比android和iOS的一篇文章,如果有兴趣可以看这里。

iOS13,设计湿不得不关注的...

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,293评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,604评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,958评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,729评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,719评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,630评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,000评论 3 397
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,665评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,909评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,400评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,986评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2 342