首页 > 交互 > 关键词 > 苹果官网最新资讯 > 正文

苹果产品页面设计风格备受追捧,暗藏了哪些“心机”?

2020-05-09 16:39 · 稿源:站长之家

苹果的网站可以说是企业官网的设计中的佼佼者,从图片、广告词、白色的背景等排版设计都十分的漂亮且直观。

比如卫龙辣条就深得苹果页面设计的“精髓”,曾经靠模仿苹果在网上大火一把。画风如下:

卫龙辣条.png

这让人看完都不禁产生错觉,是苹果开始卖辣条了吗?那么苹果产品页面设计究竟暗藏哪些玄机,可以如此的吸引人呢?

纵观苹果的产品页面可以发现,网页上有非常详细的产品图片、令人惊叹的动画效果和以用户为中心的内容。

那么你是否认真的思考过。苹果的产品页面和其他网站有什么不同?为什么阅读苹果产品描述会让人感到轻松?为什么它能让普通用户也能理解一些难懂的技术术语。本文将从苹果网站结构、外观以及内容策略入手,介绍了各种苹果产品页面UX设计原则。

下面,我们先来聊聊苹果产品页面结构有哪些值得借鉴的地方。

这个部分一共分为四个点,不仅分析了一般的网页结构,还分析了苹果使用采用的一些方式让用户更容易理解复杂的信息。

页面分块

苹果产品页面通常更喜欢将内容分割成单独的片段,在每个文本块之间会有大片的留白,或者放入图片或视频片段,而不是冗长的无结构段落。

除了每一页的末尾的法律部分,用户是很难在苹果产品页面上发现大段的文本内容。将文本分成小段内容,并分散在整个页面各个位置,让人感觉需要阅读的内容非常的少。

将信息分割成单独的部分通常被称为分块,这不仅可以用于文本中,还可以用于处理任何类型的信息。一般来说,在一个网站上展示大量的信息,不仅会给人留下糟糕的第一印象,还会增加访客离开的风险,并且让用户更难记住信息。

例如,将一串很长的非结构化数字“454678007”与结构化版本“454-678-007”进行比较。尽管这两个数字内容是相同的,但后者明显更容易记忆。

image.png

注:图片来自苹果官网截图

极致的沉浸&互动效果

苹果的产品页面并不是直接将所有信息堆叠在一起,它还创造出了互动体验。当用户滚动浏览页面时,图片跟着移动,文本淡入,产品动图则直观的展示了晦涩难懂的术语。

对于用户而言,就不再是“囫囵吞枣”获取产品的信息,而是在缓慢的浏览中,逐步探索每一个功能。

以浏览苹果Air pods页面为例,页面上详细3d动画不仅展示了产品的表面,还展示了产品内部的每一个微小的技术细节,这让用户能更深刻的了解到了产品重要细节。

3D动态图.png

注:图片来自苹果官网截图

让用户在3D空间中探索产品,不仅更接机实物,还提供了一种有趣的方法来在线营销产品。由于传统的电子商务网站主要依靠静态的产品图片和简短的描述来销售产品,用户往往缺乏足够的想象力来充分了解产品。相比之下,苹果则提供了一种更具沉浸感的方式,让用户有机会以一种更有趣、更详细的方式来查看和了解产品。

页面带来的“惊喜感”

不可否认的是,苹果已经掌握了让用户感到惊喜的艺术。比如在浏览单个产品时候,网站转换不断变化,产品以多种方式移动和旋转,只要用户想看,就不会错过任何细节特写。

用户浏览苹果产品页面时,看到的内容不再是干巴巴的信息,而更像是经历了一场“旅程”,从文字到图片都在不断的切换。

营造社会认同感

除了有详细的产品照片、令人印象深刻的动画和醒目的标题,苹果在网站还展示了社区驱动的内容。比如艺术家们给出一些建议来改善沉闷的肖像照片,摄像师如何用新的iPhone Pro拍摄电影等等。

