苹果手机界面详解——短信详情

上一篇我们聊到苹果手机短信列表页,这一篇聊聊短信详情页面。作为列表页延伸的页面,短信详情有三大主要功能点——查看信息、内容编辑、回复消息。这三个功能点有哪些关键要点?苹果手机是如何解决的?其他软件又是如何衍变的?带上三个问题,对三个功能点一一说明。

查看信息

查看信息关键点在于——1.显示所有完整信息(时间、内容)与历史记录 2.区分我发的信息与接收的信息。通过图片我们可以很清楚的看到,页面显示了对话双方完整时间、内容,因为短信不依赖于无线网络,储存于本地,所以不管你与他人对话有多长,都可以一次性显示,无须加载。

区分对话双方信息则巧妙用到了英语课本上常用的手段,对话框。对话框的位置代表说话的人的位置,IOS统一把左边位置留给对方,右边位置留给自己。

那么接下来看看其他软件是如何衍变的。拿大家熟知的qq来说,有两个地方出现了不同:历史记录的加载,对话双方的头像的显示。关于历史记录的加载,大家都知道QQ是基于网络而不是短信平台,而且不能像系统短信那样有安全的存储位置。但这都不是QQ采用加载机制的主要原因,其实QQ对信息存入软件缓存,依然可以达到不需要网络就能获取数据,也不存在服务器存储的问题。

但由于QQ使用频率很高,里面产生了大量信息,特别是群消息。同时在不断演变过程中图片、语音、视频也越来越多,这些占用了大量的缓存。如果放任不管,迟早会吞掉大量存储空间。为此QQ开放了清理缓存,并且采用加载机制,虽然增加了服务器负担,但数据更加安全不会遗失,也不会担心清理缓存后没有聊天记录的问题。

至于头像的显示个人觉得是因为群消息的缘故。群里人太多、还有很多陌生人,保留头像才不至于迷失在信息中。而作为一个聊天软件里,保留两中聊天布局确是很不聪明的做法,所以保留聊天头像得以保留下来。

内容编辑

对于短信内容来讲,需要编辑操作无非复制、转发、删除。一般来讲IOS系统文字内容长按后会有功能条显示,再进行下一步操作。

而IOS11采用的是相对复杂的内容编辑模式,长按后出现表情符号,而复制放到下方,转发删除更是放到更多,需要到另一个状态中。实在令人费解。唯一可能的解释苹果十分看重表情符号这样的快捷回复方式,不惜放到相关位置代替功能条;而复制则放到下方,减弱重要性;转发,删除更是要尽力避免的,所以放到另一个状态。即便如此,我也试过好几次表情符号以满足我的好奇心。为此我们也可以得到借鉴,如果你想突出一个主打功能或体验,可以尝试打破原有的流程,将新功能置于原有流程之中,调高优先级。以牺牲一定体验换来业务的拓展。

对比QQ,虽然UI简陋,但对于用户的内容编辑需求把握还是很清楚。

回复消息

在苹果系统中回复的内容由最先的文字、图片到视频,甚至最新的贴纸、亲密消息、小程序,内容不断丰富的同时与微信、QQ在功能上也越走越近。在这么小的一块区域,苹果究竟花了多少心思,一起来看。

先看拍照/摄像功能做了哪些改进,增加一个拍照小窗口,可以实现自拍/拍照功能,另外把可以显示一张照片的位置改为用遮罩的方法显示两张。在IMessage App Store里采用了多个控制区与一个展示区相结合的显示模式,着实让人大呼过瘾。

任务区1:输入栏任务区,(第一层级,控制第二任务区与展示区)

任务区2:底部任务区,(第二层级,受输入栏控制,控制展示内容区)

展示区:中间展示区,(第三层级,展示内容)

这个界面的交互十分复杂,从左右方向,底部任务区可以左右滑动,选择对应程序,展示区内容切换;上下滑动,显示更多相关内容;上下滑动展示区顶部横条则将拓展/还原展示区高度,显示/隐藏内容内容。展示区还支持程序有顶部导航栏...

对比QQ在发送消息方面做得怎样呢?QQ支持发送的内容:语音、相册、拍照、戳一戳、红包、动图、表情等等。除了语言、相册、拍照、红包、表情这些必备的功能以外,戳一戳、动图无疑是有特定的young属性在其中。

今天的讲解就到这里,如果你对文章有任何看法欢迎留言讨论。下一期我们一起看看通讯录,学习IOS系统在信息显示中完美切换简洁与复杂。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180216G07DXH00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券