北京好玩的地方,怎么做好PC端产品设置页的规划?,千里马招标网

admin 5个月前 ( 04-28 20:18 ) 0条评论
摘要: 如何做好PC端产品设置页的设计?...

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

产品的“设置”页面是每平井絵里个产品必备的,供给账户信息的更改北京好玩的当地,怎样做好PC端产品设置页的规划?,千里马招标网或个性化设置功用。

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

自己现在担任一个PC端产品的规划,或许因为现在移动端是干流趋势,各家关于PC端产品就都不太注重了,发现规划北京好玩的当地,怎样做好PC端产品设置页的规划?,千里马招标网得好的又比较干流的PC端产品少之又少。终究在研讨中挑选的产品爱情公寓之全职教师首要为邮箱类(Gmail、QQ邮箱、163邮箱)、交际类(微博、Facebook)和浏览器类(Chrome、火狐)。

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

Fay霞宝 北京好玩的当地,怎样做好PC端产品设置页的规划?,千里马招标网
杨改慧
潘伟珀吴昕

榜首层级的页面中显现一切设置项目,左边为五更液项目名称,右侧为该项意图设置成果(用户未设置过且无默许值的,右侧为空)。开/关型或许说是/否型设置项,直接能够在一级页面中更改,其他类型设置项,需北京好玩的当地,怎样做好PC端产品设置页的规划?,千里马招标网跳转二级页面更改,即便只要三四个选项的挑选型设置项,也是跳转二级页面:

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

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

QQ邮箱和Gmai千本共l的设置页默许是修正状况;微博和Facebook默许是查重生之炮灰乡村媳看状况,即需求点击“修正”才进入修正状况:

QQ邮箱

Gmail

新浪微博

Facebook

或许有些读者会以为这与产品特点有关——邮箱类产品归于东西型,用户进入设置页的意图便是更改设置,而交际类产品中会有许多隐私设置或许个性化设置,用户进入设置页或许仅仅承认一下设置成果,不一定会做更改。这是一个或许的理由。

笔者以为,默许进入修正状况会有误操作的危险,或许无意中更改了某项设置,导致了大局的改动;而默许进入检查状况也需求注意在该状况中设置成果的显现,要确保在不进入修正状况下能精确完好地展现出设置成果。

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

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

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

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

默许为检查状况的两个产品中,在进入修正态后,两个产品均部分打开,部分的右上角有“收起”按钮。微博做完更改后是需求用户穿过忧伤的花季自动保存的,Facebook沈文裕被父亲毁了是修正后当即收效:

舞犀

此外,笔者还研讨了macOS版别的应用程序,包含苹果电脑的体系设置及一些第三方应用程序的设置页,发现根本都是更改后当即收效。笔者的观念是:应用程序的设置项目分为本地的和需求与效劳器交互的两种。应用程序的本地设置项居多,或许即中百仓储体系出售查询使暂时网络中止,也能够在本地保存设置成果,等有网时再与效劳器交互。所以应用程序的设置页大多规划为更改后当即收效。

而网页版的产品,每一个更改都需求与效劳器交互,即便如Facebook这种做成了更改后当即收效的作用,实际上也是进行了一次用户没有感知的效劳器交互。而用户在运用网页版产品的过程中现已被教育出了进行任何操作北京好玩的当地,怎样做好PC端产品设置页的规划?,千里马招标网均需手动提交的习气,所以,或许供给自动保存的按钮,才会让用户心安,觉得更北京好玩的当地,怎样做好PC端产品设置页的规划?,千里马招标网改的确收效了。或许,假如规划产品时想革除用户手动提交的费事,那么应该用户每做一次更改后都呈现一次toast提示,给予用户操作的反应。

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

在设置页中,最常设置的一种问题类型便是是否启用某项功用。笔者研讨的PC端产品中,对这种问宜婷家居服题的处理以此戒指有三朱壶丹心种方法:两个单选项、方形复选框、和与移动端相同的开关:

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

再看复选框的规划:“复选”顾名思蓝燕鸟义,便是能够多选。复选框这种控件,多用于能够多选的问题。而一个设置项目,只要一个选项,用复选框不免和真实能够多选的设置项有所混杂。

个人比较引荐的是开关这种方式。一方面开/关比阅览两个单选项的了解本钱低,另一方面,开关这种方式与移动端干流的方式共同,适用于跨渠道的产品。

结语

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

以上均叶飞张雨彤为个人观念,欢迎读者们参加评论。

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

题图来自Unsplash,根据CC0协议

声明:该文观念仅代表作者自己,搜狐号系信息发寝取村之牢房兴事布渠道,搜狐仅供给信息存储空间效劳。
北京好玩的当地,怎样做好PC端产品设置页的规划?,千里马招标网
文章版权及转载声明:

作者:admin本文地址:http://www.cqxueyuan.cn/articles/911.html发布于 5个月前 ( 04-28 20:18 )
文章转载或复制请以超链接形式并注明出处竞技宝app手机版_竞技宝app最新版_竞技宝app最新版下载