Web产品基础模块设计规范-目录

Web产品基础模块包括:注册登录、导航条、个人主页(首页)、站内搜索、内容发布、消息、账号设置七大模块。

目录

第一章 注册登录

1.1 登录与登陆

1.2 免费注册与注册

1.3 注册登录入口

1.4 账号名 账户名 会员名 登录名

1.5 注册表单设计

1.6 登录表单设计

第二章 导航条

2.1 导航条的组成部分

2.2 导航条的设计

第三章 个人页

3.1 个人首页

3.2 个人主页

第四章 站内搜索

4.1 站内搜索入口

4.2 筛选器

4.3 搜索列表页

4.4 分页系统设计

第五章 内容发布

5.1 内容表单设计

5.2 按钮与文字链

5.3 评论与回复

第六章 消息

6.1 通知

6.2 私信

第七章 账号设置

7.1 所属分类

7,2 个人资料

7.3 左侧导航与顶部导航

Web产品基础模块设计规范—开篇

因为苦逼的过程,才想到方便后人。
—谨以此书献给苦逼的产品设计读者

从5月份的一个想法—以博文连载的形式写一本书《Web产品基础模块设计规范》,到现在11月底了,半年的时间才让我下定决心鼓起勇气在此为书开篇。由于自身工作重心调整在专注产品运营、数据分析、产品规划上,刚好借此机会总结和“终结”苦逼的产品设计生涯。

本书充满野性,不严谨也不偏向界面设计。过程中会有一搭没一搭的从产品经理角度谈对基础模块设计的一些看法。或许某些见解和视点比较脑残浅显,敬请见谅的同时,更希望多多批评和指正。

一点背景

本人不才,09年10月30日开始真正做产品运营,截止告别第一家公司为期2年。在第二家公司转到产品经理。然而在产品经理的工作中产品设计是基础工作。

期间从研究如何策划主题运营,研究线上各种大小打法,再到线下用户调研,到真正开始对用户需求,产品需求感兴趣。

当时所处的产品运营工作职责处于产品设计后的支持工作。也因为兴趣使然,让我不得不对产品运营前期的产品设计工作感兴趣。

广告学专业,对打造一款产品有良好的嗅觉。好吧,自恋了。这些原因,促使我在产品经理基本职责中的产品设计领域,有更多兴趣深入学习和思考。

 

一些思考

因为是野生产品经理出身的缘故,也没有在大公司系统学习的经验,更加没有大学开设产品经理这门课程。所以,在我开始产品基础模块设计的时候,时长有些许纠结之处。然而,正是因为这些纠结之处促使我思考一个问题:互联网产品设计圈对基础模块设计是否可以有一个基础规范呢?

百度一下,Google两下,发现了新浪网产品设计指南(含UI设计规范),此文在界面规范上说明的比较全面,但对某些基础模块的设计,并没有给出设计的规范和理论支持或者是分析论点支持。

产品经理满大街都是,但产品经理基本职责的产品设计能力,大多心血来潮,我行我素,经不起推敲。

产品经理是一个苦逼的职业,也是一个真正靠自我修行的职业。但正是这样,很多产品经理出品的产品基础设计上就很有问题。导致这个现象的原因,就是缺乏对于基础模块设计的规范说明和要求。

基础模块

产品功能点,产品界面布局,信息架构,交互设计,这些都是需要推敲的。比如登录系统的设计,在文字上就有几个问题:

1、是“登陆”还是“登录”?

2、是“立即注册”还是“免费注册”?

3、是账号名还是账户名?还是用户名?

在注册表单设计上,也有几个问题:

1、是否需要设计验证码?

2、已阅读《XX网用户注册协议》怎么摆放?

3、注册表单中那些信息是必需的,那些是非必需的?如何设计有利于提高注册转化率?

 

写作初衷

或许有人说产品设计不是产品经理的主要工作,或许说这个不用考虑,那个不用在意。但产品是自己的,总得要负责任。诚然,我从事产品设计工作已一年有余,过程中往往因为一个基础模块设计到处求证借鉴,见多了也知道了哪些好哪些坏,哪些产品像渣一样!

本书的态度:总结、记录、分享。本为仅为开篇,后续目录会放出。同时,也希望得到更多朋友关注和支持。谢谢你,同学。

Gauin  2012.11.22于北京