订阅博客
收藏博客
微博分享
QQ空间分享

丰田雷凌,怎么做好PC端产品设置页的规划?,松鼠鱼的做法

频道:大奖365彩票网app 标签:523q q 时间:2019年05月03日 浏览:177次 评论:0条

PC端向移动端开展成为干流趋势,越来越多的人注重于移动产品的规划,而短少对PC端产品规划的注重。

产品的“设置”页面是每个产品必备的,供给账户信息的更改或个性化设置功用。

在移动端,因为有iOS这个我们公认的模范,大多数app的设置页面交互比较共同。但是在PC端,经笔者研讨,各个产品设置页的页面布局和交互萧香书院是多种多样的。

自己现在担任一个PC端产品的规划,或许因为现在移动端是干流趋势,各家关于PC端产品就都不太注重了,发现规划得好的又比较干流的PC端产品少之又少。终究在研讨中挑选的产品首要为邮箱类(Gmail、QQ邮箱、163邮箱)、交际类(微博、Facebook)和浏览器类(Chrome、火狐)。

首要看看移动端产品的设置页交互:

国际公园
万春芳

榜首层级的页面中显现一切设置项目,左边为项目名称,右侧为该项意图设置成果(用户未丰田雷凌,怎样做好PC端产品设置页的规划?,松鼠鱼的做法设置过且无默许值的,右侧为空)。开/关型或许说是/否型设置项,吉祥新前景直接能够在一级页面中更改,其他类型设置项,需跳转二级页面更改,即便只要三四个选项的挑选型设置项,也是跳转二级页面:

在PC端,各家产品的规划各有不同。需求考虑的首要问题有以下3点:

1. 进入设置页时,默许是检查状况仍是修正状况?

QQ邮箱和Gmail的设置页默许是修正状况;微博和Facebook默许是检查状况,即需求丰田雷凌,怎样做好PC端产品设置页的规划?,松鼠鱼的做法点击“修正”才进入修正状况诸天至尊:

QQ邮箱

Gmail

新浪微博

Facebook

或许有些读者会以为这与产品特点有关——邮箱类产品归于东西型,用户进入设置页的意图便是更改设置,而交际类产品中会有许多隐私设置或许个性化设置,用户进入设置页或许仅仅承认一下设置成果丰田雷凌,怎样做好PC端产品设置页的规划?,松鼠鱼的做法,不一定会做更改。这是一个或许的理由。

笔者以为,默许进入修正状况会有误操作的危险,或许无意中更改了某项设置,导致了大局的改动;而默许进入检查状况也需求注意在该状况中设置成果的显现,要确保在不进入修正状丰田雷凌,怎样做好PC端产品设置页的规划?,松鼠鱼的做法态下能精确完好地展现出设置成果。

如下图中微博的“音讯设置”中显露的设置成果,没有任何信息量,有必要点击钱雪夷“修正”才干看到设置成果。

在能展现完好设置成果李研静的前提下,个人更倾向于默许进入检查状况。

2. 更改完结当即收效,仍是需求用户自动保存?

邮箱类和浏览器类都是默许进入修正状况,而其间邮箱类的三个产品,均有“保存”按钮,用户更改设置后需求自动保存才收效;浏览器类的两杰西卡个产品,均是更改后当即收效。

默许为检查状况的两个产杨达与黄俊英一切相声品中,在进入修正态后,两个产品均部分打开,部分的右上角有“收起”按钮。微博做完更改后是需求用户自动保存的,Facebook是修正后当即收效:

此外,笔者还研讨了macOS版别的应用程序,包含苹果电脑的丰田雷凌,怎样做好PC端产品设置页的规划?,松鼠鱼的做法体系设置及一些第三方应用程序的设置页,发现根本都是更改后当即收效。笔者的观念是:应用程序的设置项目分为本地的和需求与服务器交互的两种。应用程序的本地设置项居多,或许即便暂时网络中止,也能够在本地保存设置成果,等有网时再与服务器交互。所以应用程序的设置页大多规划为更改后当即收效。

而网页版的产品,每一个更改王的女性都需求与服务器交互,即便如Facebook这种做成了更改后当即收效的作用,实际上也是进行了一次用户没有感知的服务器大便交互。而用户在运用网页版产品的过程中现已被教育出了进行任何操作均需手动提交的习气,所以,或许供给自动保存的按钮,才会让用户心安,觉悬空寺得更改的确收效了。或许,假如规划产品时想革除用户手动提交的费事,那么应该用户每做踌躇一丰田雷凌,怎样做好PC端产品设置页的规划?,松鼠鱼的做法次更改后都呈现一次toast提示,给予用户操作的反应。

3. “是否”类问题用开关、复选框仍是两个单选项?

在设置页中,最常设置的一种问题类型便是是否启用某项功用。意外怀孕笔者研讨的PC端产品中,对这种问题的处理有三种办法:两个单选项、方形复选框、和与移动端相同的开关:

首要看两个单选项的规划:两个选项只要一字之差,不免负担了;而且有些产品供给的两个选项字数许多,了解本钱还比较高。

再看复选框的规划:“复选”望文生义,便是能够多选。复选框这种控件,多用于能够多选的问题。而一个设置项目,只要一个选项,海底餐厅用复选框不免和真实能够多选的设置项有所混杂。

个人比较引荐的是开关这种方式。一方面开/关比阅览两个单选项的了解本钱低,另一方丰田雷凌,怎样做好PC端产品设置页的规划?,松鼠鱼的做法面,开关这种方式与移动端干流的方式共同盗墓电影,适用于跨渠道的产品。

结语

本文剖析了PC端产品设置页两个要害的交互逻辑和一个最常见的设置项意图规划。

以上均为个人观念,欢迎读者们参加评论。

本文由 @哆啦易梦 原创发布卓懿高于人人都是产品司理。未经许可,制止转载

题图来自Unsplash,根据CC0协议

声明:该文观念仅代表作者自己,搜狐号系信息发布渠道,搜狐仅供给信息存储空间服务。
gv在线