既然是评价设计优秀的应用,那就主要从设计层面进行评价。
Cockoo (布谷布谷)
是一款集白噪音番茄钟、任务、技能管理于一体的任务管理应用。最大的优点是UI设计简洁优雅,同时带有恰到好处的音效给用户反馈。
视觉:
Icon是一只白底上的黑色简笔画布谷鸟,定下了整体应用色调为黑白。整体UI风格带手绘风。
主界面主题内容为一幅主图片;下方为一个巨大的收回播放键,意味着「开始」。符合用户心理模型;播放键上方有一个stepper,能够准确显示这个stepper的加减号的作用,符合iOS HIG。播放键左边有一个状态框,显示今天在任务上所花时间。Stepper似乎没与其他两个对齐。
上方的navigation bar设计也是符合规范的,标题显示了此页是什么,有帮助按钮(灯泡)以及菜单按钮弹出隐藏菜单栏。
点击播放按钮,则开始番茄钟,界面简洁,focus在内容上(一个大大的计时器)
切换到task界面,navigation bar保持了一致风格。可以添加inbox task或者与skill联系在一起的task。整体icon都是手绘风。并且为task list做了分类(smart list和My list)
切换到skill的时候,免费用户可以添加三种技能,添加后的技能是卡片式设计,每张卡片占据一屏,timer占据面积最大,符合focus在内容上的原则,左滑则出现下一个技能卡片。Navigation
bar里可点击查看各技能训练总时间和占比。
交互上,主要手势是常见的点按,swipe,比较新的一个是可以摇动设备添加任务清单。(这个手势跟iPhone自带的摇动设备取消输入冲突,但我个人感觉还好,因为从来不用这个手势取消输入)。声音反馈仿按钮声音,比较悦耳
主界面下滑会出现今天的总任务数。(淡化背景,focus前景)
Flipboard(中国)
Flipboard是一款杂志形式的订阅类型新闻应用,最大的特点是仿实体报刊/杂志翻页设计的交互很impressive。
交互:
启动屏:点开App,会有一个启动屏显示Logo,显示App反应快捷而没有多余的干扰。
翻页交互:点进内容阅读的时候,上下滑动模仿实体报刊杂志的翻页交互很赞。
UI设计:
Icon是醒目的红底,上面是大写的、经艺术化处理的白色字母F。为总体视觉设计定下主色调,红色。
主界面上方图片占据了大于1/2的位置,且颜色偏深,下方有两篇精选文章(白底黑字),但占据面积偏小,这样两部分达成了一个平衡。且让用户注意力集中在内容上。左上角的logo醒目但不抢眼。
下方是用tab bar的设计来进行不同分类的切换,包括主页,following,search,notifications和me。并使用了红色(key note)加粗下划线来区分选中和未选中的tab bar状态。(主页中间还有个小小的tab bar来切换头图新闻,同样用了白色下划线来区分选中和未选中状态),tab bar用的是标准的iOS图标设计,但在following的图标上有所创新。
主页的两篇精选文章点进去是普通阅读模式,白底黑字,除了上方的tool bar,没有多余信息干扰(focus在内容)。Toolbar包括四个选项,喜欢,comment,分享和flip into(加入自己的选集)。分享和flip into都是开启一个新的半屏,弹出方式是自下而上;comment是切换到新的全屏,弹出是自右向左。查看文章的时候右方有显示进度条。
Following页面是也有三个分类,All分类是grid格式排列,呈现方式直接。同时小的tab bar下方有search bar。点进任意follow的媒体,首先是媒体的首页(仿杂志封面),点按出现内容,这里内容和图片是五五开的面积比例。最右下方是与贯穿整个应用同样的一组tool bar。下滑/上滑翻页。
Search页面相当于是一个「发现」分类,内容共分为三组,最上方是一个search bar,可以直接关键词搜索信息;接着是一个「大家都在看」分类,同样以grid排列方式呈现;再接下来是一个「discover more」,有各种编辑提供的主题选择。每日视频精选的视觉也比较有意思,是以视频预览为背景+文字的方式呈现不同内容的。点进媒体,右上角有follow按钮可点击。
提醒分类有铃铛图标和醒目的蓝色find
friends按钮,有两个小的tab bar分别区分notification和shared with you。
最后我的个人页面分为上方的tool bar(添加friend,分享和设置),个人信息区,以及占最大面积的个人创建的收藏夹(grid样式)。依然是focus在内容上面
总结来说,视觉设计上,主色调为红色,对于文件夹、媒体排列方式的处理是用了grid格式,重点是引导用户focus在内容,并且符合规范地使用tab bar,tab bar的状态区分一致为下划线形式。整体仿实体杂志的设计。
Assembly
Assembly是一款在手机上快速进行贴纸设计的应用。最大的特点是不仅设计优良,microcopy也做得很好,很拉近用户距离。
交互:
有显示logo的启动屏,快速响应用户指令。
Data entry:提供了sticker和各种元素的选择,不需要用户从0到1地设计
保留了前置状态。离开App后回到app,还是离开时的界面
Help:菜单里有Help菜单,用文字+gif形式呈现
视觉/UI设计:
Icon是一只红橙蓝绿色组成的(啄木)鸟。又让人感觉像是可以收起来的一把瑞士军刀,暗示其强大的工具属性。
主色调为介于暗红色和橙色之间的橙棕色。
整个应用分为三个部分,stickers,my work和Inspirations。三个部分的切换通过底部的tab bar完成。Tab bar通过选中显示棕色,不选中显示灰色来区分。
Sticker和my work页面最上方均突出显示了应用名称和icon,中间是「create new sticker」button,最下方最大面积是以grid格式排列了各种已有的sticker分类集。
Button有底色和外框对小字进行了突出,与上方大标题形成了平衡。
点进任意贴纸集,上方出现本页标题(告知用户所处位置)以及分类tab bar,用户可以从不同分类直接选择一个sticker开始创作(为用户提供选项)。「create new
sticker」button保持了风格一致。(每一组sticker下方还有设计师的名字,尊重了设计师的著作权。)
进入创作主界面,最中间是画布(主要功能),上方有tool bar,包含菜单,snap,撤销/重做。下方有也是各种元素可供选择,选中某个元素,右方会出现工具栏,元素外缘出现虚线框加一角的圆形,表示可以旋转。
在my work中,对文件的处理依然是grid格式,并可以通过上方的tool bar进行编辑管理。并且把pro功能巧妙安静地植入在了tool bar。点击该功能图标,出现很赞的microcopy,和下方的不同方案的订阅按钮。
Inspiration里面可以查看别人的作品。在没有加载出来的时候,页面出现「view more
on instagram」,同样为用户提供了解决方案,不至于困在原地茫然。
总结来说,该应用使用的主色调为橙棕色,使用的文件排列多为grid,使用的按钮形状主要为长条圆形。个人认为inspirations里面featured gallery标题设计有点问题。一个横杠上面加文字和冒号,会让人以为可以点击输入。并且字体大小和粗细也不是很像标题。
Fortune City
这是一款游戏化的记账类应用,最大的特点在于产品模型的创新想法。即结合游戏和记账这两个概念。
交互
启动屏,前置状态,data entry提供了选择(分类,数字,计算器)
视觉/UI
Icon主色调为浅绿色打底,上方为应用名称的Fortune大写单词,中间的T被替换为了一支橙色笔,意为记账。整体的配色(浅绿+橙)偏幼童化,符合整体游戏风格和定位的人群(游戏化的方式记账,受众应为年龄层次比较低的群体)。
应用只有一个主界面,就是游戏界面。下方有卡片式显示部分记账区域,最下方的tool bar上的菜单点开也是卡片式的分类设计。包含shop,ranking, achievements, your city, post office。中间是比较醒目的「添加新记账条目」按钮,左边是个人财务图表。
整个应用的概念是一个位于大海一座小岛上的城市,这个城市需要通过用户每天添加收支条目来一点点创建。每添加一个条目,就会新盖起一个点(有点类似大富翁),点击建筑可以选择对它进行移动,合并或者详情显示。
城市里面有各种居民在活动,点击居民可以对他们进行各种操作(比如花钻石邀请他加入你的城市)。
该应用的商业化植入也用在了居民身上,点击头上有AD字样的居民,可以玩小游戏,这些小游戏需要额外下载(也就是小游戏的广告)。
应用整体是扁平化的游戏设计风格,但tool bar是拟物化的风格。可能是想通过这个说明,游戏是虚拟的,而tool bar里的记账功能与真实生活连接在一起。
总体上来说,该应用的设计比较负责,但精美度还是欠佳。但创意不错。
Elk
Elk是一款极简主义风格的汇率应用。最大的特点在于交互和设计上的简洁。
视觉:
Icon为黑底上的一直加拿大马鹿。使用这个鹿作为logo,个人猜测是因为马鹿具有很强、广泛的适应性。暗示了该汇率转换器在不同货币间的强大适应性。
总体色调为暗色(黑、灰、灰绿)。
应用只有一个主界面,就是汇率转换界面(focus在主要功能)。左右分区,展示换汇的两种货币名称以及从10到100的货币区间。左滑数字组减为1/10,右滑数字组扩大十倍。点击两个数字间的位置,则出现更为细分的数字区间(个位数)。对应的货币一目了然。
点击货币名称出现菜单弹窗。包括Pro功能(个性化汇率),交换两种货币位置,以及改变货币。
改变货币出现新的全屏,上方为标题Hint,下面是一个search bar,主界面是各种货币,右边有首字母为顺序排列的目录,点击可跳转。
交互:首次开启应用,会有简单的手势引导教程。
交互手势只有左右滑动,点按。
Data entry是全为选择形式,没有手动输入。超方便。
总体来说,这款应用的设计是小而美的。风格极简,操作简单,在IOS HIG基础上有创新,让用户最大程度focus在核心功能,无干扰。