电商类APP流程和规范.ppt

电商类移动APP流程和规范 UIUE专业一阶段课程 电商类APP流程和规范 流程 规范 信息简化，加强用户体验 交易按钮要在屏幕显示之上 内容容易接触，步骤简单 在移动端要使用聊天的方式沟通 注册页面要短 内容为先，描述次之 心要比星好 为设计流程写文档 1.遵循统一的准则，确定标准并遵循； 2.颜色使用恰当，遵循对比原则 3. 统一的构图布局，色调风格 4.字体应用 5.文字表达 6.控件风格、布局； 7.布局的顺序 8.快捷键、弹出菜单； 9.用户交互 10. 帮助。 APP流程和规范 电商类APP流程和规范 电商类APPUI 电商类移动APP流程 电商类APP流程和规范 1. 信息简化，加强用户体验 信息要简化。这样做会加强用户体验，让用户关注主要内容，用户关注的越多，进行交易的可能性就越高。 电商类移动APP流程 电商类APP流程和规范 2. 交易按钮要在屏幕显示之上 交易按钮要总保持在屏幕的可见范围之内，甚至可以设计成红色或绿色等醒目的颜色，不要夸张到干扰了用户体验就好。之前的设计直接把交易按钮放在了产品图片的下面，而我们把按钮添加到了工具栏中，这样用户在浏览页面时，可以随时点击顶部下单。 电商类移动APP流程 电商类APP流程和规范 电商类移动APP流程 3. 内容容易接触，步骤简单 用户不关心你的目录设计的多么巧妙，他们只想要更简单的找到产品。 电商类APP流程和规范 4. 在移动端要使用聊天的方式沟通 邮件的通信方式对于移动端来说，很不合适，聊天就要自然的多。对于电子商务网站，商家很有必要跟用户进行沟通，这样可以减少交易时间。 电商类移动APP流程 电商类APP流程和规范 电商类APP设计流程和规范 5. 注册页面要短 当你看到一个很长的注册页面时，用户会感到厌倦和难以忍受。不要在注册的时候问太多的问题，先把用户拉进来再说。 电商类移动APP流程 电商类APP设计流程和规范 6. 内容为先，描述次之 我们发现应用上的内容越多，交易也就越多。先上传图片，再进行描述，而不是反向的程序。 电商类移动APP流程 电商类APP设计流程和规范 7. 心要比星好 如果你的应用现在允许用户为自己喜欢的东西打星，那么改用心形图吧。这个改变让这个功能的使用量增加了10倍. 电商类移动APP流程 电商类APP设计流程和规范 8. 为设计流程写文档 好的设计需要文档的帮忙。 电商类移动APP流程 电商类APP设计流程和规范 1.遵循统一的准则，确定标准并遵循； APP设计规范具体内容： 电商类APP设计流程和规范 2.颜色使用恰当，遵循对比原则：色彩标准、色彩对比，突出内容、显示测试； APP设计规范具体内容： 黄色: 智慧，想象力，回忆，创造力，知识，洞察力，说服力，吸引力，信心，欢乐， 紫色：高贵、典雅、华丽 电商类APP设计流程和规范 3. 统一的构图布局，色调、对比度、色阶和风格； APP设计规范具体内容： 红色: 爱情，爱的力量，热情奔放，充满希望，蕴含能量，勇气，力量，活力，干劲，健康 红色：华丽，强烈，活泼的，艳烈的，游戏 红色：表示活力、健康和希望； 橙色：高兴、狂欢、高尚、热闹、行动、快乐、满足 橙色：表示兴奋、喜悦和华美； 4. 宋体 ，黑体-简，黑体-简的英文名称为Heiti SC大小： 包含“细体”与“中黑” 电商类APP设计流程和规范 APP设计规范具体内容： Heiti SC：黑体-简，黑体-简的英文名称为Heiti SC 　　Heiti：黑体的拼音，SC代表简体中文(Simplified Chinese)，是Mac OS X Snow Leopard(版本10.6)包含的简体中文字型，也是iPhone OS 3.0(版本4.0后改名为iOS)及iPod nano第五代以来的预设简体中文字型。 　　黑体-简系：为黑体，取代华文黑体成为Mac OS X Snow Leopard的预设简体中文字型。在过去，华文黑体是Mac OS X的预设简体中文字型，因此以前并没有黑体-简。 　　黑体-简：是全新的字型，与黑体-繁同以华文黑体为基础开发，成为Mac OS X Snow Leopard与iPhone OS 3.0(版本4.0后改名为iOS)之后内建并同时为预设的简体中文字型。 虽与华文黑体为两套字型，但差异微小，仅排列上有差距，笔画的差距也十分微小。包含“细体”与“中黑”，黑体-简与黑体-繁皆用.ttc(TrueType Collection)格式，可以在单一档案包含多套字型。其中，黑体-简与黑体-繁的细体在/System/Library/Fonts /STHeiti Light.ttc，黑体-简与黑体-繁的中黑在/Library/Fonts/STHeiti Medium.tt