儒翰基因完成数千万天使轮融资,由利合科技创业投资
06-18
雷锋网:作者沙明,OOPSING咨询创始人,苹果专家,了解推广圈编程、码农圈推广。
自从从事自媒体以来,我就得了一种职业病。
当我看到热门话题时,我就想关注它们。
这种病一定要治好!虽然我研究苹果很多,但人们总是把小程序和App放在一起比较,所以我也花时间阅读了小程序开发指南,特别是UI部分的设计和原理。
今天我将其与苹果的HIG(人机界面指南)进行比较,其实两者在一些重大原则上可以说是一致的。
关键词一:友善礼貌 对应苹果:少即是多 苹果在iOS7中做了非常大的界面调整,重点突出内容,去除了一切会干扰用户的界面元素。
这种风格一直延续到今天(以苹果自己的应用程序为例,比如指南针和天气)。
微信在指南的开头也强调了这一原则,并用两个正反例子进行说明。
首先是不要在搜索页面上放置不相关的因素。
最好放最近的搜索词、常用的搜索词等。
二是不要给用户太多的选择(有选择恐惧症的人越来越多)。
关键词二:Clarity 对应苹果:Clarity Apple HIG 三大原则中的第一条是Clarity,它有几层含义。
其中之一就是开发者有义务通过导航栏设置回答用户的三大问题:目前在哪里?我们可以去哪里?你去的地方可以做什么?微信也再次强调了清晰导航设置的重要性,直接在微信层面解决了你在哪里以及如何返回的问题。
开发人员只需要定义去哪里。
至于导航栏,除了颜色之外,开发者除了进行更改之外无能为力。
例如,iOS状态栏提供了深色和浅色两种样式,小程序导航栏也有这两种样式,与状态栏融为一体。
至于配色方案,微信也给出了例子。
原则是色彩搭配要和谐,不影响文字的可读性。
这其实是苹果特别关心的事情。
建议文字与背景颜色的对比度在4.5:1-7:1之间。
另外,开发者可以在微信导航页面嵌入自己的导航栏,但不建议这样做。
如果有需要,可以尝试使用选项卡分页(Tab),它有两种样式:顶部和底部。

苹果推荐Tab bar为3-5,微信推荐2-4。
放置过多的选项不仅使页面显得复杂,而且也让用户操作起来困难。
关键词三:及时反馈 对应苹果:响应能力 微信花了大量篇幅强调加载页面时需要及时、反馈。
这肯定和小程序本身的定位有关,所以基本上它能做的一切都是为了帮助开发者,比如除了在启动页添加自己的logo之外,其他元素都不能改变。
许多应用内动画都是由微信标准定义的。
这与iOS原生应用程序的灵活性有很大不同。
不过两者在大体原理上是完全一样的,都是保证界面及时响应用户操作,即使在加载过程中也是如此。
既然小程序要突出轻薄的特点,那么微信重点渲染这部分也就不足为奇了,并通过例子详细解释了不同情况下的处理建议。
关键词四:便捷优雅 对应苹果:UserFriendly 微信主要提到了减少输入、避免误操作的问题。
这与苹果高度一致,但苹果提供了更多的控件可供选择。
在减少误操作方面,苹果要求所有可触摸范围都在44pt以上,而微信则更精确,将其转换为7mm到9mm之间的物理尺寸。
关键词五:视觉规范对应苹果:易读性 苹果可以说对文本的可读性有着极高的要求,并在2016年推出了自己的字体SF(San Fransisco),这是一套专门为此优化的字体。
此外,还定义了一套动态字体标准,确保任何人都可以在 iPhone 和 iPad 上愉快地阅读。
微信的字体肯定和系统一致,其他考虑和苹果类似。
不过,为了保证文字清晰可读,微信更进一步,直接定义了各种文字的颜色。
考虑到与自身的协调,就连链接字体、错误字体、完成字体的颜色也都是固定的。
,没有发挥的余地。
最后我还比较了两者的控件。
微信提供的控件非常“微信”。
就连大小、颜色、字体大小等都是指定的,没有可操控的余地。
比如下图中的Button控件,开发者就在这10种样式中选择即可。
相比之下,iOS控件为开发者提供了广阔的定制空间,这也体现了两个平台的不同定位。
总体来说,苹果和微信的UI设计理念比较相似,都是简洁、清晰、反馈及时。
不过,微信的具体解释更加详细,力求避免误解。
此外,Apple 的三大设计原则包括 Clarity、Deference 和 Depth。
后两者在微信上很少被讨论,这也是由于两者的定位不同所致。
相信了解了以上信息后,大家就能更清楚地了解小程序和APP的区别了。
从UI层面来说,小程序有统一的界面,或者说都像微信,而App则有千种面孔。
更加丰富多彩。
本文最初由人人都是产品经理@shaming发表,雷锋网发布。
未经许可禁止转载。
版权声明:本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭的内容,欢迎发送邮件 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。
标签:
相关文章
06-18
06-18
06-17
06-18
06-18
06-18
最新文章
三只松鼠:门店扩张已全面暂停
Nvidia 已准备好“统治”AI
【创业24小时】2023年11月16日
【创业24小时】2022年10月20日
倒计时一天,浙江这座小镇要火了!
沃图网络获数千万A轮投资,加大投入海外网红营销SaaS平台建设
泰山天使基金部分退出拉手半年回报180倍
西格数据完成1000万元A+轮融资,国发创投领投