恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Flyme5|MIUI7|Smartisan 主屏幕交互对比
0.0°
2015-12-02 原创文章 经验/观点 举报 2303 5 9 0

非专业类文章,业余对比,只求交流互动。

Image title

手机主屏幕是我们面对最多的一个桌面,也是手机系统风格和功能体现的主要场所。魅族Flyme 、小米MIUI 、锤子Smartisan OS三个手机系统有着非常高的关注度,在主屏这块的表现上也不尽相同,下来就对比着看一看。

主屏分布

总的来说,魅族和小米都在主屏上放置了桌面小插件来显示一些信息,下方为应用程序,魅族比小米默认多出一行。锤子则全部为程序图标。顶栏三个手机系统都有电池、WIFI、移动网络等信息显示区域。小米由于主屏上有了时间,任务栏在这一屏的时候默认不显示。

图标的分布

魅族和小米都采用了横向四个的设计,锤子系统为三个。分布和图标的大小有关,而大小和屏幕尺寸及手指触控区域的大小有关联。三个手机系统的图标都可以接受,母指大面积接触屏幕不容易一次接触两个图标。在5.5寸屏幕手机上横向6个算是极限,可参考锤子的36宫格设计,实际使用就会不自然的在触控时会加上一份小心。

图标的间隙

间隙和图标分布及大小存在一定的关联,除了考虑实际操操作,间隙对于视觉的感受也同样非常重要。

Image title

我们在观察事物的时候有一个事实,眼睛得到的信息其实和脑袋里边里反应出来的信息是有些差别的,如上图中大部分人都会识别出来两个三角形,图标之间的间隙存在相同的效果,小米统一风格的图标和一样的间距给人感觉更加有条理。魅族图标中存在圆形、矩形和一些不规则的形状,看起来略显凌乱。锤子拟物的风格更是如此,但使用分割线强化了视觉效果,老罗在发布会上也有阐述。

---------------------------------------------------------------------------------------------

Image title

桌面背景|壁纸三款手机系统都默认使用了纯色的背景,这样设计一方面可以将图标烘托出来,使得操作时更容易辨识。另一方面也和我们观察事物的方式有些关系。不同区域的人有不一样的视角。例如东方人容易想到事物之间的关系而西方人则更容易注重某个详细内容。如果默认壁纸存在图形,受东方文化教育的我们会更加在意壁纸的存在,从而不利于操作。这也是目前国内的手机厂商桌面的壁纸大多数都为纯色的一个原因。

---------------------------------------------------------------------------------------------

Image title

图标

说到图标就有关于拟物和扁平的风格,两者的差别涉及的内容过多,也并不仅体现在图标。这里只说下细节。

Image title

锤子的拟物图标在识别应用的时候有很大的优势。应用图标最重要的是让我们去点击,其点击的功能可见性就非常的重要,例如电话图标是电话的样子,相机的图标是个镜头,设置为上图中的样子。很容易就想到它是做什么的。触控手机刚刚出来的时候,人们还习惯在带导航键和实体键盘的手机之中,苹果早期产品在图标的设计上倾向于做的尽量逼真,来引导用户去点击和认知。而随着触控手机的普及并且被人们所接受并且习惯,拟物的图标的优势视觉上还是在的,但并不会像之前那样具有实际的功能引导价值。

很多研究中都表明人们识别物体的时候会自然而然的寻找规律,和上边两个三角形的例子有些类似。我们能够识别出多种形状,并且识别过程中并不需要多少思考,所以一些设计人员就会将图标尽量做成二维,但图标里显示相对抽象的物体近似形状,这种简单设计的图标也不会对呈现的文字或者图标造成干扰。

这样理解下来看,拟物的图标具有观感上的特性,我们都喜欢有趣和精美的东西。而扁平设计下的图标更加有利于信息的展现,也不会影响我们对图标的识别。具体哪个好还是因人而异吧,扁平的设计风格目前相对主流一些。

---------------------------------------------------------------------------------------------

Image title

Dock栏及常用程序的位置

