做好PC端产品设置页的设计方法什么是pc商品编辑页 _生活百科

PC端向移动端发展成为主流趋势，越来越多的人关注于移动产品的设计，而缺少对PC端产品设计的重视。

文章插图

文章插图
产品的“设置”页面是每个产品必备的，提供账户信息的更改或个性化设置功能。
在移动端，由于有iOS这个大家公认的典范，大多数app的设置页面交互比较一致。但是在PC端，经笔者研究，各个产品设置页的页面布局和交互是多种多样的。
本人现在负责一个PC端产品的设计，可能由于现在移动端是主流趋势，各家对于PC端产品就都不太重视了，发现设计得好的又比较主流的PC端产品少之又少。最终在研究中选择的产品主要为邮箱类（Gmail、QQ邮箱、163邮箱）、社交类和浏览器类（Chrome、火狐）。
首先看看移动端产品的设置页交互：

文章插图

文章插图
第一层级的页面中显示所有设置项目，左侧为项目名称，右侧为该项目的设置结果（用户未设置过且无默认值的，右侧为空）。开/关型或者说是/否型设置项，直接可以在一级页面中更改，其他类型设置项，需跳转二级页面更改，即使只有三四个选项的选择型设置项，也是跳转二级页面：

文章插图

文章插图
在PC端，各家产品的设计各有不同。需要考虑的主要问题有以下3点：
1. 进入设置页时，默认是查看状态还是修改状态？QQ邮箱和Gmail的设置页默认是修改状态；微博和Facebook默认是查看状态，即需要点击“编辑”才进入修改状态：

文章插图

文章插图
QQ邮箱

文章插图

文章插图
Gmail

文章插图

文章插图
新浪微博

文章插图

文章插图
Facebook
可能有些读者会认为这与产品属性有关——邮箱类产品属于工具型，用户进入设置页的目的就是更改设置，而社交类产品中会有很多隐私设置或者个性化设置，用户进入设置页可能只是确认一下设置结果，不一定会做更改。这是一个可能的理由。
笔者认为，默认进入修改状态会有误操作的风险，可能无意中更改了某项设置，导致了全局的改变；而默认进入查看状态也需要注意在该状态中设置结果的显示，要保证在不进入编辑状态下能准确完整地展示出设置结果 。
如下图中微博的“消息设置”中露出的设置结果，没有任何信息量，必须点击“编辑”才能看到设置结果。
【做好PC端产品设置页的设计方法什么是pc商品编辑页】