图 2.13:鼠标移入和移出的中止循环和重启循环
⑦功能验收:使用预览键,直接操作哈密展示系统,页面跳转功能,动效触发功能都如常运作,工作结束。
三、设计作品特色
1、架构简单:整个页面就只有三个层级,从主页封面,到分支的二级页面到内容的详情页面,清晰地将哈密的历史风貌完整地呈现给用户,简单易懂。
2、内容详实:巧妙地使用Axure的动效,在有限的空间中更好地容纳更多的内容,使内容非常充实,让用户更容易理解哈密的整体历史背景。
3、循序渐进,主次分明:历史介绍处于内容的前方,用户很容易就先进去访问并了解哈密的背景,同时随着内容的推进,将会有3D复原图这种相对花时间而含有更多内涵的内容出现,针对更愿意了解内容的用户,让普通用户和核心用户都能各取所需。
4、操作简便:业务流程中使用了大量的Hover效果,让交互变得更生动,也让图片和文字更容易相处;同时在复原3D图的时候,避免用户操作和自动轮播有冲突,做出了人性化设计,用户控制时候则暂停轮播循环,颇为贴心。
四、设计感想
1、内容为先,功能为辅:所有的设计,都是为了呈现内容为初心和依归,如果无法更好地承载内容或者让用户体验到内容,设计是无意义和失败的。
2、视觉功能不可偏废:虽然视觉应该是为功能服务,界面并非一个艺术品,但是也不阻碍它变得漂亮,漂亮的界面能够吸引用户和让用户体验更为愉悦。
五、参考文献及设计作品附件(包括全景照片或总体结构图)
图 5.1 信息架构图