看 UI 玩交互聊功能 — MIUI 6 开发版体验

  虽然一直以来小米公司都由于营销方式和宣传策略等原因,站在舆论的风口浪尖上毁誉参半。但“小米手机不一定是个好手机,MIUI 却的确是个好系统”这句话算是不同“阵营”的人们能够勉强达成的共识。MIUI 作小米公司的核心竞争力,让许多人开始使用小米手机,也让更多人喜欢上了这个 ROM。在经历了几天一更新几周一大改后,MIUI 终于进入了 6 字开头的阶段。

  


IMG_6051.jpg

  如我之前在 《四年后的小米:手机在转型,MIUI 仍是核心竞争力》

  中所言,今日的小米,信心来源依旧是 MIUI。小米此次在发布 MIUI 6 时喊出了“看起来好用起来好看”这句话作为宣传语,而“好看,好用”,这两点,便是 MIUI 想要带给我们的最终印象。

  发布会视频:

  UI 设计:点、线、圈,全面扁平化

  界面风格设计以及对色彩上的运用无疑是本次 MIUI 6 系统的最大改变之一,简单点儿的说,就是整个系统 UI 都追随了当前扁平化设计的潮流,各个系统自带工具的动效也做得更加细致。

  


jietu3.jpg

  在设计上,MIUI 6 的整个 UI 框架其实没有什么大变化,图标 icon 也仅仅只是单纯的“拍扁”而非重绘。此外在界面结构上,大部分素材都变得更加轻量化了,用尽可能少的点线面抽象元素来搭配文字内容,以进一步突出“内容”本身,整体也更加耐看。最后便是加入了大量的动效,包括像列表的滑动切换和天气、时钟等大量的控件动画。

  比如我们在听音乐时,整个播放界面会根据海报的颜色进行背景色的渲染,让封面和背景融为一体;比如在下雨天时,天气图标和界面都会以不断下落的动态线条雨滴展现;比如在应用卸载时,MIUI 6 会将卸载后的图标分解成五颜六色的爆炸性烟花效果……总之,统一的视觉效果最大程度减少了我们产生视觉切换时的疲劳。

  


截图6.jpg

  实际上我们也可以明显感受到,扁平化和轻量化基本已经在引领着整个手机行业设计的走向,我们说 MIUI 6 的扁平化,其实也别忘了还有许多国内的第三方 ROM,很早也选择了直接拍扁。如果不是个例,那便是这是行业设计风格的“整体趋同”,如果不是非个性反潮流如老罗的 Smartisan OS 一样追求极致拟物化,目前想要做出来一个极具创新性的界面真的是一件极具挑战性的事情。这不仅需要一定时间的沉淀,更重要对用户审美倾向的拿捏,估计除了谷歌苹果微软三巨头外,其它厂商很难具备与之对应的开发实力。

  所以稍微归结一下,本次 MIUI 6 在 UI 层面升级,更像是一一次设计风格的转型,视觉的进步幅度并不大,跨度远没有 V4 到 V5 来得彻底,还更多让自己带了些 iOS 的影子。这点上,MIUI 还需要一些探索和沉淀的时间。

  


IMG_6069.jpg

  另外一点是,尽管当下极简设计风头正盛,但小米所面向的用户是不是又真的喜欢这样的风格呢?或许我们可以从小米的主题商店的排行榜上可以看出一些端倪:国人彰显个性的方式真的跟欧美推崇的不完全相同。如果从可以换主题的这点上来说,似乎 MIUI 的设计会走向何方,其实也不是什么太重要的事情了。

  交互:设置被隐藏,滑滑更健康

  说完设计,我们来看看交互,相比 UI 上的改变,MIUI 6 在交互上改变似乎更加微乎其微,从多个系统应用可以看到,整套底层逻辑依然遵循了 V5 的架构设计。这里我想提及两点对交互逻辑比较重要的改变,一个是被隐藏掉的系统级应用的设置项,另一个则是大面积采用的侧滑页面切换设计。

  


jietu 4.jpg

  用过小米手机的朋友都知道,呼出多任务界面是需要长按 Home 键才可以实现的,这也是现在大部分 Android 手机的做法。不过在 Google 原生的 Android 系统上,实际上多任务键才是底部的三个主按键之一,而非“菜单键”。有意思的是,尽管现在小米手机 4 的物理触摸键样式还是菜单键,但实际上升级至 MIUI 6 后,你会发现这个按键已经改为“多任务键”功能了。当然,长按任务键其实还是可以呼出应用菜单的。

  为何要做出这样的调整?

  早从 Android 4.0 开始,Google 官方就已经将这颗菜单键改为多任务。不仅因为多任务的地位更重要,也因为引入了顶部 ActionBar 的设计,点按那三颗圆点就可以呼出应用菜单。(图中 3)

  


