微信小程序产品设计应注意的几点

从2017年1月9日微信第一批小程序正式上线，到后来全民大众玩跳一跳，在至微信对广大开发者的支持。各大巨头开始布局，2018年4月12日百度也上线了小程序，小程序已成为近期炙手可热的一个趋势，那么对于PM来说设计小程序应注意什么，下面以微信为例记录一二。

设计时减少无关的设计元素对用户的干扰，礼貌的向用户展示程序提供的服务，友好的引导用户进行 *** 作。

每个页面设计时都有明确的重点，便于用户快速理解，避免出现其它与用户的决策和 *** 作无关的干扰因素。

用户在进行某一 *** 作流程时，应避免出现目标流程之外的内容打扰用户

明确告知用户身在何处，又可去哪儿，确保用户在页面中游刃有余的穿梭

微信在小程序内不提供统一的导航栏样式，开发者可自定义，建议，所以的次级页面在左上角提供返回上一级页面 *** 作。另外，iOS可以右滑返回，安卓可以通过物理键返回

1 、小程序菜单 ：微信会在右上方放置官方的小程序菜单，固定位置，开发者不可对其内容自定义，但可以选择深浅两种配色，要预留出该区域空间

2、页面内导航

开发者添加标签分页Tab导航，标签分页栏可固定在页面顶部或底部。标签不得少于2个，不多于5个

小程序首页可选择微信提供的原声底部标签分页样式，仅供首页使用。可自定义图标样式，标签文案及文案颜色

顶部标签分页栏颜色可自定义，务必注意保持分页栏标签的可用性，可shi性和可 *** 作性。

页面过长加载会引起用户不满，但是加载等待不可避免，要及时反馈以缓解用户等待的不良情绪

启动页将突出展示小程序的品牌特征和加载状态。除品牌标志展示外，页面上的其他元素如加载进度，均由微信统一提供，不能更改

微信小程序内，微信提供标志的页面下拉刷新及加载能力和样式，无需自行开发

用户可自定义页面内容的加载样式，不过应尽量简洁，并使用简单动画告知用户加载过程； 模态加载，除了在某些全局性 *** 作下不要使用

局部加载反馈只在触发加载的页面局部进行反馈，这样的反馈机制是微信推荐的

全局加载反馈，可参考下图，使用标题栏提示加载小程序页面内容的过程。

注意：1、若载入时间较长,应提供取消 *** 作,并使用进度条显示载入的进度。

     2、载入过程中,应保持动画效果 ; 无动画效果的加载很容易让人产生该界面已经卡死的错觉。 

  3、不要在同一个页面同时使用超过1个加载动画。

除了在用户等待的过程中需给予反馈外，对 *** 作结果页需要给予明确的反馈

41 局部页面 *** 作，可在 *** 作区域直接反馈，如点击多选控件

42 页面全局 *** 作， 图标型d出提示 ，15s自动消失，并不打断流程，适用于不需要强调的 *** 作提示； 文字型d出提示 ：适用于轻量化用文字解释当前状态或提醒不严重的错误； 模态对话框 ：对于需要用户明确知晓的 *** 作结果状态可通过模态对话框来提示

结果页：用于 *** 作结果已经是当前流程的终结情况，最为强烈和明确告知用户 *** 作已完成

在设计任何的任务和流程时，异常状态和流程往往容易被忽略，而这些异常场景往往是用户最为沮丧和需要帮助的时候，因此需要格外注意异常状态的设计，在出现异常时予以用户必要的状态提示，并告知解决方案，使其有路可退。

要杜绝异常状态下，用户莫名其妙又无处可去，停滞在某一个页面的情况。上文中所提到的模态对话框和结果页面都可作为异常状态的提醒方式。除此之外，在表单页面中尤其是表单项较多的页面中，还应明确指出出错项目，以便用户修改。

1、减少输入

手机键盘区域小，输入困难而且容易引起输入错误，应尽量减小用户输入，利用现有接口或其他一些易于 *** 作的控件来改善用户输入体验。

如下图，在添加yhk时，采用摄像头识别接口来帮助用户输入。可利用微信对外开放的例如地理位置等接口

