交互设计案例-闲鱼产品分析

m_125a5501a3ef000001a6c9a49dcc

闲鱼·产品分析

Completion Date    Completer    闲鱼Versions       Phone Type

March 11,2015     niu hang      V_2.1.3_Android     MEIZU MX4 Pro

m_a1de5501a3ef000001a6c9585838

1.战略层

用户需求:闲置物品的买卖(包括且不限制于二手物品、个人创作物品、等等)。

产品目标:瞄准个人商品交易市场,借助淘宝主站的流量资源和淘宝账号体系,建立以支付宝信誉为担保的个人交易平台。

2.范围层

产品基本功能:商品发布、商品分类、商品检索、商品浏览、商品收藏、商品分享、用户互动、商品购买。

特色功能:一键转卖,添加语音描述、交易前聊一聊,鱼塘、手机估价,等。以达到产品目标而设计和建立起来的产品基本功能体系能够满足用户需求; 特色功能:1.一键转卖,使用淘宝的账号体系的用户可以一键转卖在 淘宝上已经购买的物品,物品的原价、名称、主图都会自动添加,用户只需要输入转让价就行,简单快捷,可谓是剁手党的福利。2.为商品添加语音描述让买家感 觉更真实,既提高了商品信息的清晰度,也能免去卖家发布商品时打字的麻烦,拉近卖家和买家的距离;3.交易前聊一聊,通过该平台买家可以向卖家咨询商品的 详细信息,增大了商品信息的完整性,解决买家的疑惑,同时卖家也能够在此衡量买家购买欲的强烈度,可以有效提高交易成功率,增加成交量;4.鱼塘是在地里 位置上的一个用户聚集区,不仅能促进同社区乃至同城的闲鱼交易,而且可以提高用户粘性。

3.结构层

交互流程和信息架构

m_28395501a6f4000001a6c9aef4d9
闲鱼的整个买卖流程和淘宝大致一样,大流程为:买家拍下物品,买家付款至支付宝,卖家发货,买家收货,买家确认收货后钱款打入卖家账户。如果用户使用过像淘宝这样的购物网站,也许对闲鱼的整个流程不会产生太多疑虑。

闲鱼的信息组织分类方式和导航结构体现出闲鱼以层级结构和线性结构为主的信息架构,既从战略层考虑,根据产品目标和用户需求自上而下进行结 构设计,也从范围层出发,以产品功能和内容自下而上进行归类设计,相辅相成,建立了一个满足用户需求且可以高效浏览产品内容的架构体系。

我在梳理闲鱼信息架构时发现“闲鱼介绍”模块包含在“闲鱼公约”里,我不知道闲鱼开发团队是出于什么考虑而这样设计,我个人认为“闲鱼介绍”模块应该从属于“关于闲鱼”模块。

4.框架层

闲鱼·首页布局及信息设计

m_51e65501a3f4000001a6c93280fe

 

闲鱼·同城页布局及信息设计

m_64e75501a3f5000001a6c94b33dd

 

闲鱼·我的页面布局及信息设计

 

m_279e5501a3f7000001a6c97c703b 

 

闲鱼·宝贝详情页面布局及信息设计

 

m_9fd25501a3f8000001a6c94ba1de

 

闲鱼·交易前聊一聊页面布局及信息设计

  

m_30d25501a3fa000001a6c931d7da 

m_29445501a3fa000001a6c96b53d8

m_19bb5501a3fb000001a6c982c4bf 

闲鱼·检索流程页面布局及信息设计

m_95d35501a3fd000001a6c99d9dcf

m_297b5501a3fd000001a6c9dee005

5.表现层

扁平化风格。

黄色为主视觉色调,配色清新。

字体字号视觉感合理舒服。

按钮样式、尺寸合理,状态形象易懂。

产品气质我感觉挺好的。

6.总结

提问:我对于扫码这个功能有一点疑问:扫商品条码后会检索此商品,那么既然这个商品就在用户眼前,用户 为什么还要买,难道只为一个场景而设计(用户想买一个物品XX,但是买不起,跑到卖东西的地方用闲鱼扫了一下物品XX的条码,看看闲鱼里面有没有同样闲置 的物品XX在出售),但是用户为什么不直接打字输入物品XX的名字来搜索呢,好麻烦。。。我用淘宝扫码最多就是查价格对比,想买的东西一般都无码可扫(比 如衣物),闲鱼的扫码好像不能查价格,我的想法是,扫码之后如果查询不到可以引流到淘宝或者天猫。

 总结:闲鱼能够为用户个人买卖提供完整的功能服务,有着简洁高效的商品发布和商品浏览购买流程,闲鱼清 晰的导航设计、合理的界面设计和准确的信息设计展现出有用和易用的信息架构与交互逻辑,首页还拥有和微博一样的视觉浏览体验,我认为在产品设计层面,闲鱼 和主流APP像微博微信已经不相上下。

闲鱼,要做的是从“淘宝二手”华丽的转变为文艺青年,将会包含的更多。

PS:我在体验闲鱼时发现了一个BUG。如下图所示

操作步骤:我的>设置>退出登录>确认>我的>快速注册>输入可用手机号>下一步>出现

m_b6d95501a7f8000001a6c97162de

文章来源:站酷

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

(0)
TinadminTinadmin
上一篇 2015-05-06 17:46
下一篇 2015-05-11

