原型设计实践

      在教师管理系统这个项目中。開始学习并使用Axure进行原型设计。虽然如今能够用Axure来进行一些简单的界面设计和交互设计。仍认为自己掌握的仅仅是Axure强大功能的微小的一部分。

      提到原型设计。不得不提一个词:UCD(User Centered Design)。

即以用户为中心的设计,是在设计过程中以用户体验作为设计决策的中心,强调用户优先。

      我们开发软件产品的第一步就是需求分析。在需求分析阶段常常出现的问题就是:

      1.用户描写叙述的需求和开发者理解的需求不一致。

      2.用户需求常常变更。

      用户不会关心你的软件产品用了什么代码,他们仅仅会关心你的产品看起来是不是舒服,用起来是否方便、轻松、愉快。

      所以我们在真正开发产品前,应先设计出这种东西:它能展示产品的界面。也能让用户来“用”。这里的“用”,并非要为用户真正实现什么功能。而是一种效果,感觉像是在使用真的产品一样。我们称之为原型。

      以上是自己的理解,度上这样定义:产品原型是整个产品面市之前的一个框架设计,简单的来说是将页面的模块、元素、人机交互的形式,利用线框描写叙述的方法,将产品脱离皮肤状态下更加详细生动地进行表达.

      从网上找来一幅图,来了解一下原型设计的地位吧!

                      

      有了原型,需求分析中反映的就不是那么可怕了。用户使用原型这样一个具体的像真的产品一样的东西,更能具体地表述自己对哪里不惬意,这样用户和开发者之间交流就有了共同的依托。所以原型就是用户和开发者之间的桥梁。由于我对原型设计了解的还非常少,这个桥梁可能并不局限于用户和开发者之间。可是原型在沟通和应对需求变更方面起的作用是不容忽视的。

      Axure是一款原型设计工具。

Axure RP即为高速原型设计。

      这里我仅对自己所了解的功能做简要的介绍。

  • 界面设计:

       页面:像是我们用过的窗口

       部件:像是我们用过的控件。

       这里重点说一下两个部件:

动态面板

内部框架

       它们都像是容器。可是这个容器里的东西是可变的。

       对于动态面板,它有一个重要的属性就是状态,每一个状态事实上就是一个页面。能够依据设计须要在不同一时候候,让动态面板显示不同状态。

      对于内部框架。自我感觉也是一块可变的区域。可是它似乎更灵活,假设有些页面你想让它在一定区域内显示。这时你就能够在onclick事件下。加入用例。选择在内部框架中打开链接(页面)。

  • 交互设计:

      通过事件触发,来打开某个链接(页面),设置动态面板状态,设置部件的值等等;

      也能够在事件触发时加入条件,满足某个条件就运行什么操作。满足还有一个条件就运行其它操作。

    

温馨提示:

      在设计的时候,要给每一个部件设置名称。

      假设多人合作进行原型设计。在整合的时候,能够选择导入页面。复制粘贴绝对不是好方法。

总结:以上分享了我对原型设计的一些理解和使用Axure的些许经验,从原型设计上。我们也能够看出为了更高效,高质地开发软件。我们须要本着以人为本的思想。充分利用它和用户达成共识,进而开发出用户惬意的产品。

时间: 2024-12-25 11:49:35

原型设计实践的相关文章

使用Axure RP原型设计实践07,注册判断

本篇实现注册页的一些功能.本项目是通过用户名和电子邮件进行注册的. 在本篇之前,在"使用Axure RP原型设计实践03,制作一个登录界面的原型"中已经对注册页做了基本的处理. 打开注册页,把登录页的提示动态面板放到当前注册页面提示的正下方,对齐. 提示的时候,有些提示只有一行,比如用户名没填,有些提示有2行,比如用户名和邮箱都没有填.可以把2个状态放到同一个动态面板中,给不同的状态命名,并让面板中部件的名称不重复. 先让动态面板隐藏,当点击注册的时候再显示. 给注册按钮的OnClic

使用Axure RP原型设计实践03,制作一个登录界面的原型

本篇体验做一个登录界面的原型. 首先在Page Style里为页面设置背景色. 如果想在页面中加图片,就把Image部件拖入页面,并设置x和y轴.双击页面中的Image部件可以导入图片.在Image部件对应的Widget Properties and Style面板中还提供了裁剪功能,裁剪完双击可保存图片.还提供了切割图片的功能.图片部件的Preserve Corners属性用来缩小图片尺寸的时候保持一定的清晰度. 把一个Rectangle部件拖动到页面中,通过工具栏中的Line Color修改