让用户在不得不手动输入的情况下，尽量让用户做选择而不是键盘输入，如：在用户搜索时提供搜索历史课帮助用户快速进行搜索

2、避免误 *** 作

考虑点击热区，避免可点击区域过小或密集而造成误 *** 作

3、利用接口提示性能

首先得有一个设计开发方面的程序文件，然后就一下几方面进行记录：项目建议书预研项目汇总表项目可行性分析报告设计开发项目汇总表设计开发任务书设计开发输入清单设计开发输出清单设计开发评审报告(会议)设计开发验证报告设计开发变更申请单结题项目汇总表项目预研任务书技术转移书工艺更改通知单实验设备维护、维修记录设计和开发评审计划项目结题报告书设计开发计划书文件资料评审报告

哈尔滨剑桥学院是剑桥大学在中国的分校，是剑桥大学的第一个海外分校。剑桥大学是英国最负盛名的大学，也是世界著名的百强名校。哈尔滨剑桥学院的教学质量非常高，得到了国内外学生的广泛好评。

哈尔滨剑桥学院部分专业：序号专业名称所属类别1电子信息工程工学2日语文学3汉语国际教育（师范类）文学4学前教育教育学5汽车服务工程工学6零售业管理管理学7小学教育（师范类）教育学8会计学管理学9工商管理管理学10计算机科学与技术工学11国际经济与贸易经济学12网络工程工学13环境设计艺术学14财务管理管理学15数字媒体艺术艺术学16视觉传达设计艺术学17英语（师范类）文学18学前教育（师范类）教育学19电气工程及其自动化工学20产品设计艺术学哈尔滨剑桥学院英语（师范类）介绍本专业设有英语语言文学和商务英语两个方向，报考上述两个方向的考生均填报英语专业。考生入学后,可自愿选择专业方向。学生毕业后按当年国家教师资格考试的相关规定执行。

1、英语语言文学方向

培养目标：本方向培养具有扎实的英语语言文学专业知识，较强的听、说、读、写、译能力，掌握英语教学方法，能在外事、教育、经贸、文化、科技、军事等部门熟练运用英语从事翻译、教学、管理、研究和涉外等工作的应用型高级专门人才。

主要课程：基础英语、高级英语、语音、语法、听力、口语、阅读、写作、第二外语、口译、笔译、教育学、教育心理学、语言学导论、英国文学、美国文学、英语国家概况、英语词汇学、英语教学法、英美小说选读、演讲学、跨文化交际、商务英语等。

就业前景：学生毕业既可以在国家机关、涉外机构、外资企业、旅游等企事业单位从事翻译、英语文秘、涉外公关等工作，也可以在各级各类教育机构从事教学工作，就业前景十分可观。

国际合作办学：本方向与国家教育部承认学历的美国肯塔基州兰草技术大学共同招收英语专业国际班，国际班不超过50人，学生入学后提交申请，经学院审查批准后，进入国际班学习。国际班部分学习优秀的学生可以享受免交约13万元人民币学费赴美国留学1年的特殊待遇。其它相关政策按照《哈尔滨剑桥学院国际班政策》执行（详见简章第18页）。

2、商务英语方向

培养目标：本方向培养具有扎实的英语基本功、宽阔的国际视野、专门的国际商务知识与技能，掌握商务英语的基础理论和专业知识，了解国际商务活动规则，具备较强的跨文化商务交际能力与较高的人文素养，能参与国际商务竞争与合作的应用型高级专门人才。

主要课程：基础英语、高级英语、语音、语法、听力、口语、阅读、写作、第二外语、口译、笔译、教育学、教育心理学、商务英语（BEC）、外贸函电、国际贸易实务、跟单员证、国际商务单证、商务沟通、商务谈判、电子商务、国际商务礼仪、跨文化交际等。

就业前景：学生毕业可以在涉外机构、外资企业、外贸、外事、旅游等企事业单位从事翻译、外贸洽谈、经贸文秘、英语编辑、涉外公关、涉外导游等工作，也可以在各级各类教育机构中从事教学工作，就业前景十分广阔。

