Android设计与开发工作流

发表于 4年以前  | 总阅读数:5938 次

Android设计与开发工作流

在这个月的Londroid,Qi和我一起发布了Wutson,这是一款我们从年初就为此工作的app。我们分享我们的工作流程,包含我们如何一起工作、我们发现的哪些工具最有用以及改进开发设计过程的技巧。

Wutson是你的私人TV指南,它帮助你找到什么在上映。我们决定开发它是因为我们没有发现现有的app选项是合适的:一些原本体贴的功能和用户体验(UX)但是看起来显得过时并且夹杂着广告,还有一些看起来App看起来非常棒,但是用户体验设计(UX)不明确并且有着糟糕的用户使用流程。

Home

开始开发的时间在Android TV启动的时间前后 - Wutson将是家居生活中的完美app应用:非常直观、很简单,当然它是非常适合TV指南。

今年里,我们也非常专注于探索Android在我们的一些新项目中的可行性。大量的关于App如何适用于TV的考虑也会使做出的App容易使用,所以这是一个实验和学习的理想情况。

我们开始寻找现有的app应用 - SeriesAddictSeriesGuide是最有名的两款。

SeriesGuide对于UI华丽的app应用是一个很棒的范例。它是我现在使用的一个应用。不幸的是一些简单的工作并不直观(寻找一个节目)或不可能的(寻找一个你没跟踪的节目的情节描述)。

在法国,SeriesAddict是一款基于BetaSeries API的很受欢迎的app。它不跟随最先进的UI模式,但是有一些非常精心设计元素,如watchlist,它会展示出你正在追的节目中没看过的前五集。

Flow

Qi和我列举了其他app的所有要素,然后确认我们感觉很重要的要素包含在Wutson的初始版本中,把他们映射到一起作为用户指南形成一个粗略的信息框架。

在最初项目的引导任务完成后,是时候开始在要素上工作了。我们遵循一个过程,与我们在Novoda中使用的一样:
1、计划(Plan)
2、草图/原型(Scribbles/prototype)
3、视觉设计和规格(Visual design and specs)
4、实现视觉(Implement visual refinements)
5、回顾(Review)(返回步骤1) (then back to 1)

trello

虽然我们倾向于使用Atlassian JIRA去管理项目,但是在私人项目上我们一般使用Trello

我们的Trello模版由四列组成:

  • 一个to-do列表
  • Qi的当前任务
  • 我的当前任务
  • 完成的任务

我们的计划会议将以审查上周的工作为开始,浏览那些完成的任务或者那些存档的、或放置在to-do列表中的,如果它不是done-done

然后,我们会通过剩余的任务,删除那些在不久的将来不工作的任务,并且选择那些接下来开始工作的任务到我们的列表中。

通过计划和审查一起进行(而不是分开),我们能够:

  • 组织任务,所以我们不会阻碍对方
  • 反馈产品的发展方向
  • 展示那些我们花费时间和努力完成的工作,收到赞美和反馈

我们提出了我们工作流程中的搜索功能: scribbles

基于用户工作流程,Qi能够快速的描述出基本结构页面。Search Overlay和Search Results在屏幕上显示。

对于这个阶段,细节是不重要的 - 显示的内容文字、app bar的颜色、用到哪个图片、甚至到是否绘制直线都不重要,只要用笔和纸画出来就好。

当Qi正在做这些,我让自己忙于建立数据面。在规划阶段,我们已经讨论了什么功能应该包括,所以我知道哪些APIs我将会使用。在Wutson中,我使用RetrofitRxJava来更快的工作。

这个时候,我也应该开始写测试 - 它是我们每天在Novoda必须要做的事情,但我不后悔做它(测试),它永远不会太晚。

当Qi做好一些UI设计的手稿,我们将再次会面讨论他们。 single

现在是时候确定我将需要实现的设计,包含focueds和pressed状态下的overlays,各种尺寸的图标(icons),图像占位符(image placeholders)和字体文件(font-files),这些都是我列举清单上的事物需要从Qi得到的。