三个手机系统都存在Dock栏,这样的设计还是需要,尤其是对于移动端设备。Dock表面意思只指运行程序停靠的意思,主要用来放置经常使用程序图标,在移动端并不是完全多任务处理的背景下,它更好了体现了移动操作系统的特性,集中精力去做好该做的事情,提供更好的体验。就好像茫茫的大海中有数不清的船只,然而最终停靠在某个码头的也只有其中的一部分。不过由于位置有限,图标的排列顺序会有不同的实际操作体验。

三个手机系统都将电话默认放置在了最左侧,比较方便单手操作。右撇子比左撇子多一些,左手拿电话操作,右手进行目前在处理的重要事情,电话图标放在左边更加方便。而在我们拍照的时候往往都是全身心投入的,魅族将图标放在右侧,也比较合理,并且和锁屏的相机位置相同,利于用户记忆和找到相机图标。

另外我们习惯的查看屏幕顺序为从左开始,目前虽然是智能机的时代,但很多人默认还是叫做电话,并且电话功能也非常重要,左侧放置符合人们的认知。小米首屏的时钟插件同样遵循了这个逻辑,显示内容放在了左侧,魅族的天气插件也将非常容易识别的文字内容温度放在了左侧。

---------------------------------------------------------------------------------------------

Image title

小米少一行图标

三款手机系统中,只有小米默认没有将主屏位置充分的利用。这样的处理其实要点个赞。大屏幕手机第三行图标单手操作的时候不容易接触,尤其在远离手一侧的一个图标。另外绝大多数人在买回手机以后都会将图标做个调整,把自己喜欢或者是常用的应用放到首屏,多出来的一行给使用者一些调整的便利性。另外空出一行后,将近一半的面积可以用来显示壁纸,可以展示更多背景内容。当然你也可以自由调整图标,这里只是说小米默认分布考虑的情况相对较多。---------------------------------------------------------------------------------------------

主题

文章开头的对比图都选用了蓝色,主要方便对比。主题的喜好相对主管,不做评论。三个手机系统中小米和锤子默认内置了多个主题,无需下载。而主题的不同更多体现在配色和图标上。魅族默认一个,这里不谈。

小米默认提供了默认、轻奢、女生、女神、男生五种。

Image title

锤子系统默认的主题主要通过颜色区分,下方列举部分

Image title

---------------------------------------------------------------------------------------------

首屏默认应用对应的内容(可以一次点击操作和直接查看)

魅族:天气插件、搜索栏、时钟、图库、音乐、视频、主题美化、生活服务、咨询、手机管家、应用商店、游戏中心、设置、系统工具、电话、浏览器、短信、相机。

小米:相机、图库、音乐、个性主题、设置、应用商店、系统工具、安全中心、拨号、联系人、浏览器、短信。

锤子:应用商店、相机、相册、便签、日历、时钟、音乐、设置、邮件、电话、浏览器、短信。

只从数量上看魅族在首屏所能够进行的操作是最多的,小米次之。但魅族多出来的部分应用实际利用率并不是非常高,例如生活服务、资讯、游戏中心三个一般会被第三方的生活服务类应用、第三方资讯软件、和应用商店替代。魅族将生活服务和咨询的自家应用放到首页也具有一定推广作用,只是目前实际效果还不是非常理想。魅族之前也强调手机入口的概念,整合第三方的资源,希望魅族越做越好,用户也会收益。锤子提供的应用最少的,和其独特的UI设计相关,但默认的几个应用设计的非常不错。

首屏的默认应用某称程度上反应出来魅族在积极整合资源、增加功能。小米相对保守。锤子集中精力把必要软件做的更好。

---------------------------------------------------------------------------------------------

功能及交互

主屏做为非常重要的人机交互的入口,是交互产生相对较多的一个窗口。先列举-三个手机系统部分操作后的截图。

魅族

Image title

小米Image title

锤子Image title

详细情况:

滑动:

魅族:屏幕大部分区域下滑出现常用设置和通知中心,屏幕大部分区域上滑出现搜索,左右滑动切换其他屏幕内容,屏幕底部进入多任务,双指向内滑动进入桌面整理等操作。

小米:屏幕大部分区域下滑出现常用设置和通知宗信,屏幕大部分区域上滑出现搜索,左右滑动切换其他屏幕内容,双指向内滑动进入桌面整理等操作。

