ios 圆形旋转菜单_OneUI和IOS界面设计哲学(上)

0ca38365439972df40477a31001e4e33.png

前言:

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

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

1cb580afe394f9ef6be99599b44f2d6c.png

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

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

b4868a50c5ee8d960696030537012215.png

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

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

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

① 提高内容的辨识度

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

565486f1f9733a456579df1aeede1358.png

1f4b390ed3ea6a76da1c1faf88654094.png

c5ff0d897c49e7c771227425ba4a7662.png

1d3c331a67a4fcae52dca1b1925a6784.png

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

ec2d301e487836cd84c4b2a580cd6f19.png

6aa82c196058bfda57984aac60abe63a.gif

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

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

cb7bf845973eb4be5d82a7a6c5df64f4.gif

c56446ecdcd40aec82032256e0c16664.png

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

f0cdb27ade5d16ba2ec51de91ad8c726.png

e814c21947515728ab034c988952d05e.png

2.更舒适的交互方式

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

① 界面交互区域下移

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

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

cc72c423657ccd0eb0420b3c06e1e669.png

ac74a516666b104922d9da17a89f5127.png

25c5431d10b989c8975e9bc0d97fe937.png

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

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

7550cae2c83d8dd5b7e2ef2090d38866.png

69899814f2aec4abb67e91f62179e478.png

479292cb614d9d67ea811023bd6abeee.png

② 手势滑动操作

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

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

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

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

5da3c93d28cf7ce9ee2db26d279daebd.png

3.Night Mode 夜间模式

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

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

824a8597a3a99dcb6382473fc784d7b2.gif

2a24f736297d2ae0b411391884dde763.png

4.智能化探索

① 各端体验无缝连接

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

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

511552ab7c6660e06115043c90435d17.png

② 智能助手体验升级

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

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

35cdf78acf67516360327694960164e7.png

c6e2b83c69e603d54577892bb8f84a6b.png

③ ARVE虚拟现实结合的探索

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

5.总结

One thought,One UI

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

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

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

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

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

6b8e365b2b75c229b59ec5af9675a69f.png

本文参考来源:

1.Samsung Developer Conference 2018 Opening Keynote:https://www.youtube.com/watch?v=MguV4zQc3L0

2.三星应用程序介绍:https://www.samsung.com/cn/apps/bixby/vision/

3.Sumsung Design主页:http://design.samsung.com/global/contents/one-ui/

欢迎关注微信公众号「发现好设计」,欢迎转载,但请标明来源。

配图来自网络,无商业用途。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值