您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码:  验证码,看不清楚?请点击刷新验证码 必填



  求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
   
 
 
     
   
 订阅
  捐助
hyperlapse的交互细节
 
作者:brian lovin 来源:U一点 发布于: 2015-03-18
   次浏览      
 

Hyperlapse是App Store上炙手可热的新宠,我相信很多人已经体验过它极简的风格。Wired网站在前些天更是把Hyperlapse比作价值15,000美元的掌上录像机,这评价实在太大胆了。

在本文中,我将详尽的介绍Hyperlapse的交互细节以及Instagram设计师在其所倾注的风格传统。要知道,这个程序实在是太简单太美妙了,体验中让人不禁问出:“就是这样么?”

是的,就是这么简单。

下面,让我们切入正题。

1、欢迎页

还有什么比直接展示这款App所创作的精美短片更能吸引用户的呢?Hyperlapse正是把握了这点,用简明又考究的方式让用户知道他们也能制作出‘那样’的短片。

在此,我唯一的建议就是,屏幕下方的提醒翻页的几个小点实在是太难被注意到了。我甚至能够想象有些用户根本意识不到他们应该向左滑动,进入下一界面。

另外,请注意Hyperlapse的圆形图标,随颜色渐变的斜面旋转着非常炫丽,比苹果的边框切面要还要精致很多。

2、进入

正如任何Facebook旗下的App,模糊和弹性效果贯穿了整个Hpyerlapse体验中。稍作等待后,会弹出是否允许访问摄像头的提示。

下方的按钮会根据我的触摸作用,暂停或是模糊,当然具体的操作之后我会详尽介绍。

3、按钮

我希望Instagram的设计师能够解答一下,当我用摄像机查看周围的环境时,记录按钮偶尔会从彩色变成黑白,这个改变的确不太容易被察觉,但我还是想知道为什么一直在变换呢?

4、亮度

我发现光感传感器经常会提示我光线不足,即使我是在一个光线很好的环境下(动图展示中,我是在下午的室外)。好吧,后来我知道这只是一个友好的提示,以帮助用户录制更好的画质。

5、进度提示

当我第一次使用的时候,我实在不明白对按钮下方的时间显示。在用过几次之后才知道,左边显示的是原始记录时间,右方显示加工后的短片时间(初始设置为6倍加速)。

用户在初次使用时势必要困惑于此,很难以察觉的交互设计呢。

6、速率改变

如果我的动图让你很迷惑,我先说句抱歉了,实在已经尽力!

这实际上是我的喜欢Hyperlapse的一个细节,的确很聪明。当你改变时间推移速度,随着用户手指的滑动,透明的黑色覆盖在屏幕上的闪现出文本会显示当前的速率乘数。

7、防抖

这是一个被隐藏的交互体验,在预览的过程中可通过点按屏幕,即可快速比较经过防抖处理和未经防抖处理的视觉效果。虽然这并没有太大的作用,期待Hyperlapse在今后能够有更多功能上的改进。

8、删除

当你删除一个Hyperlapse,整个页面会向右上角滑出消逝,取代选择删除或稍后编辑选项时模糊的背景,最后又回到拍摄模式。整个光滑无缝的视图切换动效也是产品真正的乐趣所在。

9、保存分享

一旦你保存你的第一个Hyperlapse,应用会直接引导你下一步分享或是新Hyperlapse。动图展示了每一个按键的细节,但是更值得注意的是在此整个全部模糊的背景框图。

10、锁定

点击按住屏幕上任何一个位置,在录制过程中就可聚焦锁定在这个特殊的点上。

11、保存编辑

我最后一个介绍的细节就在这个稍后编辑上,Hyperlapse很好的利用了动效,和色彩,使整个操作流程都相当生动。

   
次浏览       
相关文章

用户故事与用例
交互设计师之精益画布篇
数据分析之用户画像方法与实践
如何快速建立用户模型?
 
相关文档

用户界面设计
给企业做大数据精准用户画像
用户体验和交互设计
大数据下的用户画像
相关课程

用户体验&界面设计
用户体验、易用性测试与评估
用户研究与用户建模
用户体验的软件UI设计最佳实践
最新活动计划
LLM大模型应用与项目构建 12-26[特惠]
QT应用开发 11-21[线上]
C++高级编程 11-27[北京]
业务建模&领域驱动设计 11-15[北京]
用户研究与用户建模 11-21[北京]
SysML和EA进行系统设计建模 11-28[北京]

从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   

以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计

北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...