申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
18562723728
返回贴子列表
发表新贴
主题：
交互设计之苹果系统iOS解锁功能
共有
1223
人浏览过本贴
主贴管理
置 顶
加 精
结 贴
转 贴
昵称：奈薇建站网
论坛积分：108000
发贴等级：
21
发贴数：1156
回贴数：1282
被砸鸡蛋：
1
获赠鲜花：
182
发表时间：2020/4/23 11:52:00
楼 主
交互设计之苹果系统iOS解锁功能
苹果系统ios新旧两种锁屏页面
iOS是由苹果公司开发的移动操作系统，对于iOS来说，功能不是主要的，主要的生态的优势。先简单的就解锁页面做一下分析：
新旧解锁界面，无非就是在引导一个方向向右的、行为是滑动的动作。
旧页面一共包含了四个引导性元素：
按钮上的右箭头；
文字内容上的闪亮方向；
文字的内容；
按钮与凹槽。
其中1指示了方向，2指示了方向和行为，3指示了行为，4提供了直观的可操作区域、同时限定了方向和行为。
新页面一共包含了三个引导性元素：
文字开头的小右箭头；
文字内容上的闪亮方向；
文字的内容。
其中1指示了方向，2指示了方向和行为，3指示了行为。
个人看来，总体的四个引导性元素，箭头、文字闪亮方向、文字内容和按钮凹槽，这四个东西的易于理解性，是：文字闪亮方向﹥按钮和凹槽＞箭头﹥文字的内容。
文字闪亮方向是涵盖操作信息最全的引导性元素，也是最依据本能来设置的引导元素。想想多少人曾经拿手电筒逗小孩去踩或者按，还有多少人曾拿着激光笔逗猫逗狗，追逐亮的东西，本来就是本能层面的东西。至于拿脚拿手掌还是手指去够着亮点，要看亮的区域大小和适宜用什么部位去接触。亮点位移的快慢，也决定了是跳着点还是跟着滑动的行为。iPhone上，这个文字亮的区域约莫一指宽，用与底色对比而言很亮的白色、适宜的速度来闪亮的滑过去，自然而然的引导了一个用手指点触而后跟着滚动的亮点往右滑的行为，所以这真是一个非常自然的超棒的设计。
按钮与凹槽是用现实中的概念模型来引导操作。按钮提供了直观的可点击操作的区域，按钮和凹槽的形态，限制了只能往右拖动，也是个很清晰的引导性元素。但与文字闪亮方向相比，个人认为还是稍逊一筹，文字闪亮方向是利用了本能的引导，而这个是利用物体隐喻的自然限制来引导，可以说是“应用储存于外部世界的知识”，是稍微需要思考和理解一下的。新解锁页面是直接把这一元素去除了，个人认为，旧解锁页面出现时，滑动以解锁的行为模式还没有被用户所接受，以拟物的按钮和凹槽，提供了模拟现实的操作模式。而等到这个行为模式被普遍接受之后，即使没有了按钮与凹槽，也不会造成困扰和迷惑，反而因为没有了固定的触点而简化了滑动的行为。也算是一个从手机模拟现实环境到手机建立自身操作模式的过程。
箭头符号只引导了方向，没有表现行为，信息不全。在旧解锁界面，是放在按钮上辅助指示方向；在新解锁界面，箭头符号更是被被弱化了很多放在文字前面，指示性更弱了。此外，箭头符号所表示的意义，也是需要学习的，查了一下，大致是在幼儿园阶段有教。
文字的内容这一引导，是最为直接的文字说明，没有标明方向，只指示行为，同样也是信息不全。虽然它很直接，但把它放到最后，是因为，识别它需要的知识基础是最高的，不知道这么说能不能说明白。个人看来：看懂文字闪亮方向这一引导，只需要跟从本能；看懂按钮与凹槽这一引导，需要认知上对外部环境的一些物体形成操作模型；看懂箭头符号，需要能识别这个图形蕴含的信息；看懂文字说明，需要掌握这门语言明白这些字的意思……另外，在这里，slidetounlock也为文字闪亮方向这一信息，提供了媒介（没有文字信息的话在啥上闪呀……），其实说起来这个有点像电梯指示上下楼的滚动小箭头标识，只不过电梯用了两重信息来指示状态，而旧解锁界面用了四重信息来引导操作。我认为slidetounlock不算是对于交互的文字解释，只是指示交互操作的又一重信息。
奈薇建站网致力于，让每个中国人、每个中国企业都拥有自己的“官方网站”！
回复此贴
单贴管理
修 改
删 除
清理签名
TOP
共
0
个回贴 分
0
页
上一页 / 下一页 当前第
页
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户
1
182
