返回  

如何设计网站注册流程(附例)

2019/6/10 10:53:49 来源:深圳网站建设公司Clh

想想你上次下载新应用程序或在一个新网站注册相关信息的时间。 你知道具体的流程是什么吗? 设计是否有助于你以有意义的方式与网站互动? 简单的流程可以带来一切变化。


通过访客的角度考虑网站设计和应用程序设计以创建最佳体验非常重要。 这可以包括帮助用户在你的在线商店中更快更加准确的找到商品以及了解如何购买它们,参与游戏或注册等任何内容。

注册和登录是一个是将新用户“集成”到设计流程中的过程,以便他们可以与你的网站,应用程序或数字产品或服务进行最佳互动。 以下是你可以借鉴的方法(以灵感为例)。


1.视觉流程设计(Design for Visual Flow)

Design for Visual Flow

一个良好的注册体验一般包含三个步骤——开始,信息汇总和结束,这是最易于识别和主要的三个步骤。

如果用户需要帮助或想要获取信息,用户应该需要很快知道从哪里开始。 这通常是一个大型图像,带有介绍性的文本(想想主视觉图)。

然后他们就可以采取相关的行动了,例如填写相应的表格或一步一步有序的完成必要的内容和信息。 最后通知操作已完成并且告知用户信息正在提交或者你们讲很快为他提供相应的服务(这种理解和成就感可以帮助用户保持在线参与的热情)。

最终通知应包括用户可以完成的操作,例如“现在已准备好为你开始游戏”或“点击这里以开始”等。


2.告诉用户你希望他们做什么(Show Users What You Want Them To Do)

Show Users What You Want Them To Do

注册体验应该容易且易于理解。 如果你的网站设计或应用程序使用不常见的用户模式或不熟悉的功能,这一点就更加尤为重要了。

所以关于这点,你需要直接向用户展示和说明你想要他们在这个页面完成的事情。 使用工具提示或简短的视频来解释,解释目标或结果以及用户如何可以完成。

关于这点,上面的Milanote在网站主页上就做得很好。 页面中有一个计算机屏幕,显示屏区域以动态的形式告诉你如何体验这款应用程序。 无论你是观看几秒还是整个循环,这个快速视频都会向每个访问该网站的人展示如何与该工具及相关应用进行互动。


3.减少不必要的说明性陈诉(Don’t State the Obvious)

Don’t State the Obvious

当你开始考虑如何设计指引或注册流程的时候,很容易会被带偏,你需要抵制各种的“诱惑”。

但是你需要保证你提供的仅仅是那些用户可能不熟悉的操作或导航的说明和信息(没有必要解释汉堡包图标或常用的按钮结构)。

不必要地陈述那些明显的交互,你可能会使用户感到沮丧。 最好的说明很简单,只在必要时出现。

在Elizabeth Taylor的网站设计顶部有一个滑块设置,通过箭头指示如何使用它。 这使用户可以更轻松地按照自己的节奏参与内容。


4.关于语言及文本(Write Copy That Sizzles)

Write Copy That Sizzles

无聊的文本内容将会削减设计给人的吸引力。 每个小对话框 - 即使那些仅仅包含几个单词的对话框也需要有趣且吸引人。 使用与网站或应用程序设计其余部分相同主题的通用语言。

以友好的语气使用说明执行的请求和直接指令。 上面的Slack在他们的AI工具上使用了拟人化的表达形式,是的用户在交流的过程中更加亲切和舒适,这一点就做得很好。


5.如果必须要注册,请确保它明确且清晰(Make It Clear If Users Must Register)

Make It Clear If Users Must Register

新用户是否必须注册才能更好的体验你的网站或应用程序? 功能是否会起作用?

首先,充分说明期望是什么以及注册会带来哪些好处。 然后,免费提供“前菜”,让人们对应用程序或网站产生足够的兴趣。

然后,请求注册以解锁更多功能或内容。 并使用仅需要基本信息的表单保持简单(你可以随时要求用户提供更多数据)。


6.提供教程(Provide a Tutorial)

explore-onboard

你可以提供一个简单的教程一说明如何第一次登陆你的页面或应用程序的过程(如果必要,绘制一个简单的流程图也是可以的)。

这可以帮助你确定你的设计是简单还是复杂。 它还可以提供潜在教程的路线图,向用户显示要做的事情以及如何与设计进行交互。

Ryan Osilla非常了解常见网站如何设计完美的入门流程(和流程图)。 示例介绍创建帐户的步骤,并告知你如何使用LinkedIn,GitHub,UpWork和Twitter等流行工具来进行登入。

虽然Osilla概述的所有示例都很简单,但你可以使用此信息创建一个教程,其中包含针对不熟悉操作的更具体说明。 构建流程图后,创建教程将非常简单。


7.一次仅显示一个功能(Show One Feature at a Time)

Show One Feature at a Time

使用易于遵循(或跳过)的逐步说明,可以为你的流程提供一个更好的体验。 请记住,目标是创建对数字产品的兴趣和理解,以便你希望用户有效地完成整个过程。

提供关于完成整个流程将持续多长时间的线索。 显示多屏幕教程或信息的进度条,按钮可以向前跳过或返回。

不要忘记专注于为用户带来更好的体验。 是什么让你的网站或应用变得有趣? 他们为什么要完成整个流程并继续? 你需要让访问你的网站设计的每个人都感到“不虚此行”。


总结

入职体验的目标是为用户提供可以帮助他们更好地了解和参与你的网站或应用的信息。 记住坚持解释需要的东西,向用户展示他们在这个过程中需要完成的事情并提供导航。

通过精美的图像和简约的文本保持流程简单流畅,并鼓励用户完成最终的内容。

注册是为了让用户与你的网站进行互动而做的事情。 它可以是以游戏或者其他的形式,但它必须是深入到内容中。 设计他们将享受的东西,使其成为最佳体验。







----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务