成都设计公司关于VI设计中几个重要步骤的介绍

来源：广告设计时间：2022-07-22 18:25:46

关于GoSquared 的每一个设计细节，我们都非常之上心。近期登陆界面改版，新参与的双重认证机制使得用户账户愈加安全，与此同时，我们也借此机遇逐步提升用户登陆的体验。

  提升登陆界面的用户体验并没有看起来那麼复杂。当你让登陆界面越发美丽、直观、快速且好用的同时，你还需求让这个进程不那麼复杂，不会被黑客或许其他心胸不轨者随意入侵。

  接上去，我们一同来看看这次改版做了哪些决策。假设你想细心体验我们改版后的细节，请注册一个GoSquared帐号然后登陆出去！

  轻松不费力
  通常，我们翻开登陆界面，并不是爲了反省登陆表单本身，而是由此登陆账户。表单本身仅仅只是获取集团信息的一个伎俩，而非目的。从这一点来看，登陆体验应该轻松而不费力，一切设计都应尽力降低烦扰，剪除阻碍，让你更轻松完成登陆这一义务，而不用中止任何多余的操作。

  由于双重认证机制的参与，登陆进程比之前复杂了不少。比起之前仅需邮箱和密码的传统登陆方式，如今的登陆方式并非复杂的一次输入决议登陆与否，新增的步骤使得登陆成了由几步构成的新流程：明白帐号能否有双重认证的相关设置，而用户选择的是哪种验证方法。在许多流程中，还应当包括运用备用的设备/联络方式，以及紧急备用代码。一切的这些要素我们必需完全思索到，但是又不能让它们成爲登陆的担负，让用户感到费力。

  占位符和标签

  占位符在表单中的展现方式应该如何选，是一件非常随手的事情。从设计的角度下去看，占位符很不错。但是要用好并不容易，尤其是需求统筹到可访问性和表单那自动填充的时分。假设你运用HTML来完成占位符，那麼当用户输入的时分，占位符会消逝，其结果是有的用户此刻会遗忘他真正要输入的是什麼。更费事的是，如果你的阅读器会自动填充之前的信息的话，那麼你永远看不到这个地方占位符。

  经过检测表单内容是手动输入还是自动填充，我们之前成功地规避了这个成果，当其中内容是阅读器自动填充之时，会有标签说明输入内容，假设是手工输入，则不会显示标签。不过，后来我们发现，用户在提交之前喜欢有标签提醒，确保他们输入的内容是对的，这也就意味着，他们希望输入进程中，标签不时存在。

  所以，我们终想到了一个优雅的处置方案，运用单独的元历来做占位符的标签，当用户输入的时分，占位符标签会自动移出输入框：

  爲难的安全特性
  末尾我们运用代码来控制这些标签和占位符的时分，并不复杂：每当表单中内容改动的时分，检测其中的内容；假设内容爲空，占位符标签在表单中显示；假设不爲空，那麼就移动出去。当页面刚刚加载的时分，系统会自动检测若干次，检测阅读器能否有自动填充内容。

  但是即便如此，依然存在成果。Chrome阅读器中有一项安全特性，名爲 PasswordAutofillAgent::PasswordValueGatekeeper ，这一特性的特殊之处在于，它并不会将之前保管的帐号和密码字段直接填充到表单中，哪怕它们看起来填出来了（当然，用户通常也不希望阅读器自己填充内容之后还提交上去），只需当用户和页面中止交互（也就是提交内容的时分），阅读器中的表单才干检测到被填充了内容。所以，阅读器的这一设计使得我们的标签会以这样的方式展现出来：

  所以爲了尽量规避这些成果，主要的处置方案是检测输入内容能否与 :-webkit-autofill 选择器能否分歧，以及输入内容的存在与否。虽然看起来并不美观，但是非常有效。

  活动性更强的界面

  每操作一个步骤都要给页面重新定向是2008年的网页设计师做的事情，这样来设计可以兼容性更好，也愈加万无一失，不过GoSquared 的APP已经不再支持这样的特性了。

  新的GoSquared 的登陆界面拥有更强的活动性，平滑的动效和自然的形状切换，着实令人着迷。
正仿佛我们在之前的文章中所说的，之前的设计非常容易打错登陆邮箱和用户名，直到提交的时分才收到系统提示，输入的密码或许帐号有误。
  Mailcheck这样的邮箱称号纠错工具，能纠正绝大部分的邮箱地址输入错误，极大的降低了登陆输入错误率。我们在上一版中就参与了这一组件，它如今也效力于新版。

  上一版设计的时分，我们大幅增添了界面中其他非重要元素，终使得登陆界面上只需两个输入框，而没有其他的视觉元素，毕竟在今天，输入完帐号密码之后按回车键登陆是一件自但是然的事情，有没有登陆按钮似乎影响不大。

  但是，当我们观察理论用户操作之后才看法到，有许多用户宁可点击按钮提交表单也不愿点击回车键。这也促使我们终在新版中让登陆按钮重新回归。

  当我们点击”登陆“按钮之后，通常会等候几秒钟才进入登陆后的界面。即便我们中止了诸多优化之后，用户依然需求耗费几秒钟等候时间才干正是登陆，这其实是有缘由的：安全性。当用户提交他们的帐号密码之后，后台的效力器需求耗费巨量的运算来确定它们是正确的，在此我们无法详细描画详细机制，但是这麼做是爲了防止有人以暴力破解的方式黑入系统。

  当然，也正是由于这个缓慢的进程，我们并不想让用户独自面对着似乎卡住了的登陆界面，我们需求经过设计，用视觉反响告诉用户“你的表单已经提交，一切都很正常，你只需求稍等一下就能出来了！”

  所以我们在这个环节添加了一个进度条，爲用户展示估量多久可以登陆出来，这使得他们对登陆时长有一个明白的预期。不过，基于时间的进度条本身非常单调，而且不一定准确，所以我们终运用了一个非常巧妙的动画来作爲替代方案。

  用户体验和VI设计并非原封不动的东西，它们会随着时间和地域的改动而不停地调整。我希望你们会喜欢GoSquared 登陆界面的改进，也希望我们的改进进程能给同行们一些启示。

上一篇：【成都画册设计】怎么轻易掌握基本的版面构图

下一篇：怎样鉴别设计单位的好坏

返回列表

广告设计制作印刷安装

服务项目

名片宣传单画册联单手提袋封套海报招牌优惠券档案袋装饰装修 x展架不干胶高档贺卡优惠券包装盒发光字