界面竞品分析对话框

1、界面规范管理部 顾巍界面规范竞品分析对话框20130424目录竞品分析的目的竞品目标及方法竞品分析分析结论 ?你是否开始关于对话框的竞品分析？是我觉得我有点眼花。否 ?你是否开始关于对话框的竞品分析？是是不是有点单调？否 ?你是否开始关于对话框的竞品分析？是我觉得我语文学得不好。否 ?你确定开始关于对话框的竞品分析？取消我觉得我逻辑有点不够用。确定 ?你确定开始关于对话框的竞品分析？脖子疼。开始取消 ?你确定开始关于对话框的竞品分析？这是干嘛的来着？开始取消 ?你确定开始关于对话框的竞品分析？开始取消还能更好一点么？提醒就算你不烦，我也烦了。目录竞品分析的目的竞品目标及方法竞品分析分析结论目的

2、对话框（Dialog），也称弹出框，是人机交流的一种方式，包含按钮和各种选项，可以完成特定命令或任务的次要窗口。针对对话框的设计元素，参考各家竞品进行分析，得出结论。最后产出规范和组件库目录竞品分析的目的竞品目标及方法竞品分析分析结论竞品目标、方法1、确定竞品（按照以下标准来筛选）电商类产品，参考意义最大其他互联网突出产品产品/用研设计/交互方认为有竞争力或值得特别关注的产品 竞品说明淘宝淘宝系典型产品，平台型天猫淘宝系新晋产品，平台型京东与苏宁易购定位类似，B2C行业前列亚马逊与苏宁易购定位类似，B2C行业前列1号店与苏宁易购定位类似，B2C行业前列当当与苏宁易购定位类似，B2C行业前列一淘

3、淘宝系新晋产品，导购型新浪微博弹出框堪称典范竞品列表竞品目标、方法2、方法设计元素遮罩标题位置按钮（顺序及文案）关闭尺寸其他目录竞品分析的目的竞品目标及方法竞品分析分析结论竞品分析1、遮罩淘宝均无天猫均无一淘均有京东均有一号店视情况亚马逊视情况当当均无新浪微博均有遮罩背景，并弹出功能窗口，这种设计的好处可以减少不必要的视觉干扰，同时让用户停留在一个页面中，这样操作起来更有连贯性。 !等等！关闭是不是遗漏了什么警告 !难道你觉得现在出现对话框正常么？关闭我都想骂街了警告 !这里面有木有正常人了？关闭我已经骂街了。警告 !我早就不是正常人了。关闭没有意义！警告 !我早就不是正常人了。关闭没有意义！

4、警告 !我早就不是正常人了。关闭没有意义！警告 !我早就不是正常人了。关闭没有意义！警告 !我早就不是正常人了。关闭没有意义！警告 !看来我们需要先谈谈其他的东西。关闭关于使用对话框的理由。警告竞品分析使用对话框的理由在互联网上的对话框是一项仅次于弹出新窗口的打断型操作。在准备设计一个对话框之前，请“三”思，打断真的有必要吗，值得嘛？除了以上三种情况，请设计师非常谨慎的使用对话框，避免绑架用户。竞品分析1、遮罩淘宝均无天猫均无一淘均有京东均有一号店视情况亚马逊视情况当当均无新浪微博均有遮罩背景，并弹出功能窗口，这种设计的好处可以减少不必要的视觉干扰，同时让用户停留在一个页面中，这样操作起来更有

5、连贯性。建议所有对话框使用遮罩，使用户专注于对话框的内容。竞品分析2、标题淘宝混乱天猫均有一淘混乱京东混乱一号店均有亚马逊混乱当当混乱新浪微博均有标志性的标题栏可以提供统一的品质感建议标题作为标准配置，可参考天猫方案。竞品分析3、位置淘宝居中天猫居中一淘居中京东居中一号店居中亚马逊居中当当居中新浪微博居中点击后对话框应处于的位置。 ！你确定删除此页面？删除取消该操作无法恢复。警告弹出框定位于当前屏幕居中，并且不随浏览器滚动而消失竞品分析4、按钮4.1 顺序 ！你确定删除此页面？删除取消该操作无法恢复。警告讨论：为避免网站出现混乱，暂不要求实施此设计竞品分析4、按钮4.2 文案不多一个字说匹配用

6、户教育程度的语言写出文案后，逐字删除，除非造成歧义照顾用户的情感。这里多一个字，胜一万字条理清晰格式清晰逻辑清晰注明后果表明点击之后的情况很重要不适用判断词和代词仅仅写“是”和“否”不如写“删除”和“取消”直接。 ！你确定删除此页面？删除取消该操作无法恢复。警告以上四条竞品分析5、关闭淘宝X天猫X一淘X京东X一号店X亚马逊X当当X新浪微博X既然是打断操作，就应该能恢复提供右上角的“X”型按钮，非核心流程建议绑定Esc按键竞品分析6、尺寸淘宝W440 H300天猫W450 H330一淘W340 H250京东W470 H400一号店W490 H370亚马逊W500+ H400+当当W350 H300新浪微博W450 H280别太大，也别太小对话框建议以450 x300px2起始，800 x500px2截止。 450 300 500竞品分析7、其他尽量避免对话框中再次进行弹窗，也避免连续不断的弹窗连续打断用户不礼貌以上建议使弹出窗口可拖动绝大部分用户不会触发此事件属于体验提升设计个人评估没有性能问题新浪微博均采用了此设计目录竞品分析的目的竞品目标及方法竞品分析分