在可访问性方面,我们确定哪些组件可以在归入单一文档内容描述类别下。为了确保我们有keyboard/trackball/switch方式(非触摸模式),我们决定哪些是核心元素在屏幕上显示。例如,如果用户在非触摸模式下我们可能会隐藏星图标(star icon),因为它会让整个列表导航需要点击两次每个项目而不是一次。我们必须小心不要删除功能 - 它有一个功能追踪不同屏幕的展现(展示细节)。

现在做这些,应用已经为TV准备好了 - 在Nexus Player上调试了8个月之后,应用已经能够在TV上使用了。但是我非常肯定的说,我更倾向要一个功能与UI都一样的手机版App,否则不如不要。 implementedscribbles

Qi将界面进行分割,我将它们实现到APP中,就像下面说的这样:

  • Qi做界面设计,我实现功能。
  • 当一切都是光秃秃的框架,我可以考虑加入一些验收测试(acceptance tests)。
  • 我可以确定我已经为所有的交互元素添加了focus和press状态,尽管它们只是暂时的,以后我能够进行替换 geny

为了测试focus状态,你需要一个拥有方向键或轨迹球的设备,以及一个连接键盘的USB-OTG的适配器或者模拟机(你不使用触屏模式)。前者在最近的Android版本中不存在,后者操作起来很麻烦。我推荐使用Genymotion虚拟机,它有以下几个优点。

  • 我可以用键盘来实现non-touch(非接触)模式,这样我就可以检查所有focus/press状态
  • 它有一个可调整大小的窗口
  • 拥有一个可变的窗体
  • 截屏与录屏(screenshots/screen)
  • 运行速度非常快

我创建了一个160像素密度(mdpi)的大小为360x640 px的设备(device)来匹配Qi的输出。除了Android的字体渲染(font rendering),这使得它很容易被发现设计和实现之间的差异。

我将在我的minSdkVersion下创建一个设备(device),如果你使用的是向上兼容版本的Theme或Style等涉及到AppCompat类型的话,最好使用targetSdkVersion创建设备。

那么我的工作就是实现UI设计稿,Qi的工作就是做出漂亮的UI设计稿。: sketchoutput

Qi说现在Sketch是她最喜欢的视觉设计工具(visual design),尤其喜爱极大的改善了loading/running速度(超过了Photoshop/Illustrator)。Hover Guide可以让你看到你选择的要素与其他要素之间的距离:

Sketch也使用符号。你创建一个符号(例如:图标),并在多个地方使用它。但是当你改变这个符号的时候,它会改变所有的实例。类似的现象存在于styles、对于多文本框使用相同的属性(attributes)集(例如文本颜色(text color)、字体(font)等等)。

Sketch本身提供30天的免费使用(仅限Mac),并有大量的在线设计套件供你使用。

让设计采用开发团队格式对他们来说是有用的,但过去是一个麻烦。我们需要为每一个屏幕(screen)、PDF展示margins和paddings、颜色(colors)、文本样式(text style)以及尺寸(dimentions)。这里是一个例子,当我们为 Sun Mobile app工作的时候Dave创造的: redlines

这不是很好。对设计师来说,这是浪费时间,而且很容易错过事情。作为一名开发人员,规格表是很杂乱的 - 翻转在不同项目之间意味着必须习惯不同设计师的规格表。

Zeplin是一个有希望解决红线/规格表的程序,。它可以为使用Sketch的设计者作为一个Web应用程序,生产Zeplin项目很简单就如同使用“CMD+ E”导出他们的画板。

Zeplin提供了一个互动门户网站变成了我们用来获取静态规格表 - 我们现在可以查询我们需要的信息,当我们需要的时候:

它虽然需要照顾设计者 - Zeplin是不够聪明对于知道我们需要什么样的信息 - 作为开发者,我们知道有哪些东西用户可以在屏幕上什么看到以及什么样的views/view出现在屏幕上。这些看起来是一样的: bounding_before

但是在Sketch中,Qi已经在数字周围添加了不可见的边框,所以Zeplin可以捕捉到它: bounding-after

一但我们让设计(designs)导入到Zeplin,是时候更新将应用从scribbles更新到匹配design。

我从Amazon上买了这个whiteboard) ,你需要得到一个细笔(thin pens),粗笔(fat pens)是没用的。 whiteboard

我画我需要实现一个lo-fi sketch的一部分;即使Zeplin隐藏了许多默认的信息,我仍然认为这是繁杂,并通过一个名单,我发现它更容易从A到B.

