三星 One UI 和 IOS 界面设计哲学(上)

1 评论 7704 浏览 40 收藏 14 分钟

本篇文章基于三星和IOS两大系统升级特性,来分析未来界面的设计趋势,本文是上篇。

三星保持着全球销量第一的成绩,而苹果凭借iPhone,在2018年全球手机市场中独揽73%的利润,碾压三星13%的利润占比。

三星和苹果毫无疑问是世界上影响力最大的两大手机品牌,而他们的系统界面设计代表全球领先的设计水准。

OneUI和IOS界面设计哲学(上)

2018年11月三星发布基于安卓9.0深度定制的全新系统One UI取代Samsung Experience UI,2019年6月苹果发布IOS 13。

本篇文章基于两大系统升级特性分析未来界面的设计趋势(上):三星One UI的设计哲学。

OneUI和IOS界面设计哲学(上)

目录:

一、专注于内容的视觉设计

提高内容的辨识度

减少屏幕无用信息

二、更舒适的交互方式

界面交互区域下移

手势滑动操作

三、Night Mode 夜间模式

四、智能化探索

各端体验无缝连接

智能助手体验升级

ARVR虚拟现实结合探索

五、总结

1. 专注于内容的视觉设计

如今手机设备尺寸越来越大,大尺寸屏幕带来的直接影响就是界面信息增加,设计更多复杂甚至可以说是锦上添花的功能。

《设计心理学》冯·诺依曼说过:

物品上存在过多的功能,如果想不出任何例子,这个功能就会被删除,然后设计人员想当聪明,他们总是能相处颇为合理的例子说明各种东西的用途。用户行为和模式应该随着设备尺寸增加而发生改变,如何帮助人们专注于屏幕展示的主要内容中,更容易专注于任务是界面设计的重要考虑因素。

1.1 提高内容的辨识度

One UI 是简单易用和引人注目的设计语言,设计的基础是硬件和软件完美和谐,界面中设计的圆角矩形卡片化设计和三星S9硬件手机的圆形弧线相呼应,同时帮助内容整合归类并聚焦展示以及增加色块,更直观的展示功能的不同状态,让用户第一眼就能找到自己想找的内容。

OneUI和IOS界面设计哲学(上)

OneUI和IOS界面设计哲学(上)

OneUI和IOS界面设计哲学(上)

OneUI和IOS界面设计哲学(上)

大尺寸的屏幕展示空间增加,过去信息陷入零碎分散的空间中,用户容易迷失在散乱的界面里。设计大标题可以强调界面主要信息,弱化次要信息,让用户专注于内容,空间合理调配下视觉设计语言,帮助用户可以更舒适的与界面交互。

OneUI和IOS界面设计哲学(上)

OneUI和IOS界面设计哲学(上)

1.2 优化图标和功能,减少屏幕展示的无用信息

简化图标,过去Samsung Experience UI的断点线性图标的设计十分简洁,但是当图标表达的意义过于复杂时,线条会增加识别难度,One UI重新设计图标,让图标更容易识别和理解图标的内容。

OneUI和IOS界面设计哲学(上)

OneUI和IOS界面设计哲学(上)

上Samsung Experience UI 下One UI

用户总是容易被不想管的信息干扰而分散注意力,最重要的在于如何帮助用户专注于想看的内容,One UI简化了很多系统中不常用的功能,例如设置中从36个减少到17个选项的数量。

OneUI和IOS界面设计哲学(上)

OneUI和IOS界面设计哲学(上)

2. 更舒适的交互方式

三星One UI比较大的亮点就是UI设计中将屏幕上下部分分为查看和交互的两块区域,系统将主要的交互按钮都刻意放置于单手手指能覆盖的区域,帮助用户实现单手操作。

2.1 界面交互区域下移

如今手机大部分尺寸比例都是18:9,屏幕长度可以显示更多的内容但是单手操作已经十分困难,One UI在考虑到用户单手操作的场景下,取消了顶部的菜单按钮,希望用户很自然的用手指移动与屏幕交互。

在未来硬件赋予人们看到更大屏幕技术的同时,思考展示界面与人如何产生自然的交互方式,也是未来界面设计的重要考虑因素。

OneUI和IOS界面设计哲学(上)

配图来源于Samsung Design

OneUI和IOS界面设计哲学(上)

OneUI和IOS界面设计哲学(上)

