恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
在Instagram上创建拼贴图
0.0°
2014-07-24 自译外文 经验/观点 原作者: Lin Wang 举报 2883 8 3 0

    Instagram是一款不错的产品,我经常使用它。你可以在上面向朋友甚至全世界分享你的故事。不过,有时候用一张图也许没法讲述清楚你的故事。也许你已经用谷歌搜索过“怎样在Instagarm上制作拼贴画”了,让人惊奇的是搜索结果超过900万条。

 

 

下面是原型视频,稍后我会解释它是怎么实现的。☺

戳我去看视频,或者去原文看视频

 

问题

    我发现很多Instagram的用户发布图片和拼贴画时数量比较多,而且是手工排版,传递出来的故事相对较少。为了把这些拼贴图放上Instagram,用户多使用的是第三方应用。这些应用程序用户体验较差,还有很多严重的缺陷。

    我的目标就是解决这些问题,让用户一次分享多张图片,简单、方便,还很漂亮。(文章的末尾会看到原型。)

 

工程

    这是对设计的一次挑战,调查、思考、画线框图,然后做出符合Instagram用户特征的原型。特征就是容易使用,并且与现有的Instagram交互界面保持一致。能够让用户自由捕捉他们喜欢的瞬间,传达出引人入胜的视觉故事。

 

角色

    作为调查员和产品设计师,我扮演的角色现在得到了提升:

  • 人物形象
  • 用户故事
  • 用户任务流程
  • 线框图
  • 用户界面设计
  • 原型
  • 可行性测试

 

壮举

    提供了大规模的用户故事的综合浏览--高层次的设计故事。这让我对自己的设计进行全面的思考。这就是我在这个项目中的壮举。

    用户可以创建、编辑、查看、分享和删除拼贴图集。

 

设计故事

    写设计故事是一种抓住产品设计目的的灵活有效的方法。他们细致地描述了用户能够做什么。接下来是我的一些设计故事。

    用户能做的有:选择多张图片并使用它们制作拼贴图;在制作拼贴图时编辑图片;选择拼贴模版;在拼贴图中能复位和替换图片;查看拼贴图;取消制作;添加说明;添加位置,标签;分享等等。

 

人物形象开发

    为了体验和理解我为之设计的人,我制作了一个人物形象。这个人物形象引导我的功能开发,帮助我把精力集中在需要解决的重点问题上。它使设计决策少一些抽象,多一些人性化。

    下面这个小孩是我为拼贴图功能创作的人物形象。和Lucy打打招呼吧!

 

 

用户任务流程

    有些人把Instagram当作相机,有些人把它当作图像处理应用。Instagram最近添加了很多可编辑功能,但依然保持着简洁的拍照体验。我选择保留现有的用户流程,将我的拼贴图功能添加到编辑区里。下方的图包含了我的用户流程表,高亮区域就是主要的流程。

 

 

线框图

    下一步就是让我的用户流程可视化。我先在纸上画了线稿。有许多不同的版本,最终决定下面的版本比较有前途。经过一些快速的可行性测试,下面的版本能够让用户方便快捷地创建拼贴图。(另有一篇文章说明为什么不选择其他的版本。)

 

 

    下面是我用线稿为基础设计出的细节线框图。我设定拼贴图中最合适的图片数量是3,因为它给予用户足够的灵活性,并且乐于体验制作和分享拼贴图的过程。但这仅仅是假设,还需要更多的测试。我的假定来自于用户调查,设备尺寸的限制以及高质量的制作体验。

 

 

原型

    用一些图片测试了低保真度的线框图之后,我制作了一个快速且高保真度的原型来进行更多的测试。它能帮助我测试更深层次的用户流程,早点发现错误。之后,我还会做更多的可行性测试让设计变得可用。

 

下面是之前已经看过的视频,展示了用户怎样使用Instagram的拼贴图功能。

戳我去看视频,或者去原文看视频


接下来要做的:

  • 让我的设计可用
  • 可行性测试
  • 调整
  • 重复

 

    作为Instagram的热心粉丝,在设计的时光中我很快乐。我很希望有一天这个功能在应用中真的实现。拼贴图使用良好,用户相互分享一定是一件很棒的事情。


    如果你有任何疑问或者建议,请投递到:lin@tradecrafted.com,或者在twitter上@linafab。我非常乐意听到改进这个功能的建议。

 

注意:我不为Instagram工作,也不代表Instagram。做这个仅仅是一个设计挑战。我是一名产品设计师,现在在Kate Rutter和Laura Klein手下学习交互体验。我的志愿是设计出能为人们提供更好服务体验和让世界更加美好的产品。

更新:2014-07-24

收藏

8人已收藏

PassbyOne

静心

  • 15

    作品

  • 371

    粉丝

  • 7

    关注

  • 移动设计中不可或缺的交互
  • 单页面网站设计的5个技巧
  • UI/UX设计师访谈之Luca Burgio
  • 16个免费图库

    猜你喜欢

      2014-07-24 自译外文 经验/观点 原作者: Lin Wang 举报 2883 8 3 0

      在Instagram上创建拼贴图

      0.0°

      你确定要举报在Instagram上创建拼贴图

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年07月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      8
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录