Ta-da!

visualdesign

接下来的步骤将包括发布到Google+的测试版本和发布轻量级App应用。

 相关推荐

刘强东夫妇:“移民美国”传言被驳斥

京东创始人刘强东和其妻子章泽天最近成为了互联网舆论关注的焦点。有关他们“移民美国”和在美国购买豪宅的传言在互联网上广泛传播。然而,京东官方通过微博发言人发布的消息澄清了这些传言,称这些言论纯属虚假信息和蓄意捏造。

发布于:7月以前  |  808次阅读  |  详细内容 »

博主曝三大运营商,将集体采购百万台华为Mate60系列

日前,据博主“@超能数码君老周”爆料,国内三大运营商中国移动、中国电信和中国联通预计将集体采购百万台规模的华为Mate60系列手机。

发布于:7月以前  |  770次阅读  |  详细内容 »

ASML CEO警告:出口管制不是可行做法,不要“逼迫中国大陆创新”

据报道,荷兰半导体设备公司ASML正看到美国对华遏制政策的负面影响。阿斯麦(ASML)CEO彼得·温宁克在一档电视节目中分享了他对中国大陆问题以及该公司面临的出口管制和保护主义的看法。彼得曾在多个场合表达了他对出口管制以及中荷经济关系的担忧。

发布于:7月以前  |  756次阅读  |  详细内容 »

抖音中长视频App青桃更名抖音精选,字节再发力对抗B站

今年早些时候,抖音悄然上线了一款名为“青桃”的 App,Slogan 为“看见你的热爱”,根据应用介绍可知,“青桃”是一个属于年轻人的兴趣知识视频平台,由抖音官方出品的中长视频关联版本,整体风格有些类似B站。

发布于:7月以前  |  648次阅读  |  详细内容 »

威马CDO:中国每百户家庭仅17户有车

日前,威马汽车首席数据官梅松林转发了一份“世界各国地区拥车率排行榜”,同时,他发文表示:中国汽车普及率低于非洲国家尼日利亚,每百户家庭仅17户有车。意大利世界排名第一,每十户中九户有车。

发布于:7月以前  |  589次阅读  |  详细内容 »

研究发现维生素 C 等抗氧化剂会刺激癌症生长和转移

近日,一项新的研究发现,维生素 C 和 E 等抗氧化剂会激活一种机制,刺激癌症肿瘤中新血管的生长,帮助它们生长和扩散。

发布于:7月以前  |  449次阅读  |  详细内容 »

苹果据称正引入3D打印技术,用以生产智能手表的钢质底盘

据媒体援引消息人士报道,苹果公司正在测试使用3D打印技术来生产其智能手表的钢质底盘。消息传出后,3D系统一度大涨超10%,不过截至周三收盘,该股涨幅回落至2%以内。

发布于:7月以前  |  446次阅读  |  详细内容 »

千万级抖音网红秀才账号被封禁

9月2日,坐拥千万粉丝的网红主播“秀才”账号被封禁,在社交媒体平台上引发热议。平台相关负责人表示,“秀才”账号违反平台相关规定,已封禁。据知情人士透露,秀才近期被举报存在违法行为,这可能是他被封禁的部分原因。据悉,“秀才”年龄39岁,是安徽省亳州市蒙城县人,抖音网红,粉丝数量超1200万。他曾被称为“中老年...

发布于:7月以前  |  445次阅读  |  详细内容 »

亚马逊股东起诉公司和贝索斯,称其在购买卫星发射服务时忽视了 SpaceX

9月3日消息,亚马逊的一些股东,包括持有该公司股票的一家养老基金,日前对亚马逊、其创始人贝索斯和其董事会提起诉讼,指控他们在为 Project Kuiper 卫星星座项目购买发射服务时“违反了信义义务”。

发布于:7月以前  |  444次阅读  |  详细内容 »

苹果上线AppsbyApple网站,以推广自家应用程序

据消息,为推广自家应用,苹果现推出了一个名为“Apps by Apple”的网站,展示了苹果为旗下产品(如 iPhone、iPad、Apple Watch、Mac 和 Apple TV)开发的各种应用程序。

