e袋洗App产品体验报告

贰.成品一定

一.ref是通过ReactDOM.render返回的

  定义在组件上的render方法再次来到的是3个虚拟的DOM节点,jsx再次来到的是一个ReactElement,ReactDOM.render再次来到的是三个组件实例的引用

var myComponentElement = <MyComponent />; // This is just a ReactElement.

// Some code here...

var myComponentInstance = ReactDOM.render(myComponentElement, myContainer);
myComponentInstance.doSomething();

 

(二)在左侧视觉化呈现订单物流状态是可取。还有视觉优秀服务档次(如:洗衣,洗鞋),也是2个亮点。

二.ref的类型

ref有两种类型的值分别是:字符串和函数。组件的ref惟有组件棉被服装载之后才能访问取得。

(一)右上角的充值入口本应是与余额有十分大的关联的,可是在排版上面却并未有关联。建议去掉这些进口,在点击进入余额页面后,再唤醒充值,那样逻辑比较连贯。

 二.ref的值是一个函数

  (一)给多个DOM组件设置贰个ref属性。那个回调函数在组件mounted之后立时调用,能够给这些回调函数字传送递一个参数,该参数指这些DOM节点

 

var Div = React.createClass({
    render:function(){
        return <div ref={function(curDivNode){
                                console.log(curDivNode.firstChild.nodeValue);//kfjdk
                                   }
                            }>
                    kfjdk
                </div>
    }
});    

 

(二)给一个复合组件设置二个ref属性,这几个回调函数在组件mounted之后立时调用,能够给这一个回调函数传递二个参数,那些参数指那些组件实例的引用,因而能够调用这些实例上的艺术。

 

var Div = React.createClass({
    render:function(){
        return <div ref={function(curDivNode){console.log(curDivNode);}}>
                    kfjdk
                </div>
    },
    check:function(){
        console.log('我是组件方法')
    }
});
var OutDiv = React.createClass({
    render:function(){
        return <Div ref={function(outDivNode){
            outDivNode.check();//我是组件上的方法
        }}/>
    }

});

补充:(一)不要将ref设置到用函数类型阐明的零件上,在函数类型表明的组件上,通过this.refs.refName获得的是二个null,不过你能够在函数类型组件内部的DOM组件可能class类型组件上安装ref

(二)建议使用函数类型ref代替字符串类型ref

var Liu = React.createClass({
    render:function(){
        return <StateLess ref='stateless'/>
    },
    componentDidMount:function(){
        console.log(this.refs.stateless);//null
    }
});
function StateLess(){
    return <p>StateLess</p>
}

  (二)在render函数内部并非访问ref

  (三)ref自动管理。固然子女被损毁,它的ref也被损毁,不用操心内部存款和储蓄器

  (四)ref能够被安装在别的组件上

(叁)积分还有优惠券,是1对经营销售手法。方今来看“e袋洗”那一个地点还处于中期,相信会进一步全面。

一.ref属性值是1个字符串

  (壹)给贰个DOM组件(如:div,input等)设置3个ref属性,通过this.refs.refName获取到的是三个事实上的DOM节点

var TextInput = React.createClass({
    render:function(){
        return <input type='text' className='text' ref='input'/>;
    },
    componentDidMount:function(){
        console.log(this.refs.input.type);//text
    }
});

  (二)给2个复合组件设置四个ref属性,通过this.refs.refNamde获取到的是一个组件实例的引用,因而可以调用这一个组件实例上的艺术

var TextInput = React.createClass({
    render:function(){
        return <input type='text' className='text'/>;
    }
    check:function(){
        console.log('我是组件中的方法');
    }
});
var DivBox = React.createClass({
    render:function(){
        return <TextInput ref='TextInputClass'/>;
    },
    componentDidMount:function(){
        this.refs.TextInputClass.check();//我是组件中的方法
    }
});

贰.具体分析:

 三.将子组件中的dom成分揭示到父组件中