actionbar@2x.png

  但我们实际看到的是,大量的 Android 应用并未采用这样的设计,依旧需要使用菜单键才可以调出隐藏菜单。我个人也并不认为 Action bar 是个好设计,因为按钮都在屏幕的右上角上,在当下流行的大屏幕手机上非常难按,很多应用为了好看简洁也不会在屏幕底部做几个 Tab 出来或是采用 Split Action Bar。

  这个问题上,之前有两家典型案例:HTC 在一代 One 上冒出了海带条,魅族则选择了SmartBar,至于糟糕的结果,大家也都看到了。

  


IMG_6104.jpg

  实际上在小米目前的系统中,菜单键仍是必须的,只不过现在的地位没有“多任务”那么重要了,现在第三方应用也更多希望通过单击和滑动来完成呼出菜单键,毕竟长按呼出的可见性依旧非常低。而 MIUI 6 ,则是直接将系统级应用的那些繁琐菜单都一股脑扔到了“设置”中 。

  MIUI 自己四年来的每周更新为系统应用衍生出了非常多的设置项,如果去掉菜单键,你必须得对整个 UI 框架和交互逻辑做出处理。页面上选项太过复杂的话,可用性不见得会好,反而会让用户感到迷惑,这样的改变也算是 MIUI 给出的方案,只是在处理上有点粗暴罢了。

  另一个 MIUI 6 交互上的特色便是大面积采用的侧滑页面切换设计,而非单纯的点按式按钮,其实部分在之前的 V5 中也能看到了,不过在 MIUI 6 中的轻量化设计下,这样的滑动设计在风格上无疑会显得更加契合。

  Android Design 并非完美,很大的一个缺点就是可见性不足,例如顶部左侧的 Drawer 三条“汉堡”杠呼出左侧的抽屉式菜单操作,当应用本身有多个顶级视图以及很深的导航层级,使用 Drawer 控件会是非常舒服的设计。虽然 Google 自己一直希望通过各种方式来让用户发现 Drawer 的存在,但是这个控件本身的可见性还是非常糟糕的,而且也不怎么直观。

  


example.png

  有意思的是,MIUI 6 中的顶部按钮基本也选用了文字显示,这和 Android Design 中曾说过的尽量使用简洁清晰的图标是相冲突的。或许,大家会觉得文字显示会更加直观?毕竟我们总是希望用户能“只学习一次”就好。

  


Screenshot_2014-08-22-16-49-18.png

  所以说,你如何让普通用户知道 ActionBar 上那三个点是可以点击出下拉列表的呢?如何知道 Drawer 空间是可以从屏幕的边缘滑动出来的呢?尽管我个人比较喜欢这类隐晦的设计。但 AndroidDesign,乃至新的 Material Design ,更像是一种视觉与交互的特殊融合,在推广出去的时候,往往需要依靠用户拥有一定的认知能力才可以实现。

  


jitu5.jpg

  今早我发现微信 5.4 版抛弃了 5.3 中的 Android Desig,重回采用了底部四个 Tab 栏的设计,但保留了侧滑设计。或许也是因为微信的受众群体太复杂,二三线用户仍占据了很大一部分,我想小米在交互上的出发点应该也是类似的。

  “易用性的重要程度远比遵循设计规范要来得高。”

  国内的 Android 用户更加平民化,照搬官方的规范设计真的对吗?目前这是个很难两全的问题,当然,如能好好研究一下 Android Design 设计规范,在照顾广大国人群体的前提下或许还可以把 MIUI 的交互做得更漂亮,仅仅是为了降低认知成本而徒增选项,只会让人感到这个系统越做越繁重,又如何“让手机减轻 10 克”呢?

  功能:服务大整合,多屏体验已有雏形

  最后,功能层面,是我认为 MIUI 做得最棒的地方,因为它的很多贴心设计和对内容的深度整合往往能牢牢的抓住用户,尤其是针对国内用户而言。

  


