h5设计心得体会四篇.pdf

h5设计心得体会四篇--第1页

h5设计心得体会四篇

h5设计心得一

一、运营H5概况：

1.1APP产品流程(运营设计的相关背景)

先说说产品的流程，移动产品从出生到和用户见面大多都会

经历这么几个阶段：

在功能定位——交互流程(Ui)——视觉界面(GUI)——开发和

测试，这几个步骤，基本实现了产品从0到1。如果要公司战略

中考虑将上线的APP被更多的用户见到、使用到，那么就需要运

营登上历史舞台了;

1.2UI设计分工/职责

公司如果规模比较大，产品需求和运营需求都会分配到对应

的产品UI设计师或者运营设计师，他们负责那些工作呢?

产品设计：界面布局的合理性以及如何引导用户完成操作等

流程化设计;运营设计：活动专题、焦点图(banner)等更加偏向于

视觉化和营销类的设计。而在运营H5页面设计中，它需要考虑

的是这两个的集合，一要兼顾视觉化的、创意的、吸引人的，也

h5设计心得体会四篇--第1页

h5设计心得体会四篇--第2页

要兼顾能合理布局页面信息，引导用户进行操作(购买/收藏等行

为)。

1.3运营H5活动的功能目标

正如《交互设计精髓》这本书中开篇提到的——以目标为导

向进行设计，运营活动也不例外，运营需求的功能目标总结为四

个类型：01活动运营型：游戏/邀请函/贺卡/测试;02品牌宣传型：

公司/产品的微官网;03产品介绍型：提升转化率;04总结报告型：

增加用户粘性;

1.4运营H5活动表现形式

目前比较常见的有四种类型：01简单图文;02红包/送券/贺

卡/邀请函;03做任务：问答/评分/测试;04游戏;

1.5公司运营情况

由于每个公司针对的用户群不一样，因此在具体的运营需

求，其需求的功能目标也会不一。如妈咪知道，运营需求每个月

都会有，尤其是在产品发布新功能、节日(春节/端午/中秋等)、

重大活动(公司周年/问诊节等)这几个时期提需求，具体的功能目

标如下：

20XX年第四个季度运营需求

二、运营H5设计流程

h5设计心得体会四篇--第2页

h5设计心得体会四篇--第3页

在了解了运营H5活动的一个基本概况后，能帮助我们在做

设计的时候，以目标为导向进行设计，当然落到实际情况，接到

运营H5需求，也还是需要考量视觉层面的东西。

2.1日常准备

好设计来自有准备，在这里我做的准备如下：

2.1.1观察生活，记录灵感。线下：商场的橱窗设计，广告

招贴画，地铁的广告贴;线上：竞品，电商等app;与美术有关的：

插画，漫画等，用心去观察，随时记录自己当时的灵感，都是以

后设计中的财富。

2.1.2收集和整理。每逢节假日，淘宝，京东，外卖的app

的营宣活动特别多，及时参与，及时截图保存，竞品的相关医学

类的活动也是及时参与，了解其的玩法和现有的设计手法。灵感

库网上还有推荐Dribble、Behance、pinterest、花瓣、Google的

Panda插件)等，个人的收藏习惯中比较偏好花瓣，只要你有网络，

手机/公司电脑/家里电脑都可以随时看。

花瓣画板

tip01:对于建立画板名称看个人习惯，分组和命名方式完全

依照自己的习惯记忆和搜索方式来定即可。tip02:需要每天刷，

大量的阅览，搜