产品经理（16）#PC端设计

目录

 

PC端产品设计与移动端区别

PC作用

PC端原型设计尺寸

网站结构

例：通栏

例：两栏

例：三栏

页面设计

PC页面设计

单排导航

多排导航

banner

模块区

案例：资讯PC详情页（标答）

案例：PC端电影播放页（自己）

案例：PC端电影播放页/详情页（标答）

广告收费形式

CPM，千人展示成本 cost per mile+ IP限制

CPC，按点击付费 cost per click + IP限制

CPA，按操作付费 cost per action+ IP限制

CPL，按潜在客户付费 cost per lead+ IP限制

CPS，按销售量付费 cost per sale+ IP限制 

位置一样 点击率一样 CPM 和CPC一样

广告点击率

SEO:search engine optimization(搜索引擎优化)

ASO:app search optimization(APP优化)

团队协作

---

PC端产品设计与移动端区别

1、交互不一样

2、使用场景不一样

3、设备感知能力不一样

PC作用

1、官网品牌宣传

2、导流

3、第三方对接

PC端原型设计尺寸

宽度 1000                分辨率

电脑                         1280*768

手机iPhone6/7/8      750*1334

网站结构

通栏（小米、苹果官网）

两栏（网易云音乐、登录、资讯详情）

三栏（新浪微博、今日头条）

瀑布流（花瓣、堆糖、蘑菇街、百度图片）

例：通栏

例：两栏

例：三栏

页面设计

PC页面设计

1、导航区

2、banner

3、模块区

单排导航

固定顶部

左：LOGO

中：频道、搜索

右：个人中心/会员/工具

例

多排导航

1、功能工具栏（个人中心等）

2、LOGO、搜索、活动广告

3、频道导航

例

banner

高度要求：不能超过首屏，高度400px~500px之间（px—像素点）

模块区

一栏内相同逻辑

子页面：面包屑（必须要有）

案例：资讯PC详情页（标答）

案例：PC端电影播放页（自己）

案例：PC端电影播放页/详情页（标答）

广告收费形式

CPM，千人展示成本 cost per mile+ IP限制

PC端 CPM——5~30块

移动端 CPM——30~100块

CPC，按点击付费 cost per click + IP限制

主动点击 几块~100块（百度）

被动点击 1~2块（今日头条）

CPA，按操作付费 cost per action+ IP限制

已无

CPL，按潜在客户付费 cost per lead+ IP限制

少；过100块

CPS，按销售量付费 cost per sale+ IP限制 

电商用（双11,618时用）

例：到1000单，抽10%

双11，七月份开始

双11（天猫） 双12（淘宝）

位置一样 点击率一样 (点击/展示)一样 CPM 和CPC一样

CPC觉得更有效（实际一样）

广告点击率

面积        点击率（PV）[PV≈UV]

大            25%

中            8%

小            2%

SEO:search engine optimization(搜索引擎优化)

ASO:app search optimization(APP优化)

做的越好，排名越高，推送越频繁

eg：搜微信，可展示淘宝

团队协作