移动应用程序的跨平台连续性设计

设计一个适应多种平台的移动应用程序可能是一个挑战。 比如怎么知道何时使用操作系统的本机控件,创建新的模式,或使用混合方法? 为iOS和Android手机重新设计时, 在StumbleUpon的用户体验团队采取的是混合方法,既适应本身设计范例,又创造独特的、简单的接口。 最终是提供了一中更快、更直观的用户体验,提高用户粘性。

每个产品设计过程都应始于同理心。

一、理解用户

了解你的用户是如何进行思考和行动,是什么激励着他们,及用户的痛点,你需要从他们的角度去考虑问题。 这将获得用户的需求,并以此得出每一个设计决策。从真实的用户进行学习,磨练你的直觉并激发你的同情心。

对于每一个新特性,我们首先收集灵感,然后画各种各样的关键交互方法,直到满意为止。 但我们不只是依靠直觉和设计知识:用户研究成果和当前使用数据为我们的决策添加丰富性和细微差别。

应用生态系统功能有着无尽的娱乐来源,所以我们不断挑战自己设计的方式,从而使我们从激烈的竞争中脱颖而出。 StumbleUpon的优点在于它揭示了最好的互联网,为用户带来高质量的内容。我们试图将我们的设计描述为意外的惊喜。

二、制定设计目标

在重新设计我们的iOS和Android应用程序,我们设置一些目标:

  1. 建立跨平台的一致性
  2. 满足我们当前的用户基础
  3. 提高整体用户体验来留住用户

回顾下2014年的设计过程,谷歌推出了全新的设计语言Material Design。我们在设计新StumbleUpon iOS应用程序时仔细考虑Material Design,因为我们想要跨两个平台分享。 我们还从全新规范中把审美和交互提示提取出,从而在重新设计我们的Android应用程序创建一个更加优美和雅致的经验。

appdesignkuapingtai01

我们在几个屏幕上集成谷歌卡模式接口,同时保留许多本地iOS图标和接口模式。 我们决定使用类似的图标设计,但保留各自平台的风格,如在iOS上使用窄的、空心图标,在Android系统则使用较宽的图标。

当我们开始重新设计我们的Android应用程序,我们进行一个可视审计和手机、平板电脑的用户体验来把握大局。 得到一个完整的生态系统的观点可帮助我们确定改进领域,并强调了平台之间的区别,最终让我们能集中我们的设计工作。

appdesignkuapingtai02

然后我们开始规范与调整我们的UI模式,使之与谷歌的新出的设计标准相匹配。其中部分的应用程序已经符合新标准,而另一些则需要调整。我们还发现了几个实例,如动画可以传达微交互和转换。

appdesignkuapingtai03

关注这些问题使我们改善StumbleUpon的核心用户体验。我们放弃了skeuomorphic装饰的用户界面元素。利用粗字体和全屏图像来帮助我们丰富界面的上下文信息和之前的元数据预览。引入浮动操作按钮,高亮显示关键接触点,这些可能以前都被忽视了。在整个应用程序整合浮动卡不仅简化了接口,也为Android用户创建了一个熟悉的环境。

appdesignkuapingtai04

除了使用iOS和Android卡片样式,我们还创建了应用程序的一致性颜色,品牌元素,和核心功能。在我们的思想在整个设计过程中,从静态模拟原型到最终的规格,我们一直保留着相互间的影响、位置和界面元素之间的转换。

我们在应用程序的独特特点与两大移动平台对于应用程序的视觉和功能结构的设置的标准之间进行平衡。通过使用设计标准和苹果设计指南,我们创建了具有凝聚力的经历,也充满了实用主义,喜悦和意义。

重新设计涉及一些风险。 一方面,仅使用特定的平台控制可以创建一个可打折扣的经验。 但过度依赖一个平台的设计将会在其他平台上生成碎片化的经验,比如创建一个Android平板电脑应用程序,使用iOS的设计标准。最不想要的结果是通过过度的界面设计,减少应用的易用性和可发现性来疏远了用户。运用设计思维来规避这些潜在的问题是我们的关键过程。

appdesignkuapingtai05

StumbleUpon的用户体验团队成员: Asher Blumberg, Amy Luo, Michael Spiegel, Jennifer Fleming & Matthew Spangenberg

三、测试设计理念

在StumbleUpon,我们使用一个敏捷工作流程——快速迭代设计和原型设计来测试我们的解决方案。我们的A / B组测试不同的场景,看看哪个效果最好,所以我们会经常不断优化设计,即使第一个实现已经完成。

