常见问题

更多+

联系圆地球

更多+

联系电话:182-7194-2104

地址:武汉市江岸区铭新街大吉里1号

厂房:武汉市江岸区汉黄路十大家工业园

当前位置 : 首页 » 新闻中心 » 圆地球动态

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

文章来自:武汉设计公司 时间:2018-7-25 17:23:52 点击量:1620次
        关于GoSquared 的每一个设计细节,我们都非常之上心。近期登陆界面改版,新参与的双重认证机制使得用户账户愈加安全,与此同时,我们也借此机遇逐步提升用户登陆的体验。
 
        提升登陆界面的用户体验并没有看起来那麼复杂。当你让登陆界面越发美丽、直观、快速且好用的同时,你还需求让这个进程不那麼复杂,不会被黑客或许其他心胸不轨者随意入侵。
 
        接上去,我们一同来看看这次改版做了哪些决策。假设你想细心体验我们改版后的细节,请注册一个GoSquared帐号然后登陆出去!
 
        轻松不费力
        通常,我们翻开登陆界面,并不是爲了反省登陆表单本身,而是由此登陆账户。表单本身仅仅只是获取集团信息的一个伎俩,而非目的。从这一点来看,登陆体验应该轻松而不费力,一切设计都应尽力降低烦扰,剪除阻碍,让你更轻松完成登陆这一义务,而不用中止任何多余的操作。
 
        由 于双重认证机制的参与,登陆进程比之前复杂了不少。比起之前仅需邮箱和密码的传统登陆方式,如今的登陆方式并非复杂的一次输入决议登陆与否,新增的步骤使 得登陆成了由几步构成的新流程:明白帐号能否有双重认证的相关设置,而用户选择的是哪种验证方法。在许多流程中,还应当包括运用备用的设备/联络方式,以 及紧急备用代码。一切的这些要素我们必需完全思索到,但是又不能让它们成爲登陆的担负,让用户感到费力。
 
        占位符和标签
 
        占 位符在表单中的展现方式应该如何选,是一件非常随手的事情。从设计的角度下去看,占位符很不错。但是要用好并不容易,尤其是需求统筹到可访问性和表单那自 动填充的时分。假设你运用HTML来完成占位符,那麼当用户输入的时分,占位符会消逝,其结果是有的用户此刻会遗忘他真正要输入的是什麼。更费事的是,如 果你的阅读器会自动填充之前的信息的话,那麼你永远看不到这个地方占位符。
 
        经过检测表单内容是手动输入还是自动填充,我们之前成功地规避了 这个成果,当其中内容是阅读器自动填充之时,会有标签说明输入内容,假设是手工输入,则不会显示标签。不过,后来我们发现,用户在提交之前喜欢有标签提 醒,确保他们输入的内容是对的,这也就意味着,他们希望输入进程中,标签不时存在。
 
        所以,我们最终想到了一个优雅的处置方案,运用单独的元历来做占位符的标签,当用户输入的时分,占位符标签会自动移出输入框:
 
        爲难的安全特性
        最末尾我们运用代码来控制这些标签和占位符的时分,并不复杂:每当表单中内容改动的时分,检测其中的内容;假设内容爲空,占位符标签在表单中显示;假设不爲空,那麼就移动出去。当页面刚刚加载的时分,系统会自动检测若干次,检测阅读器能否有自动填充内容。
 
        但 是即便如此,依然存在成果。Chrome阅读器中有一项安全特性,名爲 PasswordAutofillAgent::PasswordValueGatekeeper ,这一特性的特殊之处在于,它并不会将之前保管的帐号和密码字段直接填充到表单中,哪怕它们看起来填出来了(当然,用户通常也不希望阅读器自己填充内容之 后还提交上去),只需当用户和页面中止交互(也就是提交内容的时分),阅读器中的表单才干检测到被填充了内容。所以,阅读器的这一设计使得我们的标签会以 这样的方式展现出来:
 
 
        所以爲了尽量规避这些成果,主要的处置方案是检测输入内容能否与 :-webkit-autofill 选择器能否分歧,以及输入内容的存在与否。虽然看起来并不美观,但是非常有效。
 
        活动性更强的界面
 
        每操作一个步骤都要给页面重新定向是2008年的网页设计师做的事情,这样来设计可以兼容性更好,也愈加万无一失,不过GoSquared 的APP已经不再支持这样的特性了。

        新的GoSquared 的登陆界面拥有更强的活动性,平滑的动效和自然的形状切换,着实令人着迷。
正仿佛我们在之前的文章中所说的,之前的设计非常容易打错登陆邮箱和用户名,直到提交的时分才收到系统提示,输入的密码或许帐号有误。
        Mailcheck这样的邮箱称号纠错工具,能纠正绝大部分的邮箱地址输入错误,极大的降低了登陆输入错误率。我们在上一版中就参与了这一组件,它如今也效力于新版。
 
        上一版设计的时分,我们大幅增添了界面中其他非重要元素,最终使得登陆界面上只需两个输入框,而没有其他的视觉元素,毕竟在今天,输入完帐号密码之后按回车键登陆是一件自但是然的事情,有没有登陆按钮似乎影响不大。
 
        但是,当我们观察理论用户操作之后才看法到,有许多用户宁可点击按钮提交表单也不愿点击回车键。这也促使我们最终在新版中让登陆按钮重新回归。

        当 我们点击”登陆“按钮之后,通常会等候几秒钟才进入登陆后的界面。即便我们中止了诸多优化之后,用户依然需求耗费几秒钟等候时间才干正是登陆,这其实是有 缘由的:安全性。当用户提交他们的帐号密码之后,后台的效力器需求耗费巨量的运算来确定它们是正确的,在此我们无法详细描画详细机制,但是这麼做是爲了防 止有人以暴力破解的方式黑入系统。
 
        当然,也正是由于这个缓慢的进程,我们并不想让用户独自面对着似乎卡住了的登陆界面,我们需求经过设计,用视觉反响告诉用户“你的表单已经提交,一切都很正常,你只需求稍等一下就能出来了!”
 
        所以我们在这个环节添加了一个进度条,爲用户展示估量多久可以登陆出来,这使得他们对登陆时长有一个明白的预期。不过,基于时间的进度条本身非常单调,而且不一定准确,所以我们最终运用了一个非常巧妙的动画来作爲替代方案。

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

上一篇:武汉招牌制作常见的几种形式介绍

下一篇:Logo设计要素有哪些

设计师团队

更多+

客户见证

更多+