使用Axure RP原型设计实践05,了解公式

本篇体验公式的使用,一般出现值的时候就可以使用公式,公式可以使用全局变量也可以使用局部变量,在Axure中使用公司有一定的语法. 先创建2个全局变量. 向页面中拖入Rectangle部件,给它的OnClick事件编辑用例: 让其显示两个全局变量的和.注意:[[a]]+[[b]]这样写是不可以的. [[]]里面可以进行计算,设置条件,还可以插入其它值.写在[[]]之外的都被当作是字符串. 预览,点击矩形区域显示2个变量的和. 如果是设置值事件,如下写法分别返回的结果是: ● [[1>2]] fas

使用Axure RP原型设计实践02,自定义部件以及熟悉与部件相关面板

本篇体验在Axure中自定义部件,并熟悉Widget Interations and Notes面板,Widget Properties and Style面板,Widget Manager面板. 在Axure中如何自定义部件Widget呢? 点击"Widgets"面板中的"Options"下的"Create Library",点击"完成"Axure随即启动打开一个Widget的编辑器,在新建的部件库已经有了一个默认的部件.

使用Axure RP原型设计实践04,了解全局变量

变量是一个可以变的数,可以看作是一个数据的容器.变量有2个操作,一个是读,一个是写.Axure的全局变量是指任何时候都可以对这个变量进行读写操作. 点击工具栏Project下的Global Variables,这里可以设置全局变量. 可以看到,默认已经有一个全局变量.还可以新建变量,变量是可以有默认值的. 现在自定义一个全局变量. 向页面中拖入一个Rectangle,设置Rectangle的样式,在Shape Name中设置为rack. 再拖入一个Rectangle,设置成圆形并填充上颜色,作为

使用Axure RP原型设计实践01,使用概述

首先认识Axure RP Pro 7.0软件的默认界面布局.最上面的是工具栏区域,左侧上方的是网站地图区域(sitemap),左侧中部的是部件区域(Widgets),左侧下方的是模板区域(Masters),中间上方的是页面区域,中间下方的是页面设置区域,右侧上方是部件属性区域,右侧下方是动态面板区域. 依次点击"Publish","Preview"或直接按快捷键F5或直接按工具栏里的预览按钮,就可以在浏览器中对当前项目进行预览. 依次点击"Publish&

[福大软工] W班 软工实践原型设计—成绩公布

作业地址 https://edu.cnblogs.com/campus/fzu/FZUSoftwareEngineering1715W/homework/909 作业要求 详见作业地址 存在问题 1.团队成员的所有内容都一样,个人觉得组织预言上,可以自行组织.而且,小结都一样,这就说不过去了.希望之后的作业不要出现这种情况! 2.原型贴图的同时应该有详细说明,这样才会了解你们团队的想法,部分小组做的非常好. 3.只有一个小组给出了功能结构图,个人觉得功能结构图是非常重要的对一个系统的说明. 4.

EntityFramework之领域驱动设计实践

EntityFramework之领域驱动设计实践 - 前言 EntityFramework之领域驱动设计实践 (一):从DataTable到EntityObject EntityFramework之领域驱动设计实践 (二):分层架构 EntityFramework之领域驱动设计实践 (三):案例:一个简易的销售系统 EntityFramework之领域驱动设计实践 (四):存储过程 - 领域驱动的反模式 EntityFramework之领域驱动设计实践 (五):聚合 EntityFramewor

谁在撼动Axure在原型设计领域的霸主地位?

目前活跃在国外的原型设计工具不胜枚举:Pidoco.UXPIN.Proto.io 6.InVision等等,令人眼花缭乱.曾几何时,Axure一枝独秀,可以说是占据了无法撼动的地位.然而时过境迁,现在的国内市场上有哪些常用的原型设计工具?它们在中国用户心中的表现又是如何呢? 总的来说,国内比较常见的四种桌面客户端形式的原型设计工具分别是:Axure RP.Balsamiq.Mockplus和Justinmind.这四款工具可以说是占据了国内原型设计工具市场的相当一部分的份额.今天,笔者借用"创新