相关推荐

  • Axure RP 8软件安装视频教程

    Axure RP 8下载地址:链接:https://pan.baidu.com/s/1smi2vvf密码:l2oj安装中有问题请咨询私人微信:152374906801、双击打开此文件2、点击next3、选择i  agree然后点击next4、点击bowse更改存储位置建议不要放在C盘然后点击next5、点击next6、点击next7、等待安装8、取消勾选Run Axure RP 8,然后点击Finish9、打开软件的安装目录把复制的la...

    2018-03-04
  • 什么才是正确的原型设计?

    草图,线框图,设计草稿,高分辨率的可视效果:原型对交互式应用发展的作用是必不可少的。下面跟大家一起探讨一下其中的联系和区别,哪些方式适用于哪些项目。 在电子产品的开发中没有一个最终目的是原型。原型的目…

    2017-03-14
  • PM的利器——流程图基础

    一、什么是流程图?流程(flow):一系列的逻辑关系(因果关系、时间先后、必要条件、输入输出),在特定的情境下满足特定用户的特定需要的总结。固化、变化。图(chart):形式表现;图形化、可视化;传播性、优化迭代性;二、为什么要画流程图?流程图:角色、流转、规则、顺序、输入、输出;流程图三、流程图有哪些?(1)设计草图:角色、任务、逻辑、输入输出(2)线框图、交互原型图:内容、布局、权重、交互手绘线框图sketch线框图(3)视觉图、U...

    2018-04-08
  • 设计师进阶:从UED向UXD转型

    UXD(User experience designer)概念为何在当下越来越热?这个新Title对设计师意味着什么?UXD对设计师提出了怎样的新要求,设计师们又如何去转型UXD呢?在设计师转型UXD的背景下,还需要讲求专业精深吗?纯视觉设计师VD(Visual designer)又有怎样的发展路径?

    三位阿里巴巴UED掌门人分别从自身视角对设计师转型UXD进行了解析。

    2017-05-12
  • 超出预期的才叫用户体验

    什么是用户体验?我认为,用户体验其实就是一种心理感觉。拿最简单的吃饭这件事来打一个比方。我在饭店,吃饭付账,这个过程叫作体验吗?肯定谈不上。用户体验,肯定是特殊的,肯定是不正常的,肯定是在你的预期之外的。超出预期才形成用户体验如果做跟别人一样的东西,那这些功能并不叫体验。很多人在抄袭别人产品的时候,经常说某某公司做了什么功能,老板说照着做一个,但是你想没想过,如果做得跟别人一样,是没有机会的。当年我们做的是免费杀毒。当时所有其他品牌的杀...

    2018-04-08
  • Sketchelp·2018暑期ACCD手绘造型工作坊

    今年暑期份的ACCD手绘造型工作坊又来啦!没错,主讲老师还是你们的E神。2013年,这个可爱的湾湾人带着他的一大摞手绘本来到大陆,二话不说就将自己在Art Center勤学苦练之所得倾囊相授,默默帮助了一届又一届的学生打开手绘大门。没脾气、没架子,却还是位高级汽车设计师。-有关 ArtCenter College of Design美国艺术中心设计学院(ARTCENTER COLLEGE OF DESIGN)坐落于美国洛杉矶的帕萨迪纳市...

    2018-05-03
  • 交互式网站UI设计指南

      Web开发社区有着大量的交互式设计轻松解决方案。虽然现在大多数网站都能够做到交互性了,但是我们需要不断向前、创新。我们很容易将注意力集中到编码方面,但是有时候不同屏幕尺寸的实际设计考虑却往往被忽视。 …

    2014-12-23
  • 用户体验是玄学吗?

    恍恍惚惚又是一年年底。又到了设计师们的“季节性迷茫期”,最近我的公众号后台经常接到好多朋友的信息,自己行间透露着迷茫和不自信。大的趋势和节奏还是和去年一样,有些视觉设计师询问我如何转UI,有些UI设计师问我如何才能培养产品思维…其实大家都在迷茫,在这里我想分享一个用户体验相关的综述给大家,希望能对大家找准自家的定位有帮助。我最初是一名UI/视觉设计师,然后随着一步一步的发展,给自己的目标也在发生变化,我现阶段给自己的最终定位是成为一名用...

    2018-02-06
  • 专业的网页风格指南应该如何制作?

    文案规范
    视觉指南

    配色方案,包括每种色彩的具体参数,以及其他可接受的色调
    字体和排版方案,包括每个部分的字体类型、尺寸、字重以及具体用法
    LOGO,包括它的样式、变体、尺寸以及位置的说明
    拼写、关键词的选择、文案的风格(包括按钮、社交媒体等)
    图片使用规范,包括色彩、裁剪规则和视觉表现方面的标准
    SEO信息,比如可选的标签和关键词
    栅格标准(主要用作网页排版和印刷)
    空间与留白方面的说明(设计的松紧度等)
    关键点的说明(团队成员可能会提出的问题或者有待澄清的点)

    在内容表述上不要限制太多,这毕竟是风格指南,重点是视觉上的引导,设计是核心;
    将相关、相联的条目整合到一起做快速指引:一个页面介绍色彩,在另外一个页面做排版的规范等等;
    用图片案例来展示界面应有的外观,而不要单纯用枯燥的文字来做介绍;
    提供可用的具体说明。比如配色方案中提供色彩的RGB或者CMYK的具体值,确保色彩的运用能够一致;
    将一部分的设计案例分解说明,确保每个元素的功能和使用规则都足够明晰;

    2017-05-22
  • 基于数据的可用性研究

    小编语:这是一篇关于交互设计与可用性研究的古老的文章,今天小编翻出来给新交互师们看一下~ Thomas Baekdal在The Battle Between Usability and User-Experience中提到,可用性较高的产品并不一定带来好的用户体…

    2015-01-24