在1些境况中,需求将子组件中的成分节点暴光到父组件中(这并不引入),可是当在父组件中必要让子组件中的成分获得关键,也许管理子组件中元素的职分或大小
时那很有用。大家得以给子组件设置ref,不过那并不是一举两得的缓解方案,因为那不过收获了2个零件实例而不是DOM节点。代替的方案是:给子组件设置一个函数类型
的prop,然后在子组件上将以此函数类型的prop设置到成分节点ref上。如下:
class ParentCom extends
React.Component{
   render(){
      return <ChildrenCom
propFunc={elem => this.input = elem}/>
   }
}
function ChildrenCom(props){
   return <input
ref={props.propFunc}/>

}

当ref回调是1个行内函数,那么些函数在组件更新时期会调用一次,第二遍调用时的参数时null,第壹遍调用时参数时DOM成分。

 

首页

一.首页

订单页

O贰O洗衣不只是Online和Offline,而是服务商将服务给予消费者,消费者举报服务质量的总体进度。O二O洗衣并不只是简单的线上出示和线下体验,连接贯穿于线上线下1切交易进度,甚至越来越长。O二O洗服装务,―服务‖才是重点,把具有用户的售后题材解决好才能真的在那片蓝海走的更远。

二.线下流程

6.效果结构

叁.施用情状

1.产品简介

(二)咱们能够从那一个个人基本页面看到”e袋洗“的战略性,“取送小e招募”便是相仿大家蓝月亮的“月亮Smart”,是二个合营伙伴的平台,可以让快递格局o贰o化,能够减低快递开支,加速快递速度(当然是阳台完毕自然的体量后)。

满意度

一.市集包含

能够窥见,选择众包和小区管家的物流方式以及接纳自建洗涤工厂的e袋洗在用户满意度上比不上不自行建造筑工程厂、自行建造服务型物流的泰笛洗涤。那也能够反映在两岸市镇份额和APP使用率上。下一步e袋洗急需提高洗衣裳务品质和用户体验,升高用户满足度。

效用布局

订单页

市镇份额

一.归纳:订单分为服务大壮已成功,方便用户管理本人的订单。用户能够实时理解各种订单的物流状态。订单中归纳的音信有:订单号码、服务时间、衣服详情、用户音讯和物流音信。

前言:

一.地区分析

(二)右上角的“反馈”地方过于鲜明,能够驰念放在设置内。

使用率

(伍)“高端洗护”的板块,排版显得左侧过于空,可以设想沿用“普通清洗”的排版情势,并经过界别“高端洗护”的标志,来分别板块。恐怕将以此板块改为底图+描述文字的排版方式。

订单页

线下流程

二.具体分析:

三.用户分析

e袋洗

壹.包含:在洗煤页面使用主旨图轮播+宫格导航的秘诀

个人基本

(四)可以怀想将“服务介绍”与“服务范围”并合为“协理”并放在在右上角地方。

人工早产画像

问题图:最新打折活动,促进用户消费。

(壹)都市白领工作劳顿,不可能霎时清洗服装,通过手提式有线电话机预订洗护服务,省时省力便可处理积累了少数天的脏时装。

注:小说内局地资料来源于“人人都以成品老板”与“叁节课”。

虽说e袋洗在京城、北京、布拉迪斯拉发、斯图加特、德班、武汉、哈博罗内、卢布尔雅那、福冈、匹兹堡、西安、广州、奥马哈、圣多明各、瓜达拉哈拉、德班、Valencia、克雷塔罗、斯科学普及里、南通、福州、温尼伯、斯特拉斯堡、乌鲁木齐、瓦尔帕莱索、利兹、南通、岳阳、芜湖等都会开始展览了劳务,不过用户首要集中在北上广深1线城市中,所以说一线城市用户生活节奏快、人口集中,有雅量的洗衣要求。

在用户知足度上,受访者中,泰笛的用户满足度高达九5%,而e袋洗的用户满足度则为陆伍%,懒猫洗衣为2/四。

(3)在还向来不安顿取货的时候,无条件废除订单,也是相当的亲昵的,然则某个撤除原因是不是能够放置“投诉”板块,并且“投诉”板块假设得以预设几个或者的投诉原因会越来越好。

五.成品主流程

线上流程

二.具体分析:

(壹)主旨图不够吸引人,打折的点并没有丰裕的隆起。