不要只是创建可点击模型,也通过动画显示屏幕之间转换,添加节奏和交互动作。 这使我们能够可视化定制转换,并从开发人员获得至关重要的反馈,因为一些动画可能需要太长时间来实施,推迟2周设计周期。

越早的从工程师、设计师、产品经理、甚至是其他业务涉众中获得反馈,就越早可以帮助我们创建能够提高设计思想、并推动产品的口径。

作者简介: 

Asher Blumberg,StumbleUpon用户体验移动设计师

Asher是一个致力于在手机和网络上创造引人注目的和功能体验的多学科设计师。

我是ue网原创翻译,英文地址:http://blog.invisionapp.com/designing-mobile-apps-for-cross-platform-continuity/

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/6514/

(0)
TinadminTinadmin
上一篇 2015-06-16 18:57
下一篇 2015-06-23 14:30

相关推荐

  • 【译】如何设计用于移动的UX?

    你可能已经知道,手机现在已经快速发展,你可能还不知道手机流行的是什么,但事实上,你应该知道,移动用户的数量已经超过了传统台式机的数量,这是真的! 据comeStore的分析,在今年三月份,第一次看见移动的用户…

    用户体验 2015-09-14
  • 『用研面面观』之投射技术在用户访谈中的应用

    #交互学堂#深度访谈是用户研究中经常用到的研究方法,它是一种无结构的、直接的、一对一的访问形式,用以揭示被试对某一问题的潜在动机、态度和情感。它的关键在于『深度』。怎样才能做到有『深度』呢?那就不得不…

    2016-11-09
  • 定性研究中我们应该需要多少个案样本才能达到我们研究目的?

    #用研##用户体验#本文是对芝大社会系Mario Small教授在2009年发表的一篇文章的要点概括, 文章详细阐明了应该如何考虑“定性研究中我们应该需要多少个案样本才能达到我们研究目的”这个困扰诸多青年学者的问题。不得…

    2016-11-10
  • 关于用户体验设计中最常见的误解&为什么他们不适用?

    #用研##用户体验#UX Myths网站收集了很多关于用户体验设计中最常见的误解和解释了为什么他们不适用。现在将这些经验研究整理出来,为各位设计从业者做参考,避免依赖个人的主观经验来做判断。建议你阅读完之后,还…

    2016-11-10
  • 体验的情感之谈

    来源:Johny Holland Magazin 当体验设计的范畴在不断延展的时候,也正是其面临着一种设计挑战的时候,即体验设计师希望给用户传递一种可独立于情境或频道、具有相关性(延续性)和一致性(稳定性)的设计。 如同在…

    交互设计 2015-10-20
  • Smartisan OS 2.0体验

    Smartisan OS 2.0是锤子科技旗下的一款基于安卓的手机操作系统,手机已经入手一个月的时间。国庆放假,终于有时间写一写这段时间的使用感受。 有趣的是,开始关注锤子科技,不是因为罗永浩,而是因为设计师李剑叶先…

    2015-10-12
  • StatCounter:2016年10月全球移动流量占比达51.2% 首次超过桌面端

    #交互学堂#产品移动端的交互设计趋势或占比要进一步扩张了。 该发现对整个互联网世界意义重大:这意味着那些尚未决定采用移动为先战略的互联网服务提供商真的应该这么做了,因为这一趋势已经不太可能逆转。 据外媒…

    2016-11-03
  • 产品经理-传说中的产品狗

    互联网界自从出了几个大神级的产品之后,产品背后的产品经理被捧红了,一时间产品经理成了诸多行业从业者追求的目标,每个人都期望有一天也能做出一个很牛的产品来,这种影响导致了很多刚毕业的学弟学妹,都认为产品经理是最有前途的。

    交互设计 2015-01-03
  • UI/UX设计师,你的薪资跟上了吗?

    互联网普及化的今天,IT行业已经成为一个高薪行业,也是世界行业发展的趋势。社会快速发展,对人才的需求水涨船高。互联网大环境下衍生出的对职业技能的要求也是不断的up up up。想要在IT行业站稳脚跟,根据不同行…

    2016-11-16
  • 【译】用户体验中巧妙的过场动画

    (Adrian Zumbrunnen著     Judithzhu & Lynnwang译    查看原文  ) 一些网页优于其他网页,不仅仅是因为它们的内容、可用程度、设计或是特色等等。现代网页间根本的区别在于它们交互及动画细节。我们将分享一些…

    用户体验设计 2015-09-10