现在的位置: 首页 > 互联网 > 正文
【Axure】实现“注册/登录”
2012年05月25日 互联网 ⁄ 共 1607字 评论数 2 ⁄ 被围观 8,335 views+

前些天,受人委托帮忙设计个美容网站,两天就要。我也算跌跌撞撞做过点产品,为了对产品了解更多也看过不少书,刚好用这个机会锻炼。但是实践下来,还是最关键的问题——对需求的把握。既不熟悉美容行业,也没时间和精力调研,只能翻翻类似网站,文档中的功能和架构草草带过,赶快整个原型来看吧。打开Axure,和当年使用的PROTEL长得很像,由于内容实在空洞,索性以此实现“注册/登录”吧!本文,也是离开北京当天最后一篇文章了……

原型如下:可完成注册/登录/忘记密码等功能。

整理制作过程中的部分问题&心得如下:

  • 1.两个radio button实现二选一时,直接将两个按钮选中,然后右键点击操作,选择“grouping”中的group即可。(百度到此操作之前,本人试图用各种动作和事件实现相同目的,失败~)
  • 2.将register页面中的用户名/密码/邮箱通过全局变量,直接传递到home页面,即可进行后续操作。(没找到密码域控件,只好显示明文密码了……有机会上线翻翻Axure的组件库,应该会有收获。)
  • 3.用户登录后,右上角的“注册|登录”选项替换为相应的用户名和退出功能。原本是通过放置小动态面板,设定两种状态来实现,但是很快发现一个问题:case操作选项中,使用变量替换文本在动态面板中失效。无奈,索性撤销动态面板,直接用超链文字实现,通过判断一个全局变量标志“是否登录”,将“注册|登录”文字用“用户名变量”和“退出”替代。遗留没来得及解决的问题就是:如果点击logo刷新home页面,被替代的文字效果失效,又得重新登录,@@。(另外,更合理的交互是,用户注册完毕就刷新直接登录。)
  • 4.弹出登录框时,背景中的所有项目应该不能操作,或者说,全部为diasble状态,但是项目实在太多,没法挨个设定,加一个透明灰色面板置于仅次于弹出框的第二层,在出现弹出框时该面板显示,即可实现对背景中其他操作的屏蔽。
  • 5.页面加载时,可以设定相应的变量值和动作。需要留意的是,倘若页面中已经对变量值做出修改,此时的页面再被刷新,变量值又会被重置,相信动作也要重复。本来想偷懒,借此直接设定初始变量值,然后测试登录功能,最后放弃,专门又做了一个register页面。
  • 6.最后,我应该先画个交互流程图的……

*补充说明:如此“厚重”的页面在加载时可能会比较耗时,所以,在此之前需要对整体的页面结构进行规划——即是“结构层”的设计(更抽象的还有“范围层”、“战略层”,具体请参见《用户体验要素:以用户为中心的产品设计》一书),上述各个导航类目下的页面,做成独立的页面也许是一个省时的选择。

————————

总结,Axure的功能还有待完善,本人的经验也有待丰富。但是一般意义上讲,这个软件的操作性还是很强,也比较容易上手。基本的操作结构如下:

  • 1.窗口中间的设计区就是用元件拼图,每个元件右键都有各自的个性菜单,窗口右侧可以针对各种事件设定动作和条件(还可以添加各种描述,据说对生成word产品文档有用),条件无非就是if语句搭配and和or。
  • 2.窗口的下面则是针对整个页面事件的动作和条件设定(同样可以设定各种描述)。
  • 3.窗口右侧则是网页结构和元件库,貌似还可以自行设计元件。
  • 4.全局菜单中有变量的管理,各种产出的生成管理,对于项目组开发,还可以实现项目共享和管理。

目前有 2 条留言 其中:访客:2 条, 博主:0 条

  1. 宁波肛肠医院 : 2012年08月11日15:35:08  -49楼

    现在的博客也不如往日那般兴盛了,不知最后会不会被微博、轻微博以及新的事物所取代,想来博主们也在纠结,是否要坚持更新。


    • 管理员
      admin : 2012年08月11日16:22:40  地下1层

      呵呵,不会的~博客,自有其存在的价值哈~

×