一.席卷:个人核心页面是利用的设置页面。包蕴余额、优惠券、常用地址、应用推广、绑定实体卡、意见反馈和更加多不常用的装置。那个功用比洗衣和订单作用低频,不常用,集合在自我的页面并选拔列表导航是1种常用做法。

壹.线上流程

三.民用大旨

洗衣O二O早期靠各类推广与补贴来扩大消费者知晓度和使用率,早先时期真正能长久做下去依然须求优质的劳务来维持老客户,进步客户满足度。我们平时听到部分换洗服务平台洗不根本,洗坏衣裳等的资源消息,能够看出洗服装务的劳务品质还有待坚实。对于平台来讲,唯有增强服务人士的素质,加强服务的军管,用精练的劳务质量得到消费者能够的祝词,才能在最近硝烟弥漫的O2O洗衣大战中获得胜利。

(壹)在列表页,出现订单号码和劳动时间多个用户关切且不难分化的音讯是稳当的。不过“取件时间”那样的重点新闻,是不是能够通过颜色的区别来优异。

2.人群画像

虽不过今020换洗行业前行火速,用户要求巨大,020洗衣也决然顺着那几个风口飞向贰个越来越高的上空。但是当前洗衣020行当平等存在着各式各类的用户难点。不管是e袋洗能够,依旧泰笛也好,各个洗衣出难点但不可能缓解的难点不足为奇。

7.作用分析

订单页

二.订单页

(三)出差人员,不便于清洗衣裳的,通过酒店快洗功效,能够大饱眼福在家的涤荡体验。

e袋洗是高格调的O二O洗衣裳务。需求换洗时,仅需APP/微信下单、预定时间地方,就会有专业的上门服务职员按时上门收取衣裳。经过15道专业清洗工序后,7贰小时内将熨烫平整的衣服送回。

当前O二O市镇,O2O洗衣,使用频次和用户需求照旧很高的,占据整个O二O市集百分之10左右份额。

(二)对于大物件、精细物件,在家不便洗护的气象下,连忙拿到专业可相信的洗护服务。

e袋洗的用户集中在20-四十虚岁年龄段,以男性(9陆%,单身狗居多)为主,与e袋洗的制品定位相符。

二.市镇份额

依据《二〇一六第三季度中国洗涤O2O行业提升报告》的数额突显,洗涤O二O集镇阶梯性不一样,泰笛洗涤以四分之三的月订单量高居头名,e袋洗月订单量为五分一,其他不到五%的市场份额由懒猫洗衣、泡泡洗衣、衣卫士、笔者要洗手、懒到家瓜分。

作为O二O洗衣市场的前任,e袋洗干净颠覆了守旧洗衣行业。当然,也透过吸引了洗衣O二O互连网蓝海的竞争。包涵泰笛、干洗客、洗衣邦、洗洗、懒到家、懒猫洗衣、泡泡洗衣等店铺纷繁进入该市场。

地点分析

作为洗衣020那片蓝海,最近也是地处壹种竞争能够的景况。最近较大的两家洗衣020小卖部分别是E袋洗、泰迪洗衣。E袋洗长期排在Appstore生活免费榜3311人左右,泰迪长时间排在生活免费帮180左右。(数据来源于appduu)

数字100的2015年第一季度数据展示,使用过洗涤APP的受访者中,泰笛洗涤服务的使用率为6五%;第三名是使用率十分二的e袋洗,别的一5%出自懒猫洗衣、泡泡洗衣、衣卫士、小编要洗手、懒到家。

首页

4.市镇分析

宫格导航:依照e袋洗的服务类型和常用成效团体导航,导航按钮简单明了,方便用户展开下一步操作。

鉴于近年来集团供给为会员提供洗衣服务专享特权,故大家研商了一些竞品,看看是不是对此我们自身的洗衣裳务具有帮忙。上边就是“e袋洗”的出品体验报告。

(叁)评价不要求停放首页上边,能够设想放在对应的劳务板块内。

e袋洗那款产品的用户是有洗衣要求的家中、对洗衣品质有供给的人流以及生活节奏快的青少年。洗衣裳是件高频次的供给,无论男女老少都有衣饰要洗。在高房价,80后、90后活着标准增强等因素下,越来越多的人会甘愿采用去洗衣店洗衣。

Post Author: admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注