用户操作路径的改变意味着操作易用性的大幅度提高,我们单手握持手机时,发力点一般在屏幕下方,小指头提供手机底部支撑作用。

当用户从屏幕顶部操作时,握持重心导致手指很难滑动到顶部区域,单手操作的难度一直困扰着用户。优秀舒适的界面设计早应该考虑到单手操作的场景,未来顶部按钮的设计都应该有秩序的转移至下方,方便用户在任意场合下舒适的完成交互行为。

OneUI和IOS界面设计哲学(上)

OneUI和IOS界面设计哲学(上)

OneUI和IOS界面设计哲学(上)

2.2 手势滑动操作

增加手势操作,用户可选择手势操作,滑动返回主页面,后退以及多任务。

全面屏时代下,手机正面已取消实体按键,虚拟按键一直是安卓比较特色的功能,但按键往往不如手势滑动舒服。

早在07年乔布斯在第一代苹果手机发布时采用滑动解锁,让世界与之沸腾。滑动这项操作是人类接近本能的操作,滑动更优雅和爽快的操作体验胜于点按。

One UI手势操作分3部分使用。和MIUI不同,MIUI支持屏幕侧面边缘滑动返回,滑动返回确实比较方便,但也存在一些问题,夜晚躺着握持手机很难从侧面滑动,还有和一些APP侧边栏操作逻辑冲突,容易发生误触,让用户困扰。

OneUI和IOS界面设计哲学(上)

配图来源于Samsung Design

3. Night Mode 夜间模式

未来界面设计应该允许用户在任意的场景使用,随着手机在生活中的越来越重要,很多人夜晚或光线较暗的时候也需要使用手机。对界面设计夜间或深色模式,优化屏幕亮度缓解视觉疲劳。

不过夜间模式目前仅适用于部分自带应用,而第三方应用未适配夜间模式,这样导致的问题是使用夜间模式和第三方应用时,观感舒适度差距太大,眼睛无法短时间适应强弱光反差,体验较差。

OneUI和IOS界面设计哲学(上)

OneUI和IOS界面设计哲学(上)

4. 智能化探索

4.1 各端体验无缝连接

One UI统一视觉语言,在各端使用时无割裂感。

随着5G以及云存储技术的不断成熟,用户的数据基本都会存储在更安全更便捷的云空间内。当资料存储于云空间时,用户可实现多种设备联动使用,设计统一的视觉语言有助于用户减少陌生感,提高使用效率和交互体验。

OneUI和IOS界面设计哲学(上)

4.2 智能助手体验升级

One UI搭配Bixby智能助手增加了更多的使用场景,Bixby视觉对准文字、食物或任意物品时,智能分析信息特征,提取文字、自动翻译或展示商品信息、识别地标或企业等等。

智能助手除了帮助用户与真实世界发生的事情提供另一种交互方式外,对于系统程序之间的串联也起到非常重要的作用。比如苹果系统捷径等,用户自制语音指令和操作步骤,快速启动操作命令完成交互体验。

OneUI和IOS界面设计哲学(上)

OneUI和IOS界面设计哲学(上)

4.3 ARVE虚拟现实结合的探索

ARVR怎么看都像处于风口的猪,未来界面设计的探索离不开VRAR等核心黑科技。BixBy视觉支持在线化妆室内装潢等等比较大众的功能,还没有太多惊喜的设计,但是VRAR技术成熟后会带来什么样的视觉体验值得期待。

5. 总结

One thought,One UI

这是Samsung Design对One UI的思考和总结。One UI足够的克制也足够的大胆,也足够在1年之后仍然让我为之着迷和愿意花时间研究和各位分享我的看法。

One UI希望能设计一款适合新时代变化下,用户和界面之间交互的新方式。专注于主要内容,自然舒适的操作体验和软硬件搭配和谐的圆角卡片一体化设计,使三星拥有了出色的使用体验。

从用户开机到关机的每一刻,用户都在于界面发生交互,One UI思考用户的行为方式,在界面设计中提高熟悉度和建立情感联系。

让每一个人毫不费力的,舒适的使用需要大胆的创新和改变,One UI代表了大胆的思考,就像我听过的一句话:改变产生的结果有好也有坏,但只要做出改变就是一件好事。

(下期预告:IOS的设计哲学)

本文参考来源:

 

本文由 @发现好设计  原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 这种设计风格应该也是未来移动端的趋势。

    来自福建 回复