《用户体验要素》澄清了 UI 原型设计中看不见确感受得到的那一层
《用户体验要素》澄清了看不见确感受得到的那一层
太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es)
本文遵循“署名-非商业用途-保持一致”创作公用协议
《在熟练使用2B铅笔前,请不要打开Axure》一文中精要部分摘录例如以下,并 PS 组合:
表现层:
其他四层基本搞定的情况下,再进行美化设计,从美学角度来布局,用色等等,这一层基本是终于产品内含,所以包括的东西也最多,而光靠美工 PS 是无法达成的;
PhotoShop 能够使它更美观;美观是用户体验的一部分;
框架层:
大体的界面流转和界面元素选用以呈现特定数据并与用户交互,这一层除了不太美观漂亮外,基本该呈现什么数据、该接收什么样的用户交互请求等这些结构层的内容,在这一层都包括并体现了,然后这一层更重要的是,把这样的数据的种类以及用户的请求,以及请求与数据在用户与系统交互之间的各种体验详细化,结构化,流程化,实例化地直观表现出来,包括界面元素、数据组织、交互流转、响应结果走向等等。
Axure 能够呈现出交互的流程并配以相对真实的数据和界面元素以及跳转关素;交互也是用户体验的一个非常重要的部分;
结构层:
框架层的非常多东西都源自这里,假设没有这一层的内容,你会发现你想用 Axure 画出个清晰的东西来,非常难!不知从何下手,即使下手了,也非常散乱,前后错位。所以,能够这样描写叙述,框架层是驱体,那么结构层就是灵魂,仅仅有有灵魂的驱体,才是灵动的、有生气的、合情合理的。这一层很多其他考虑的就是这些灵魂的东西,详细到该给用户哪些功能来用,哪些数据须要处理,呈现出来哪些数据,当然仅此而已,而不须要更详细化的交互的界面元素,数据呈现的界面元素,但交互的过程确是要清晰可见的仅仅要你能按现实中的思维方式推演得出,顺畅且合情合理,那么这就是可行的,否则,须要进一步考量。就如一个人在做一些事情,这是框架层看到的,假设细琢磨,就会发现,这个人做事情是有条理的,这个条理就是结构层须要解决的事情,至于姿势动作是否优美,就不是这一层该细化的事情了。
OmniGraffle、Visio 这一类工具能画流程图,流程图就是一个业务流转关系的逻辑思维过程,相对抽象,但确主载着应用的呈现和响应能力,这是一层看不到的,确能感受得到的用户体验部分,比方相同一个信息,你是须要用户点了好几层,翻了好几页才找到,并输入一大堆本能够自己主动生成提供,至少可选的数据,还是简化这些,仅让用户输入必要的内容,这个确决定着兴许的事态发展,尽管看不到,但这些内容确定后,指导框架层的时侯,就会被看到其作用的结果,尽管它本身仅仅能感受得到,确看不到。。。。。。
范围层:
这一层能够叫做需求的边界界定。往往非常多项目失败,就是由于需求无边界,用户一再地提出不同的新需求和对原有需求的变更,终于也搞不清究竟要的是啥了。这时侯需求的边界界定非常重要,当前仅仅完毕这些任务,再有新的能够提,留到下一个版本号中升级完好,或者变更也能够,但仅仅能在某些特定的范围内来做,简而言之,界定了范围,接下来的工作目标,就是这些界定的需求,并且这些需求也是经过一系列讨论、研究确定为最重要和紧急的。在实际开发过程中,也相同须要遵从范围层所界定的内容,才干使开发工作能够量化并按时完毕交付使用,另外,Scrum 敏捷开发中,每个冲刺也界定了这一次要完毕的需求范围或需求复杂度,这都是非常重要的。
这一层使用的工具可能就是脑子了吧,或者像 XMind 这类思维导图的工具会比較实用吧。
战略层:
这一层,当然离不开出资人的考量,首先是这个需求是否切实存在,用户群体的广泛性,最重要的是,利润点是否合理、丰厚,额外还要考量,环境是否具备,就如当下,基本每个人都在拿着一部 Android 手机,而 iPhone 相对就小众一些,但确是高端人群,所以这些都是这一层须要考量的,假设不考虑到这些,早些年,谁也不会傻到,给每个人买一部 Android 手机,然后开发应用求他们下载来用,这纯属笑话,但笑话中确无不流露现实环境状况的重要性;再比方 JAVA 语言的发明,在当初的环境下,确实无法达到其最初目的,后来转战 Web 一举成名,而今在 Android 上,Java 终于达成了其最初的设计用意,机顶盒和便携设备上的开发应用。总之,战略层,决定了方向,方向假设错了,后面做再多也是错的,或者有时会成功,那不是偶然,而是以下各层运行中,不断对战略层进行了修正,这事实上还是战略层的问题,并非其他层的,仅仅是你会看到其他各层中在贯彻运行而已,并不会改变这一层面;但确会存在,各层的反馈下,战略层不断修正以使其他各层可行、合理。
《用户体验要素》澄清了 UI 原型设计中看不见确感受得到的那一层的更多相关文章
- 15个带给您优秀用户体验的移动应用 UI 设计
在今天在移动 App 界面设计中,你可以看到不同创意类型的视觉效果.特别是在 Dribbble 上面,有有很多移动应用程序的 UI 概念设计,让你惊叹.如果你想获得灵感,那很有必要看看下面15个优秀用 ...
- 5 个关键点!优化你的 UI 原型设计
当你和你的团队着手开始一个产品开发的时候,最开始的一步一般是绘制线框图,这是大部分产品项目的第一步,它不复杂但是却对整个产品的完成形态和质量有着至关重要的作用. 很多刚开始工作设计师或者产品经理都会提 ...
- 用户体验要素——产品系统设计方法
用户体验已经成为了每个互联网人的口头词,特别是互联网产品经理或产品设计师. 的确,对于任何一个互联网产品而言,体验都是非常重要的. 但是具体的用户体验到底指的是哪些方面,界面,UI,还是交互,其中到底 ...
- UI设计可供性解析:巧用隐藏的设计力提升用户体验
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 在实际的Web或App界面设计中,设计师们在学习和实践各种专业知识和技能之外,也会不可避免的遇到到各 ...
- UE是什么意思?用户体验设计师与UE设计是什么关系?
本文来自:http://blog.sina.com.cn/s/blog_a6bebb3f01015h47.html 什么是UE(UE——UE就是用户体验度) 你会发觉他的使用很人性化:功能强大但操作简 ...
- 国内各大互联网公司UED(用户体验设计)团队博客介绍
UED是什么UED = user experience design,用户体验设计.UED的通常理解,就是“我们做的一切都是为了呈现在您眼前的页面”.UED团队包括:交互设计师(Interactio ...
- 学习Axure RP原型设计
1 概述 原型设计是应用开发设计的第一要素.好的原型设计不仅可以起到沟通的作用,而且对客户而言应用程序拥有更直观的体现.原型设计通过内容和结构展示以及界面布局编排,实现在开发前期用户与产品进行交互.提 ...
- 【附案例】UI交互设计不会做?设计大神带你开启动效灵感之路
随着网络技术的创新发展,如今UI交互设计应用越来越广泛,显然已经成为设计的主流及流行的必然趋势.UI界面交互设计中的动效包括移动,滑块,悬停效果,GIF动画等.UI界面交互设计为何越来越受到青睐?它有 ...
- 全面产品管理-从细微处认识"用户体验"
转载: 让我以一个故事开始本文,我觉得这个故事能概括大多数人听到“用户体验”这个术语时的想法. 我经常访问的一个财经网站给我发了一封电子邮件,请求我点击里面的一个链接,对一些信息进行审核.所以我就点了 ...
随机推荐
- POJ 1201 Intervals || POJ 1716 Integer Intervals 差分约束
POJ 1201 http://poj.org/problem?id=1201 题目大意: 有一个序列,题目用n个整数组合 [ai,bi,ci]来描述它,[ai,bi,ci]表示在该序列中处于[ai, ...
- js进阶 12-7 pageY和screenY以及clientY的区别是什么
js进阶 12-7 pageY和screenY以及clientY的区别是什么 一.总结 一句话总结:pageY是距文件,screenY是获取显示器屏幕位置的坐标,clientY是页面视口. 没有滚动条 ...
- 在此页上的 ActiveX 控件和本页上的其它部份的交互可能不安全
版权声明:转载时请以超链接形式标明文章原始出处和作者信息http://xqy266.blogbus.com/logs/66258230.html 在EOS6的项目中,如果采用VC++开发的Active ...
- [Angular2 Form] Create custom form component using Control Value Accessor
//switch-control component import { Component } from '@angular/core'; import { ControlValueAccessor, ...
- 数学之路-python计算实战(7)-机器视觉-图像产生加性零均值高斯噪声
图像产生加性零均值高斯噪声.在灰度图上加上噪声,加上噪声的方式是每一个点的灰度值加上一个噪声值.噪声值的产生方式为Box-Muller算法生成高斯噪声. 在计算机模拟中,常常须要生成正态分布的数值.最 ...
- 分层抽样(Stratified sampling)
1. 基本概念 统计学理论中,分层抽样针对的是对一个总体(population)进行抽样的方法.尤其适用于当总体内部,子总体(subpopulations)间差异较大时.每一个 subpopulati ...
- jquery-9 京东和酒仙网左侧导航如何实现
jquery-9 京东和酒仙网左侧导航如何实现 一.总结 一句话总结:布局的话多用定位,由底往上一层层的来布. 1.如何实现导航向div的平滑滑动? 右侧div和左侧的li一定要放在一起 127 &l ...
- 【42.07%】【codeforces 558A】Lala Land and Apple Trees
time limit per test1 second memory limit per test256 megabytes inputstandard input outputstandard ou ...
- 【前端统计图】echarts实现简单柱状图
图片.png <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti ...
- SetProcessWorkingSetSize() 方法使内存降低了很多(把内存放到交换区,其实会降低性能)——打开后长时间不使用软件,会有很长时间的加载过程,原来是这个!
在项目中对程序性能优化时,发现用SetProcessWorkingSetSize() 方法使内存降低了很多,于是查阅了相关的资料如下: 我的程序为什么能够将占用的内存移至虚拟内存呢? 其实,你也可以, ...