加拿大预测网-在线预测

信息动态

网站设计是技术与创意的完美融合!

技术资讯

交互设计之苹果系统iOS解锁功能

2016-07-27 15:54:09

苹果系统ios新旧两种锁屏页面

iOS是由苹果公司开发的移动操🧸作系统,对于iO💝S来说,功能不是主要的,主要的生态的优势。先简单的就解锁页面做一下分析:

新旧解锁界面,无非就是在引导一个方向向右的、行为是滑动的动作。

旧页面一共包含了四个引导性元素:

按钮上的右箭头;

文字内容上的闪亮方向;

文字的内容;

按钮与凹槽。

其中1指示了方向,2指示了方向和行为,3指示了行为,4提供了直观的可操作区域、同时限定𓆏了方向和行为。

新页面一共包含了三个引导性元素:

文字开头的小右箭头;

文字内容上的闪亮方向;

文字的内容。

其中1指示了方向,2指示了方向和行为,3指示了行为。

个人看来,总体的四个引导性元素,箭头、文字闪亮方向、文字内容和按钮凹槽,🏅这四个东西的易于理解性,是:文字闪亮方向﹥按钮和凹槽>箭头﹥ဣ文字的内容。

文字闪亮方向是涵盖操作信息最全的引导性元素,也是最依据本能来设置的引导元素。想想多少人曾经拿手电筒꧙逗小孩去踩或者按,还有多少人曾拿着激光笔逗猫逗狗,追逐亮的东西,本来就是本能层面的东西。至于拿脚拿手掌还是手指去够着亮点,要看亮的区域大小和适宜用什么部位去接触。亮点位移的快慢,也决定了是跳着点还是跟着滑动的行为。iPhone上,这个文字亮的区域约莫一指宽,用与底色对比而言很亮的白色、适宜的速度来闪亮的滑过去,自然而然的引导了一个用手指点触而后跟着滚动的亮点往右滑的行为,所以这真是一个非常自然的超棒的设计。

按钮与凹槽是用现实中的概念模型来引导操作。按钮提供了直观的可点击操作的区域,按钮和凹槽的形态,限制了只能往右拖动,也是个很清晰的引导性元素。但与文字闪亮方向相比,个人认为还是稍逊一筹,文字闪亮方向是利用了本能的引导,而这个是利用物体隐喻的自然限制来引导,可以说🃏是“应用储存于外部世界的知识”,是稍微需要思考和理解一ไ下的。新解锁页面是直接把这一元素去除了,个人认为,旧解锁页面出现时,滑动以解锁的行为模式还没有被用户所接受,以拟物的按钮和凹槽,提供了模拟现实的操作模式。而等到这个行为模式被普遍接受之后,即使没有了按钮与凹槽,也不会造成困扰和迷惑,反而因为没有了固定的触点而简化了滑动的行为。也算是一个从手机模拟现实环境到手机建立自身操作模式的过程。

箭头符号只引导了方向,没有表现行为,信息不全。在旧解锁界面,是放在按钮上辅助指示方向;在新解锁界面,箭头符号更是被被弱化🐼了很多放在文字前面,指示性更弱了。此外,箭头符号所表示的意义,也是需要学习的,查了一下,大致是在幼儿园阶段有教。

文字的内容这一引导,是最为直接的文字说明,没有标明方向,只指示行为,同样也是信息不全。虽然它很直接,但把它放到最后,是因为,识别它需要的知识基础是最高的,不知道这么说能不能说明白。个人看来:看懂文字闪亮方向这一引导,只需要跟从🅘本能;看懂按钮与凹槽这一引导,需要认知上对外部环境的一些物体形成操作模型;看懂箭头符号,需要能识别这个图形蕴含的信息;看懂文字说明,需要掌握这门语言明白这些字的意思……另外,在这里,slide to unlock也为文字闪亮方向这一信息,提供了媒介(没有文字信息的话在啥上闪呀……),其实说起来这个有点像电梯指示上下楼的滚动小箭头标识,只不过电梯用了两重信息来指示状态,而旧解锁界面用了四重信息来引导操作。我认为slide to unlock不算是对于交互的文字解释,只是指示交互操作的又一重信息。

0532-85810878 473587358 扫码添加微信

加拿大预测网-在线预测:扫码添加微信

扫码关注公众号

加拿大预测网-在线预测:官方公众号

2054585360