锤子:屏幕顶部下滑出现常用设置和通知中心,Dock栏从右向左滑动进入36宫格,双指向内滑动进入36宫格。

这里要说明两个问题:

1、上滑呼出搜索的操作不能下滑恢复,需要点按返回按钮。

2、小米双指作用滑动可以切换不同屏幕,魅族也可以但是很大几率会触发桌面整理界面。锤子双指左右滑动无响应。

屏幕点击:

三个系统都遵循触控点按的操作,一次点按并离开进入应用,长按进入程序或图标编辑。魅族支持长按空白区域进入桌面整理,但是在程序的间隙长按无反应。魅族和小米支持文件夹,通过点击进入下级进行选择,点击文件夹界外意外位置返回。

默认按键操作:

魅族:由于使用了单按键设计支持触控,可以实现单机返回当前桌面,触摸返回,长按调出语音助手。实体音量调节和开关机或休眠唤醒。

小米:使用了三个触控按键设计,功能默认左到右为多任务、返回当前桌面和返回操作。另外home键左右滑动可以进入单手模式,再次滑动返回。实体音量调节和开关机或休眠唤醒。

锤子:使用三个按键设计,单击功能默认左到右为,调出通知中心和常用设置,回到当前桌面,返回操作。home键双击可以进入多任务。开关机按键或休眠唤醒。由于采用了机身两侧都有大小调节按键,默认可以实现音量和屏幕亮度的调节。

显然魅族多功能按键的设计更有优势,虽然操作逻辑不是非常统一,但习惯后相比三个按键还是方便一些。

---------------------------------------------------------------------------------------------

首屏信息输出显示

用户都希望在首屏获取到更多的信息,信息输出可以通过默认小插件或者图标的设计来体现,通知也算一部分这里不做介绍。

魅族:时间、电池、网络、wifi、天气、搜索栏显示的当前热点,当前区域属于哪个桌面。

小米:时间、电池、网络,wifi、简单日历、图标角标,当前区域属于哪个桌面。

锤子:时间、电池、网络、wifi,图标显示的简洁日历、图标角标。当前区域属于哪个桌面。

魅族默认提供了相对更多的信息,程序的图标无角标功能,其实魅族的日历程序图标除了显示日期号还能够显示星期,只是程序隐藏到了系统工具之中。锤子默认没有提供当前区域属于哪个桌面的信息,左右滑动屏幕时出现。如下图

Image title

——————————————————————————————

最后就做个总结。魅族和小米系统风格已经相差不大,小米给出的答案是预置5种主题针对不同人群,锤子在软件层面之外通过外壳的变化也做了应对。魅族目前并没有类似的功能,而是强调一个设计,突出产品特征,同样体现在单按键的交互上。

主屏上的交互和信息展示方面,魅族是做的最好的 ,但版本更新肯定会和之前Flyme4所形成的一些习惯形成冲突。小米的交互大家已经非常熟悉,MIUI7也很好的延续下来。锤子系统优势在于可玩性和新鲜感,适合当一个物件来把玩。

对比下来至于哪个更好,还是萝卜白菜各有所爱的事情。自己比较倾向于把手机拿来当作工具,也不会折腾什么小插件和主题。如果单从默认主屏风格来取舍的话会选择小米,交互上也大众化,信息的展示也够用。除此之外miui7目前适配的机型是最多的,可以花更少的钱来使用它。魅族也不错,系统应该会有很大的改进空间,算是潜力股。锤子怎么说呢,和这个时代有些格格不入,但是生活吗,总是需要一些新鲜感,手机同样如此。

更新:2015-12-02

收藏

5人已收藏

一条温柔的驴

硬件测试从业人员,业余交互爱好者。

  • 1

    作品

  • 0

    粉丝

  • 0

    关注

相关标签
用户体验分享

    猜你喜欢

      2015-12-02 原创文章 经验/观点 举报 2303 5 9 0

      Flyme5|MIUI7|Smartisan 主屏幕交互对比

      0.0°

      你确定要举报Flyme5|MIUI7|Smartisan 主屏幕交互对比

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年12月02日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      9
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录