68
几年前,我意识到,我的很多粗劣,朋友使用我的爱人的名字设计交付物也。 他们认为,一个线框,原型和模型都是一样的——一种灰色,四四方方的,素描代表一个巧妙的主意。
的问题简化的观点是,他们永远不知道会发生什么用户体验设计师的作品和他们经常感到困惑。 “这是为什么不点击?” , “嗯,我不知道我应该点击这里…” ——这样的评论是烦人的常见的用户体验设计项目。
混乱的线框图和原型是假设一个架构蓝图(building-to-be的详细计划)和显示的房子,是一样的。
尽管你可能确实试着生活在一个显示房子(你知道它的美应该证明酷其他房屋在该地区),你不能指望一个舒服的呆在一个蓝图——它只是一张纸。
显示房子和架构的蓝图是不同的沟通方式:
蓝图作为建筑计划,指定应该如何建造建筑
显示房子提供了一个测试驱动未来的居民
相同的分化可以应用到线框图,原型和模型。 他们看起来不同,交流不同的东西,他们为不同的目的。
显示房子和蓝图的确有一些共同之处——他们都代表着最终产品实际的房子。 再一次完全相同的共同特征可以应用到线框图,原型和原型——所有这些文件是最终产品的形式表示。
信不信由你,一个原型之间的区别,线框,模型总是的第一件事我想教我的用户体验设计团队的成员。
与 明信片 你可以在线创建和编辑电子邮件模板没有任何编程技能! 包括100多个组件来帮助您创建自定义邮件模板的比以往任何时候都要快。 现在试一试 免费!
了解更多其他产品是的,它真的很重要。
让我们讨论框架、原型和模型的细节,那么你会掌握的想法在特定情况下使用。
线框图是一个低的忠诚表示设计 。 应该清楚地表明:
主要内容(组 什么? )
的结构信息( 在哪里? )
描述和基本的可视化用户界面的交互( 如何? )
线框图不只是无意义的灰色盒子,尽管他们看起来一模一样。 把他们当作 你的设计的支柱 并且记住,线框应该包含一个表示的最终产品的每一个重要部分。
„表示”是一个至关重要的一项,这将有助于你找到合适的忠诚——速度的平衡。 你不能去太多的细节,但另一方面,你需要创建一个最终设计的固体表示,不会错过任何重要的一块。 你设定一个路径为整个项目和和你一起工作的人(开发人员、视觉设计师复制作家,项目经理——他们都需要well-created线框图)。 事实上你创造一个城市的地图。 地图上的每条街为代表,但它大大简化。 你能感觉到城市的建筑如果你在地图上看,但是你不能感知它的美。
应该创建线框图迅速,几乎整个时间应该花在与团队成员沟通,…思考。 仅仅活动wireframe-creation应该很快。
可视化应该是美学,但这是大大简化。 Black-grey-white是典型的颜色您将使用(您可能添加蓝色指定链接)。
如果花太多时间准备(如图标,选择上传图片),你必须代表一个简化的方式(如使用占位符,越过矩形图像,再加上一个合适的描述)。 我们倾向于叫线框图低保真交付(低保真的)。
记住——well-created线框图设计清晰地沟通,并设置为整个团队。
线框通常是作为项目的文档。 因为它们是静态的,修复与接口交互在特定的时间点,他们应该伴随着文字(从短说明交互,在需要的时候,复杂的技术文档)。
然而他们可能也不那么正式的方式使用。 因为它们是快速和简单的形式,他们也清楚的草图在团队内部沟通。 如果开发人员询问应该做点什么,答案可以提供一个快速创建线框图。
考虑一下这个 :UXPin一家真正快速发展周期(每两天发布)。 我们使用线框图快速可视化任务(甚至小的!)。 它可以消除误解和真的很便宜。
线框图并不是用作测试材料,尽管他们可能有助于在最初收集反馈,游击战式的,研究,你不关心方法论的纯洁,而是试图让一些快速的见解。
线框放置在整个设计故事的背景可以是令人惊讶的有效的,尽管近年来他们已经收到了一些负面新闻,仍然是不可或缺的复杂项目的初始阶段。
原型,通常与一个线框,混淆是高保真的中间表示最终的产品 模拟用户界面交互。 应该允许用户:
体验内容和交互的接口
测试的主要交互的方式类似于最终产品
一个原型是一个模拟的最终用户与界面之间的交互。 它可能看起来不像最终产品,但应该大大相似(这肯定不是灰色,粗略的事情)。 交互应该小心模仿,有显著的相似之处最终的经验。 界面和后台之间的相互依存机制通常省略了降低成本和加快开发周期。
原型是用来在用户测试他们的全部潜力。 这样一个仿真的最终交互形式的好材料检查接口的可用性,在开发实际开始之前。
原型通常不是最好的文档你可以想象,因为他们迫使„读者“采取一些努力理解接口。 另一方面,一个原型是最迷人的设计文档的接口是有形的和直接的。
注意,原型相当一个昂贵和耗时的形式的设计交流。 我建议,而创建原型,可以重用开发(是的,它意味着你需要一些HTML代码,CSS和可能是你自己的)。 它是相对简单的项目中特别有效。
做对,结合用户测试、原型可以支付本身。
模型是一个中间高保真,静态的,设计的表示。 通常模型是一个视觉设计稿,甚至实际的视觉设计。 创建一个好模型:
代表的结构信息,展现的内容和演示了一个静态方法的基本功能
鼓励人们实际上审查项目的视觉方面
模型往往与线框混淆,由于一些软件公司的名字。
早期模型特别有用如果你想从利益相关者的支持。 由于视觉特性,模型没有阻力低富达交付和更快的比原型创建。 他们是一个很好的feedback-gatherer,如果放置在整个设计故事的背景下,可以形成一个文档的章节。
之前你选择的通讯手段在设计过程中,你需要:
指定你想解决的问题
了解你的目标群体
看看竞争对手在这一领域做了什么
集整体产品需求
这是一个最小值。 现在认为,交付将是最合适的。 考虑你的产品和团队。 最适合你们什么? 正式文档,或非正式的快速草图和面对面的讨论吗? 你有时间和金钱为坚实的用户研究,或者你要参观当地的咖啡馆,手的草图到您的前景如何呢?
你拥有什么技能? 你的代码吗?
看看你自己,你的团队和你的项目应该指导你通过选择合适的可交付成果的过程。
当然,你可以创造的,…在很多情况下你会! 不要害怕迈出这一步。 他们都有意义,处理得当,可以使你更接近伟大的设计。
大连建站在这个课程中,我们将重点放在创建低忠诚可交付成果和创建基于他们一致的设计文档。
热门分享
最新文章
2020.02.06
大连高端网站开发:来自DesignCrowd的自定义徽标设计
2020.02.06
大连高端网站制作:入门网站管理员须了解这些课程
2020.02.06
大连高端网站设计:做广告的自由职业者成功的秘诀
2020.02.06
大连高端网站建设:50个用于学习PSD到HTML的转换
2020.02.05
大连网站制作:为自由写作业务拼写厄运的尴尬语法错误
2020.02.05
大连网站开发公司:将自己的设备(BYOD)带入电子商务世界
2020.02.05
大连手机网站开发:社交网站可以成为赚钱的好来源吗?
2020.02.05
大连高端网站开发:如何通过社交媒体增加销售额
2020.02.05
大连高端网站建设:25个自由作家的重要资源
2020.02.05
大连高端网站建设:域名注册详尽指南
随机推荐
2020.02.05
大连高端网站建设:25个自由作家的重要资源
2020.02.05
大连企业网站设计:通过适当的SEO提升您网站的排名
2019.09.09
大连企业网站开发:10 个Numeronyms Web开发人员应该知道
2019.10.29
大连设计网站:人们爱Instagram的真正原因InstantShift
2019.09.17
大连做网站:35个网站与大胆的配色方案
2019.09.17
大连建设网站:5个网站的免费音乐播放器
2019.09.09
大连建站设计:网站设计中渐进增强的最佳实践
2019.08.22
大连建站公司:5个方法创造性的网页设计师工作很棒的网站
2020.02.05
大连网站开发公司:将自己的设备(BYOD)带入电子商务世界
2019.09.02
大连企业网站制作:jQuery.mmenu——轻松创建滑动菜单