人人都是产品经理|PC客户端设计中，产品经理需要知道的几点
编辑导语：虽然网络上的设计资料很多 ， 但是与PC客户端相关的设计资料我们却并不常见 。 对于产品经理来说 ， 在设计PC客户端时 ， 有哪些需要注意的点呢？本文作者结合工作经验 ， 为我们总结了PC客户端项目中的一些设计思路 ， 以及容易被忽略的点 。
本文插图
自互联网产品设计行业诞生以来 ， 出现了很多平台设计规范和组件模板 ， 但大多是移动端（iOS/Android）和Web端平台；后来又有了小程序、H5等界面设计规范 。
到目前为止 ， 这些平台设计规范已然成熟 ， 但唯独PC(Mac/Windows)客户端的相关资料却很少 ， 只能参考目前已在应用市场上的PC客户端产品 。
近期在策划一个网盘工具的PC客户端 ， 但发现市面上相关设计规范较少 。
通常 ， 在资源匮乏的阶段 ， 想要做一些事情 ， 就需要多去自己摸索和实践了 。 现在将自己这一阶段摸索的一些点分享出来 ， 为后浪们后期逐渐完善平台规范抛砖引玉 。
原型绘制是产品经理的基本功 ， 不管在哪个阶段的产品经理 ， 都应该有快速画出优质原型图的能力 。
设计互联网产品时 ， 通常会从交互层、业务层和数据层这三个方面考虑 。 其中原型图可以体现产品经理的平台交互体验能力、对业务逻辑的理解能力、以及对产品目标用户使用习惯的熟悉程度 。 平台交互设计能力：需熟悉对应平台的设计规范 ， 包括界面框架结构、弹窗对话框等交互方式 ， 便于设计出符合平台设计规范且友好的产品界面；业务功能理解能力：需要明白哪些业务是产品的核心业务流程 ， 对界面功能的优先级展示会有参考 ， 向用户展示这个产品可以先做什么后做什么 ， 方便用户快速理解产品的设计思路；用户习惯熟悉程度：需熟悉目标用户在使用产品时的操作习惯和最关注的点 ， 避免设计规划的原型不符合用户的认知 ， 导致学习成本增加 。
下面就试着从这几个方面展开 ， 聊聊在设计PC客户端时 ， 应该要考虑到的那些点 。
一、平台交互设计能力1. 界面框架
PC客户端 ， 其实可以简单理解为套了原生壳子的网页界面 。
这里是指如果在设计多平台界面时 ， 产品的界面框架是可以在一定程度上复用网页端的 ， 只需要针对PC客户端调整为原生样式即可 。
PC客户端主流的界面框架 ， 大概可以分为3种类型：顶部为工具栏 ， 左侧为导航 ， 其他为点击工具栏/导航后对应的内容区域；顶部无工具栏 ， 界面依次是左侧一级和二级导航/操作 ， 右侧是内容交互区域；顶部为工具栏和顶部导航 ， 下面则是内容交互区域 。
因此在设计客户端框架时 ， 可以根据自家产品特性快速搭建产品界面框架 。
另外 ， 在设计框架和主界面时 ， 可以先确定客户端界面的最小尺寸 ， 以便定位好内容结构 。 在设计时可以使用栅格系统来进行辅助设计 ， 方便自己在搭建内容时 ， 对顶部工具栏、左侧导航和内容管理等区域的间距进行合理控制 。
2. 设计规范
目前主流的设计平台即Mac和Windows ， 因此就需要了解这两个平台设计规范的差异化 。 要知道不同系统的特性 ， 知道哪些可以做 ， 又有哪些不可以做 。
【人人都是产品经理|PC客户端设计中，产品经理需要知道的几点】比较典型的就是 ， Mac的窗口缩放、关闭按钮在界面左上角 ， 而Windows是在右上角 ， 因此这种很基础的差异点就需要在原型中明确的表现出来 。
同时 ， 因为在使用产品时 ， 会经常出现模态/非模态弹窗等交互 ， 此时类似界面也都要考虑周全 。
因为弹窗或者对话框一般只需要”关闭“按钮 ， 所以需要搞清楚窗口缩放、关闭按钮 ， 需要在哪些场景交互时使用 ， 要在什么位置绘制 。
推荐阅读
- 玩转3C数码|小米和华为看似是“死对头”，实则各不冲突，都是民族骄傲！
- 广告位|商业化产品经理 | 在线广告（7）: 设计一个广告位要考虑什么
- 工业互联网|“走进美的工业互联网”无锡站：最强矩阵联合亮相世界级软硬结合产品
- 财经杂志|螃蟹不要乱吃，医疗产品明令直播禁区，快手此时入行是“入坑”吗？
- 互通lightroom教程|如何拍摄高级感服装产品图
- |复盘总结：2020年8月京东产品方向管培的群面回顾
- 开课|上新三款产品,开课吧为数字化人才打造“差异化竞争优势”
- 中年|Archax携手Algorand以共同开发新型DeFi产品
- 产品|动辄$20W+高薪！产品经理凭啥叱咤互联网科技界？
- 百度|一步一脚印，百度地图15周年盛典回顾产品进阶史