截图1.jpg

  首先是 MIUI 6 的锁屏,取消了 V5 的光环波纹和左右上下滑动出现的快捷图标,简化为手势操作,向上滑动进入主界面,向左滑动进入相机,音乐的快捷键则放在了后台通知栏。为了保证锁屏界面的干净,只有在有通知信息时才会出现一个数字提示,点击即可进入,支持所有应用。

  其次,批量移动 App 和批量删除 App 都已经在 MIUI 6 中实现,其中一手按住 APP 另一手滑动屏幕的设计非常好,不过双指缩放屏幕呼出菜单和批量删除的操作有些隐晦,也没有相应的提示;相机功能也是改变最大的一个地方,主要是将点触设置转换为手势滑动设计;最后还有智能分类通知功能,你可以自由选择重要和不重要的通知信息,例如想要实时查看微信信息就会和 iOS7 类似直接在顶部悬浮弹出 Banner,而不重要的信息则会隐藏在通知栏中,并会在顶部状态栏以三点提示。

  


截图2.jpg

  除了一些细节调整外,MIUI 更多选择跟进了用户痛点最多的基础体验部分。早前在小米手机 4 上我们已经知道了一部分,如今全部列出,你才会发现这些“服务和内容为王”所引领下带来的巨大优势和吸引力:

  1.小米手机或搭载 MIUI 的 Android 手机在其 20000 多个 Wi-Fi 热点覆盖区域无须输密码即可实现一键上网

  2.陆续接入用户标记和第三方号码数据源,识别近 50% 的陌生通话,打造出“小米黄页”,并将日常的语音客服报号菜单翻译为文字,实现语音菜单可视化

  3.引入 20 余家服务提供商,包括快的打车、大众点评、申通快递、58 同城等服务商,让用户可以直接享受充/查话费、查/寄快递、买火车票、打车、叫代驾、挂号、买电影票等服务,构建依托于“小米生活”的一站式生活服务平台

  4.日历全面互联网化,加入了 70 多种订阅,包括黄历、球赛、笑话以及热映电影预告等

  5.邮件支持超过 60000 个邮箱的自动配置,直接输入账号密码即可使用

  6.音乐、视频、应用商店和游戏,均为独立的内容消费服务

  7.安全中心整合猎豹清理大师,下载整合迅雷 P2SP 下载引擎;并引入多种 Linux 系统内核内存优化技术,限制后台 App 内存使用和实现对齐推送通知,优化功耗

  最后则是 MIUI 6 带来的跨设备云同步功能,可以保存照片、同步联系人、备份短信、通话记录等,简单来说就是小米希望打造出和 iCloud 和 Google 类似“多屏合一”的体验:只需要一个小米账号,用户就可以在手机、平板、电视等设备之间进行无缝转换,例如我们拍了一张图片就可以通过云存储功能直接分享到小米电视;又或者是在小米平板上看到的一个网页,打开手机后你还可以继续点开这个标签继续阅读。

  


截图3.jpg

  抛开设计和交互这些有“模仿”争议的部分不谈,单论功能性和本土化层面,MIUI 所做的事情无疑比 iOS 和原生 Android 都要好上一个层级。

  要好看还是要好用?好看看个人,好用看厂商

  “好看”和“好用”,是当前各家手机系统出品的两大追求。与“鱼和熊掌不可兼得”和此消彼长的矛盾关系不同,这两者往往是互相促进的。用户们认为“好看”的系统,往往会因为使用者众多厂商有动力改良而变得好用,用户们觉得“好用”的系统,因为外观美化的门槛较低,用户们也会乐于自己多花上点儿时间来给手机做一个个性化的装扮从而变得“好看”起来。

  有人认为 MIUI 臃肿,但我觉得它牺牲“轻量”所带来的,正是实用主义至上的“好用”体验。即使不少人对其嗤之以鼻,但不得不承认,当长辈们想要换一台 Android 智能手机的时候,我还是会倾向于推荐 MIUI 所带来的完整且易上手的体验。要简单有不折腾的玩法,要折腾有自定义的玩法,给选择 MIUI 一个理由的话,无他,唯好用尔。

  好看不好看,用户说了算。MIUI 的 UI 很扁平,交互也并不出奇,但是凭借着已经整合的强大服务资源,在功能上已经先人一步了。有时候我对着最近在用的“黑白双煞”突发奇想,要是外在有着 Smartisan OS 的好看,内在有着 MIUI 的好用,该有多好啊。

文章由PM28网编辑,作者:海阁,如若转载,请注明出处:http://www.pm28.com/72.html欢迎投稿

联系我们

在线咨询:点击这里给我发消息

邮件:403567334@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息