发布于:7月以前  |  442次阅读  |  详细内容 »

特斯拉美国降价引发投资者不满:“这是短期麻醉剂”

特斯拉本周在美国大幅下调Model S和X售价,引发了该公司一些最坚定支持者的不满。知名特斯拉多头、未来基金(Future Fund)管理合伙人加里·布莱克发帖称,降价是一种“短期麻醉剂”,会让潜在客户等待进一步降价。

发布于:7月以前  |  441次阅读  |  详细内容 »

光刻机巨头阿斯麦:拿到许可,继续对华出口

据外媒9月2日报道,荷兰半导体设备制造商阿斯麦称,尽管荷兰政府颁布的半导体设备出口管制新规9月正式生效,但该公司已获得在2023年底以前向中国运送受限制芯片制造机器的许可。

发布于:7月以前  |  437次阅读  |  详细内容 »

马斯克与库克首次隔空合作:为苹果提供卫星服务

近日,根据美国证券交易委员会的文件显示,苹果卫星服务提供商 Globalstar 近期向马斯克旗下的 SpaceX 支付 6400 万美元(约 4.65 亿元人民币)。用于在 2023-2025 年期间,发射卫星,进一步扩展苹果 iPhone 系列的 SOS 卫星服务。

发布于:7月以前  |  430次阅读  |  详细内容 »

𝕏(推特)调整隐私政策,可拿用户发布的信息训练 AI 模型

据报道,马斯克旗下社交平台𝕏(推特)日前调整了隐私政策,允许 𝕏 使用用户发布的信息来训练其人工智能(AI)模型。新的隐私政策将于 9 月 29 日生效。新政策规定,𝕏可能会使用所收集到的平台信息和公开可用的信息,来帮助训练 𝕏 的机器学习或人工智能模型。

发布于:7月以前  |  428次阅读  |  详细内容 »

荣耀CEO谈华为手机回归:替老同事们高兴,对行业也是好事

9月2日,荣耀CEO赵明在采访中谈及华为手机回归时表示,替老同事们高兴,觉得手机行业,由于华为的回归,让竞争充满了更多的可能性和更多的魅力,对行业来说也是件好事。

发布于:7月以前  |  423次阅读  |  详细内容 »

AI操控无人机能力超越人类冠军

《自然》30日发表的一篇论文报道了一个名为Swift的人工智能(AI)系统,该系统驾驶无人机的能力可在真实世界中一对一冠军赛里战胜人类对手。

发布于:7月以前  |  423次阅读  |  详细内容 »

AI生成的蘑菇科普书存在可致命错误

近日,非营利组织纽约真菌学会(NYMS)发出警告,表示亚马逊为代表的电商平台上,充斥着各种AI生成的蘑菇觅食科普书籍,其中存在诸多错误。

发布于:7月以前  |  420次阅读  |  详细内容 »

社交媒体平台𝕏计划收集用户生物识别数据与工作教育经历

社交媒体平台𝕏(原推特)新隐私政策提到:“在您同意的情况下,我们可能出于安全、安保和身份识别目的收集和使用您的生物识别信息。”

发布于:7月以前  |  411次阅读  |  详细内容 »

国产扫地机器人热销欧洲,国产割草机器人抢占欧洲草坪

2023年德国柏林消费电子展上,各大企业都带来了最新的理念和产品,而高端化、本土化的中国产品正在不断吸引欧洲等国际市场的目光。

发布于:7月以前  |  406次阅读  |  详细内容 »

罗永浩吐槽iPhone15和14不会有区别,除了序列号变了

罗永浩日前在直播中吐槽苹果即将推出的 iPhone 新品,具体内容为:“以我对我‘子公司’的了解,我认为 iPhone 15 跟 iPhone 14 不会有什么区别的,除了序(列)号变了,这个‘不要脸’的东西,这个‘臭厨子’。

发布于:7月以前  |  398次阅读  |  详细内容 »
 相关文章
简化Android的UI开发 4年以前  |  520718次阅读
Android 深色模式适配原理分析 3年以前  |  28655次阅读
Android阴影实现的几种方案 1年以前  |  10809次阅读
Android 样式系统 | 主题背景覆盖 3年以前  |  9602次阅读
 目录