界面竞品分析输入框单选框复选框

1、 2012 SUNING 易购 UED. _j交互设计部SUNING易购 UED设计架构组 潘夏辰界面规范竞品分析 输入框 单选框 复选框20130416 2013 苏宁易购 ued 规范管理部SUNING易购 UED目录竞品分析的目的竞品目标及方法竞品分析 2011 苏宁易购 ued by JuneSUNING易购 UED目的竞品分析的目的是调研各家输入框元素，通过竞争对手公司产品比较以及收集用户研究数据，来确定页面中的输入框，单选框，复选框规范。 2013 苏宁易购 ued 规范管理部SUNING易购 UED目录竞品分析的目的竞品目标及方法竞品分析 2011 苏宁易购 ued by Jun

2、eSUNING易购 UED竞品目标、方法1、确定竞品 互联网比较突出产品进入B2C前10排名的产品，与苏宁易购定位相似产品/用研设计/交互方认为有竞争力或值得特别关注的产品 根据上述标准，确定本次分析的竞品如下表所示： 竞品B2C网站综合排行（04.21）优先级说明百度2新浪sina3淘宝4与易购定位相似，排名10以内京东商城6与易购定位相似，排名10以内淘宝商城与易购定位相似，排名10以内亚马逊与易购定位相似，排名10以内1号店10排名10以内，共同推荐LOTTE韩国知名购物B2C，与易购定位相似竞品列表 2011 苏宁易购 ued by JuneSUNING易购 UED竞品目标、方法2、方

3、法 通过查看各家网站输入框状态，输入框样式，确定合适的输入框标准，针对苏宁易购网页上的输入框给出合理建议。 2013 苏宁易购 ued 规范管理部SUNING易购 UED目录竞品分析的目的竞品目标及方法竞品分析 2013 苏宁易购 ued 规范管理部SUNING易购 UED输入框规范竞品分析 2011 苏宁易购 ued by JuneSUNING易购 UED竞品分析 状态变化1. 京东商城2. 淘宝默认状态选中状态报错状态输入状态 2011 苏宁易购 ued by JuneSUNING易购 UED3. 一号店4.亚马逊默认状态选中状态报错状态输入状态 2011 苏宁易购 ued by June

4、SUNING易购 UED5.LOTTE默认状态选中状态报错状态输入状态6.百度7.新浪 2011 苏宁易购 ued by JuneSUNING易购 UED竞品边框边框提示信息提示信息光标光标百度默认无提示信息无新浪sina默认出现无淘宝默认出现无京东商城默认出现无淘宝商城默认出现无亚马逊默认无提示信息无1号店默认出现无LOTTE默认无提示信息无苏宁易购默认出现无默认状态默认状态下，边框等部件都保持在默认状态，提示信息根据需要展示，当标题内容足够说明需要填写的内容时，可以不出现提示信息 2011 苏宁易购 ued by JuneSUNING易购 UED竞品边框边框提示信息提示信息光标光标百度高亮

5、无提示信息闪烁新浪sina高亮消失闪烁淘宝高亮消失闪烁京东商城高亮消失闪烁淘宝商城高亮消失闪烁亚马逊高亮无提示信息闪烁1号店高亮消失闪烁LOTTE高亮无提示信息闪烁苏宁易购高亮消失闪烁焦点移入焦点移入状态下，竞品都使用边框高亮来表示此部件被激活的状态，有提示信息的，此时都消失等待用户输入文本。 2011 苏宁易购 ued by JuneSUNING易购 UED竞品边框边框输入信息色号输入信息色号光标光标百度高亮正文色闪烁新浪sina高亮正文色闪烁淘宝高亮正文色闪烁京东商城高亮正文色闪烁淘宝商城高亮正文色闪烁亚马逊高亮正文色闪烁1号店高亮灰色闪烁LOTTE高亮蓝色闪烁苏宁易购高亮正文色闪烁输入状

6、态输入状态，边框都继续保持高亮以表示此部件正在被激活使用中，输入的信息颜色大部分为深的正文色，乐天为突出用户输入的信息甚至使用了更为显眼的蓝色。易购可跟随行业主流，使用较为突出的正文色。 2011 苏宁易购 ued by JuneSUNING易购 UED竞品输入框边框输入框边框输入框底色输入框底色报错位报错位百度高亮不变输入框 上方 新浪sina默认不变输入框 上方 淘宝默认不变输入框 上方 京东商城高亮不变输入框 下方淘宝商城默认不变输入框 下方亚马逊默认不变输入框 下方1号店高亮不变输入框 下方LOTTE高亮不变弹框报错苏宁易购高亮不变输入框 下方异常状态异常状态，输入框边框形式行业内都不

7、够统一，有的变红色高亮有的保持默认状态，底框一般情况下不变色。报错位根据界面大小变化，上方，下方，后方均可。其中乐天较为特殊为弹框报错。 2011 苏宁易购 ued by JuneSUNING易购 UED竞品分析 输入框大小 2011 苏宁易购 ued by JuneSUNING易购 UED输入框高度大小没有严格的规范，各家竞品均根据自己的业务需求及界面空间改变输入框高度。其中只有亚马逊相对统一，大小控制在20px。苏宁易购正文字体一般为12px，建议根据正文字号把输入框高度定为30px。如有特殊情况，可根据页面空间和业务需求调整，跟规范组报备。 2011 苏宁易购 ued by JuneSU

8、NING易购 UED 2013 苏宁易购 ued 规范管理部SUNING易购 UED复选框 单选框 竞品分析 2011 苏宁易购 ued by JuneSUNING易购 UED1. 亚马逊2. 一号店 2011 苏宁易购 ued by JuneSUNING易购 UED3. 天猫4. 淘宝4. 淘宝 单选框默认：移入：选择： 2011 苏宁易购 ued by JuneSUNING易购 UED5. 百度6. 新浪 2011 苏宁易购 ued by JuneSUNING易购 UED竞品单选框单选框复选框复选框特殊产品特殊产品百度系统默认系统默认新浪sina系统默认系统默认淘宝系统默认系统默认京东商城系统默认系统默认淘宝商城系统默认系统默认 / 自己设计淘宝旅行亚马逊系统默认系统默认1号店系统默认系统默认LOTTE系统默认系统默认苏宁易购系统默认系统默认允许自己根据需要设计单选框 复选框样式统计根据调研统计，以上竞品大在单选框，复选框这种