国际合作办学：与英语语言文学相同。

哈尔滨剑桥学院产品设计介绍培养目标：本专业培养具备创新意识和能力、系统掌握艺术设计理论，并在专业实践和社会实践方面具有较强能力，具有扎实的艺术造型基础，熟悉本专业的生产工艺及材料应用，了解本学科的前沿发展，成为能够从事艺术设计的、知识面宽、动手能力强、适应面广的应用型人才。

主要课程：产品设计与开发、产品二维设计构成、产品三维设计构成、产品设计史、工程力学、专业绘画基础、产品表现技法、创新概念设计、模型制作与工艺表现技法、产品模型制作、人机工程学、产品设计史、计算机2D设计、计算机3D设计、产品设计程序与方法、产品包装设计、建模与渲染技术、毕业实习、毕业设计等。

哈尔滨剑桥学院工程造价介绍培养目标：本专业培养掌握土木工程造价管理及相关经济、法律的基本理论和专业知识，具备分析与解决工程造价（管理）及相关问题的能力，能够在相关领域从事工程造价及管理工作的应用型高级专门人才。本专业学制为四年，授予管理学学士学位。

主要课程：工程图学、工程材料、工程结构、建设法规、工程经济学、工程成本规划与控制、建筑与装饰工程估价、安装工程估价、工程造价信息管理、工程合同管理、工程项目管理、建筑与装饰工程施工等课程，估价、造价等实训课程。

就业前景：在今后相当长的一个历史时期，我国城市化进程将持续快速发展，因此，经济建设和社会发展对工程造价人才需求巨大，本专业就业前景十分可观。

自考/成考有疑问、不知道如何总结自考/成考考点内容、不清楚自考/成考报名当地政策，点击底部咨询官网，免费领取复习资料：>

工业设计程序的步骤

从零开始：调查

设计人员首先要了解您的公司，您生产的产品情况，您所在行业的状况，您的客户，从而找到所需解决的问题。

-- 开始进行前期调查，资料收集和研究工作

-- 发现主要需要解决的问题

-- 开始着手竞争性分析，拟定策略

-- 研究探讨所要使用的技术，开发平台和媒介

结果：项目计划得以发展

步骤一：创意

此阶段工作的核心是创意，设计公司将前一阶段调查所得的信息资料进行分析总结，提出具有创新性的解决方案。

-- 提出概念，创意和设想，进行工作者环境，效率以及使用界面方面的调查，从而进一步完善改进创意

-- 制作具体的工程设计图纸和塑胶模型

-- 选定材料，确定生产工艺和技术结构

结果：步骤二的概念形成

步骤二：定义

设计公司对其创意的可行性加以论证，并通过优化，协调该产品在外观、颜色、细节、特性以及功能等方面的复杂关系， 从而使该创意更具可 *** 作性。

-- 进行动画设计，色样搭配，制图

-- 完成外观模型以及概念设计原型的制作

-- 运用三维辅助设计完成具体的设计工作，制做出样品

-- 用户使用检验

结果：设计方案得以确认

步骤三：实施

在此阶段产品设计方案已确定，接下来讨论并制定出详细的生产计划书。

-- 提交最终的设计样本

-- 确定生产中所需的规格和技术

-- 测算材料和制造成本

-- 制定生产方案，进行用户使用检测

结果：转向生产

步骤四：投产前期准备

进行正式投产前的准备工作，包括模具制作，设备安装，生产计划的制定，印制标签及包装物。

-- 协调人员及设备管理

-- 设备安装

-- 制定装配说明，订立质量标准

-- 检验并确定最终的方案

结果：进入生产轨道

步骤五：生产

在此阶段设计公司协助厂商组织生产，优化生产工艺。

-- 批量生产

-- 解决生产中出现的问题

-- 改进工艺设备，完成ＷＷＷ网上营销宣传

结果：投放市场

以上就是关于微信小程序产品设计应注意的几点全部的内容，包括:微信小程序产品设计应注意的几点、体系认证产品开发设计程序需要哪个内容、哈尔滨剑桥学院专业有哪些专业介绍等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！