看完视频后,让人觉得像iPhone Pro或Apple Watch等产品不再是苹果产品页面上那些抽象的、精致3D图片,而是人们日常中实实在在使用的工具。看完一个又一个视频之后,就让人会想拥有Apple Watch会是什么感觉。

展示其它人使用产品,还能建议可信度。与营销驱动的产品页面相比,社区驱动的内容为客户提供了一个基于他人经验创建意见的机会。倾听别人的意见,而不是苹果产品页面上醒目的标题,会给人一种听别人意见的印象,也会让潜在客户更有可能决定购买他们一开始还在犹豫的产品。 

image.png

注:图片来自苹果官网截图

接着,我们再来讲讲内容策。除了提供高度身临其境的网络体验、令人印象深刻的页面切换效果等,苹果还在标题和文本编辑等内容方面下了很大功夫,让人产生共鸣。

产品页面文案幽默且易于理解

尽管苹果销售高度技术化的产品,并享有高端品牌的美誉,但它仍保持着一种易于理解的、大多是非正式的、甚至是戏谑的语调。阅读苹果产品文本就好比是听一个聪明、随和、幽默的人在讲述,

下面这段话就很有趣,很有节奏,在句末回应了用户的普遍关注的问题,让用户感到被理解了。

比如iPhone SE的防水文案就做到了这点:

“潇潇洒洒,笑对水花飞洒。iPhone SE 具备抗水性能,最多可在 1 米水深停留 30 分钟2,因此,它无惧咖啡、茶水、汽水等液体的侵袭。至于灰尘?更是不在话下。”

防水效果.png

注:图片来自苹果官网截图

将产品功能具象化

拥有一台 2000 万像素而不是 1000 万像素的相机意味着什么?为什么新的iPhone SE的电池比你现有手机电池更好?当然,当用户浏览技术细节页面时,看到大数字会给人一种新产品优于旧产品的印象。但用户购买任何新的数字产品时,很难理解所有抽象的技术术语和数字,除非任何数字被翻译成能让人可以参考的方式。例如,看看苹果公司在新的iPhone SE中宣传新电池的方式:

“电量足够,好戏刷个够。情节正精彩,当然要继续。iPhone SE 充满一次电,就能播放视频最长达13 小时。充电时,可以直接放在无线充电器上;或者用 18 瓦快充电源适配器,30 分钟即可从零充至最高达 50% 电量。”

电池.png

注:图片来自苹果官网截图

这个文案标题不仅有趣,它还提供了极为简单的数字,让大多数人能将产品新的优势与其它东西联系在一起。在原本起来干巴巴的抽象数字加上一些细节描述,会让人们停下来思考一,用户理解后满意度也就增加了。

抽象的数字具体化.png

注:图片来自苹果官网截图

展示产品相关性和实用性

除了将复杂的技术术语和数字转换成人们可以更好理解的格式之外,苹果还提供了语境,让产品变得与客户更加相关。例如,看看为iPhone Pro的广角相机所写的文案:

“如果无法让拍摄的对象全部收进画面,那就将镜头拉远。因为全新的超广角摄像头取景范围达到四倍,可拍摄更广的场景,所以你即使站在原地不动,也能实现后退、再后退的取景效果。下一次,把那些连绵的大山、高耸的教堂和壮丽的天际,全都收进来吧。”

广角镜头.png

注:图片来自苹果官网截图

产品页面仅仅关注广角相机专业的技术参数,产品解释使用一个实际的例子,让每个人都可以联系。读者可能马上就会想到拍摄广角照片的感觉。

解决用户潜在顾虑

尽管有些用户在浏览苹果产品页面时会有购买的冲动,但是入手一个新产品也伴随着担忧。尤其是如果用户之前没有使用过苹果的产品,会担心换了设备是否会带来很多不便以及产生其它问。显然,苹果已经了解了大多数人的顾虑,专门提供了一个页面来解释切换设备相关的任何常见误解。

打消顾虑.png

注:图片来自苹果官网截图

正如上面的截图所示,一些可能的存在问顾虑会立即得到解决,并提供持续的指导,鼓励用户直接前往苹果支持页面而不是自己来解决问题。

