服务热线 400-777-5158

公司新闻

首页#恒行注册#首页

来源:原创 编辑:dede58.com 时间:2020-05-15 19:11
分享到:

  首页#恒行注册#首页主管QQ-71872511后台登录主要业务流程如下,用户输入登录信息,系统判断后给出结果,成功登录系统,失败给出提示。本文是关于后台用户登录的Axure教程,一起来看看~

首页#恒行注册#首页

  后台登录主要业务流程如下,用户输入登录信息,系统判断后给出结果,成功登录系统,失败给出提示:

  登录时主要交互设计分四步,设计文本框聚焦事件、设计本文框失焦事件、设计登录按钮事件、设计登录提示。

  四步操作中,登录按钮交互事件相对较复杂,需要处理3种场景:登录成功、用户名与密码不匹配、用户名不存在。

  登录操作文本框主要有用户名文本框和密码文本框,有些后台需要验证短信验证码,本文不做验证码验证。用户名和密码交互事件一致,以用户名文本框为例说明,密码文本框交互时间设置一致即可。

  1)从部件库拖入3个部件:矩形、头像、输入框。将三个部件设置为组合,并为组合更改名字:

  2)为组合中的矩形、头像设置交互样式,选中部件鼠标右键即可出现设置菜单,选择“交互样式…”:

  切换到“选中”选项卡下,配置选中效果样式(样式效果可根据个人喜好调整):

  3)设置文本框属性,将文本框边框隐藏,并设置提示文字:

  4)设置文本框聚焦事件,鼠标点击文本框时,选中矩形和头像:

  PS:密码文本框设置与用户名文本框设置唯一区别在于文本框类型设置,需将类型设置为“密码”,效果如下:

  文本框失焦只需将矩形和头像设置为取消选中即可,具体如下:

  登录提示只用于显示提示信息,无需做任何交互操作,显示、隐藏、提示内容都由登陆按钮来动态设置。

  1)从部件库拖入2个部件:提示图标、文本标签。将部件设置为组合,并为组更改名字:

  登录按钮主要事件为“鼠标单击时”,根据不同场景添加不同点击事件:

  每个事件,需要根据用户场景设置提示组合中提示文字内容:

  因提示组合默认是隐藏,所以在设置文本后,需将提示组合设置为“显示”状态:

  “等待”动作用于设置提示组合自动隐藏,当达到配置的时间后提示组合会自动隐藏:

  PS:事件中的用例执行顺序是从上往下,如果动作顺序设置反了将会影响交互效果:

  PS:点击登录按钮时,用户可选择不同用例,为方便区别不同用例的交互效果建议更改用例名称,更改方法如下:

  本文由 @Miss_Zhang 原创发布于人人都是产品经理。未经许可,禁止转载

  哈,看完还是不太会?你可能需要从Axure基础开始学

  这里推荐你加Axure实战班的助教小可爱@CC-起点学院(微信:qidiancc520),回复关键词:大礼包

  领取适合产品新人的原型设计大礼包哦,cc还会不定期分享Axure免费视频课程呢!

  每天3块钱,补齐互联网专业知识,提升职场竞争力

  竞品分析 银行类APP,如何做好用户激励?

  文案不能想当然,新手文案需要知道的基本思维

  一文讲透B端产品/C端产品、SaaS/PaaS/IaaS的区别

  不同维度产品如何实现冷启动、增加用户粘性(1):工具型产品

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。