除了支持页面之外,苹果还不断挑战用户,让他们质疑自己目前对技术的信仰,并积极反思自己的观点:

“智能 HDR 想不到吧,你的满分大作还能再加分。”

升级.png

注:图片来自苹果官网截图

看到这样的标题会让人眼前一亮,而在苹果在文案的正下方,显示了使用HDR新技术拍摄照片的效果。苹果没有仅仅告诉我们新相机最终会比我们现有的更好,而是提供了一些直接的例子,消除了读者可能会有的任何顾虑。

  • 相关推荐
  • 大家在看
  • 2020苹果设计大奖公布,完整奖项名单汇总

    6月29日,苹果公司公布了2020年苹果设计大奖,该奖项是苹果根据设计、创新、独创性和技术成就四个方面挑选出的表现俱佳的产品。今年入选的有《Darkroom》、《Shapr》等8款应用和游戏。

  • 苹果新iMac曝光:窄边框设计

    尽管从全行业来说已非主流,但苹果一直保留着iMac一体式电脑产品线。据国外爆料人消息,苹果可能会选择在今年6月22日举办的WWDC上推出新款iMac。首先是外形方面,iMac将参考iPad Pro的设计语

  • 千万不要现在购买!苹果重新设计新iMac将在本月发布

    如果你现在想要购买iMac,切记要在等等,因为苹果即将更新它了。距离苹果全球开发者大会(WWDC)还有不到两周的时间,但苹果库存27英寸iMac配置的预计发货时间现在被列为6月22日WWDC开幕式之后

  • 分析师预计苹果首款自研芯片Mac成本将上升 因设计改变

    【TechWeb】6月24日消息,据国外媒体报道,在与英特尔合作15年之后,苹果公司在当地时间周一的全球开发者大会上,公布了基于ARM架构自研Mac处理器的计划,首款自研芯片Mac计划今年年底出货,并在两年的时间里完成过渡,Mac产品线届时就将全部采用自研芯片,英特尔处理器就将不会出现在苹果新推出的Mac产品中。Mac采用自研芯片,有利于苹果更好的进行软硬件方面的整合,硬件和软件也是苹果产品的一大卖点,库克也表示,凭借强大的?

  • 分析师:苹果计划在WWDC上发布ARM定制设计Mac芯片

    6月22日消息,据国外媒体报道,有关苹果采用基于ARM架构的Mac芯片、减少对其他供应商依赖的传闻出现已久,而分析师日前表示,苹果计划在即将开幕的WWDC(苹果全球开发者大会)上发布ARM定制设计Mac芯片。预计苹果计划在WWDC上发布ARM定制设计Mac芯片的,是著名的苹果产品分析师郭明錤,他在苹果产品的预测方面有很高的准确性。郭明錤是在当地时间周日早晨,在给投资者的一份报告中表示苹果计划在WWDC上发布ARM定制设计

  • 英特尔首席芯片设计师因个人原因辞职 曾在苹果和特斯拉任职

    【TechWeb】6月12日消息,据国外媒体报道,当地时间周四,英特尔宣布,其首席芯片设计师吉姆·凯勒(Jim Keller)因个人原因离职,他的辞职立即生效。离职后,凯勒将继续担任公司顾问,为期6个月,以帮助公司过渡到新的领导团队。在凯勒突然离职后,英特尔表示,它将对技术、系统架构和客户部门的高级领导层进行重组。2018年,凯勒从特斯拉跳槽至英特尔,负责领导一个工程小组,该小组的目标是开发新型低功率微处理器。他曾参与英

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • 郭明錤曝光苹果首款自研处理器电脑:全新外形设计的24寸iMac

    WWDC2020落幕,在揭晓iOS 14等软件系统的同时,苹果也卖了硬件的关子,年底揭晓首款搭载Apple Silicon处理器的Mac产品。Mac产品线有笔记本、一体机、台式机、迷你机等,到底谁会首发呢?根据

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

  • 百度输入法设计师生态成形,打造优质皮肤原创内容生态圈

    随着第三方手机输入法用户规模不断上涨,用户对键盘皮肤的个性化需求也越发多元化。作为行业头部厂商,百度输入法通过引入原创设计师,大力布局皮肤内容生态,不仅为亿万用户带来视觉与交互的双重享受,也为行业打造原创皮肤树立了典型标杆,引领输入法皮肤的发展方向。(百度输入法原创皮肤) 据悉,百度输入法此次引入了森林集、少年维特、Eddie、鲲鹏、HERE180 等数十位顶尖设计师,来扩充皮肤的“新玩法”。其中,此前一经“官?

  • 苹果版TNT曝光 坚果产品经理:苹果能卖三台凭什么要做成一台

    7月1日消息,有爆料称未来iPhone可能会运行macOS,被网友评为“苹果版TNT”。有爆料指出,苹果正在研究iPhone上运行macOS,这将允许用户将iPhone接入扩展坞或显示器,让手机拥有完整

  • 特斯拉正邀请中国设计师为其设计汽车 新车将面向全球销售

    【TechWeb】6月17日消息,据国外媒体报道,特斯拉正在为其小型版新电动汽车征集来自中国汽车设计师和业余设计师的设计方案。特斯拉是通过其官方微信发布的公告,邀请来自中国的汽车设计师和非汽车设计师为其新车提交设计。该公司将考虑中国设计师提交的设计方案,被选中的设计未来可能会在其上海超级工厂下线。外媒报道称,虽然这款车将在中国设计和生产,但特斯拉的目标是在全球销售。到目前为止,特斯拉及其CEO埃隆·马斯克都没

  • 特斯拉邀请中国设计师设计汽车!造“中国风”特斯拉

    随着特斯拉国产步伐的加快,特斯拉在中国市场变得越来越活跃。6月16日消息,据外媒报道,特斯拉正在邀请中国的专业汽车设计师和分专业设计师提交方案,制造出小型版新电动汽车。事实上,早在

  • Intel回应苹果决定换装自研PC处理器:我们的产品体验更好

    在今天凌晨举办的WWDC20上,苹果正式宣布了自研Mac处理器的计划,首款产品年底到来。不过考虑到涉及面广,整条产品线的迁移预计将持续两年时间。据外媒报道,对于苹果的动向,Intel也做出回应

  • 上海苹果零售店被砸,多台Mac等产品遭到破坏

    6月16日下午,上海浦东陆家嘴的一家苹果零售店遭到了一名男子的破坏,店内有数台Mac以及iPhone遭到破坏,随后该男子被警方带走,并表示他神志不清,无法正常交流。

  • 苹果启动返校促销:买iPad等产品就送最新款AirPods

    一年一度的返校促销活动,苹果已经开始推出,相信很快就会降临中国市场。苹果公司今天在美国和加拿大启动了一年一度的“返校”促销活动。在过去五年都赠送Beats耳机之后,苹果今年将

  • OPPO主题设计大赛正式启动,招募优秀设计合伙人一起“绽放无边界”

    6 月 23 日,OPPO主题设计大赛正式开启招募。OPPO通过大赛招募优秀设计合伙人,共同探讨科技与艺术人文的智美融合,挖掘个性化主题设计与壁纸设计的艺术价值和商业价值,为OPPO用户打造独具一格的美学与交互体验。 OPPO主题设计大赛是由OPPO主办的一场设计美学盛会,旨在将“科技”与“艺术人文”的融合及畅想触达全球,让优秀设计师、插画师突破常规,施展创作灵感。本次大赛以“绽放无边界”为题,特邀知名插画师特浓TN、Lost7

  • 苹果计划推出Apple Card分期服务:多款产品享12期免息

    苹果计划推出官方信用卡Apple Card免息分期活动,以帮助消费者减轻购买苹果新品的压力。免息分期服务将覆盖大部分苹果产品,其中Mac、iPad、iPad键盘、Apple Pencil、XDR Display显示器将支持 12 期免息分期。<br/>

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议

热文

  • 3 天
  • 7天