全局于网站整体的网页设计(2)
作者:小猪头 来源:蓝色理想 发布时间:2009-03-27 17:15:00
三、学会掌控用户路径
用户从哪个页面来?他最有可能点哪个链接或者按钮?他使用了搜索框吗?他下一页去哪里?最后哪个页面会被他打印输出?
站在整个网站的角度出发,这些流程也许只是产品经理需要把握的,设计师拿到UE图只管一个接一个绘制页面就行。其实不然,好的设计师往往能承担一部分产品经理的职责,设计出一个典型的用户路径,这对网站页面流程有着很大的影响。
页面和页面之间有很多关联,成片的超链接把流程页面和外部页面混乱地串在一起,区域A的文字链接要链到页面2,区域B的图片链接是指向页面3,侧边的一个位置显著的大按钮其实是链接到网站X……页面和页面之间也是有继承关系的,继承的过程要让用户觉得理所当然,在视觉上实现平滑过渡,这就是设计师要考虑的具体问题。从一个页面到另一个页面的路径组成里,哪些模块要原样保留,哪些控件要发生变化?页面结构是否可以变动,页面色彩是否可以更换?这些都是需要参照用户路径进行设计的地方。把自己想象成为一个普通用户,一页一页地点进来,你就能明白用户需要的是什么样的合理设计。在此我们可以参考如图所示的网站设计流程图。
四、初步实现UE产品模型,并审核
设计师需要以什么作为参考来进行页面设计?所有的元素和流程都在脑子里,这个时候设计师需要稍加整理把它们简要地画出来,画出线框和注释就可以了。
我们可以把UE模型理解为设计草图,在UE阶段,设计师主要根据用户路径得来的线索,加上对用户交互习惯的探索,进而整理出一个大概的模型框架。这个框架里,要明确画出有几个关键页面,每个关键页面的关键元素和模块有哪些,这些关键元素和模块哪些是必须以某种特定位置排列或者是务必要强调突出的。
其中,网站的首页、最终页面是最重要的两级页面,首页会是用户使用网站的第一站,在首页的体验好坏,直接决定着他的去留;而最终页面是用户想要获得信息的具体页面,他会在这个页面停留最久,可能会进行仔细的阅读,或是打印出这一页备用。通常在绘制完UE模型之后,会有一个开发小组来讨论并且审核这个模型,这时候就需要着重确定首页和最终页的大概模样,每个讨论参与者对此都很关心。UE模型的绘制我们可以参考如图的某商城的UE图。UE模型通过之后,传统意义的设计终于派上用场,要进行具体的页面设计了。
链接1
网站设计中可能存在的误区〖EOF〗
误区一:设计师就是美工。
事实上,两者几乎完全不同,设计师存在主观因素上的设计,而美工很有可能只是被动执行。误区二:用什么做图软件对设计师来说很重要。
其实设计师对做图软件没有什么严格要求,很多学习绘图软件很久的人习惯用photoshop来画页面,而更多专职面向网页设计的人习惯使用fireworks,因为其更偏网页化的操作能带来更高的效率。误区三:做平面设计和网页设计其实是互通的。
虽然都是设计,但两者的很多设计规矩是不一样的,我认为两者最大的区别是思想上的区别:平面设计讲究留白和视觉冲击,而网页设计则寸土寸金,页面元素的整齐协调更是至关重要的。误区四:我改变不了领导和用户的需求。
设计师要做的只是提出自己对于设计上的看法,决定权仍然在于领导。误区五:我经验不足,提不了任何建议。
对设计师来说,了解需求也是很重要的,不光是需要读懂文档,更需要真正明白大家在做的是一个什么样的具体的东西,这样在动手操作的时候,才不会手足无措或者是理解偏差。误区六:设计师直接出设计稿就行了,有问题就改。
设计师需要先搭建出UE模型,UE只需要以简单线框模式展现,效率高而且适合随时调整修改,往往在这个阶段需要修改的地方是很多的,如果直接就以设计稿来探讨,每修改一处都是一个工程,毫无效率可言。误区七: 每个页面都很重要,都要认真研究探讨。
其实大部分网站页面都是一样的框架,只是内容显示不同,同一个级别的页面基本都是一致的,除了关键页面之外,其他页面用户也许只是经过一次,停留时间甚至可以忽略,论优先级来说,同等效率下自然要保证关键页面。
链接2
相关名词
MRD(Market Requirements Document),
是指市场需求文档。MRD文档主要侧重于市场机会的分析,得出类似于 “就当前市场情况而言,我们可以做什么”的结论;PRD(Product Requirements Document),
是指产品需求文档。PRD侧重于整个产品的规划,比 MRD文档要细化一些;UI(User Interface)设计,
用户界面设计,用户界面设计的三大原则是: 置界面于用户的控制之下、减少用户的记忆负担、保持界面的一致性;UE(User Experience),
用户体验,成形的用户体验可表示为框架化的页面草图,有些人习惯用纸笔画UE,有些人习惯用word或其他行业软件,总之能展现页面概要示例即可。
猜你喜欢
- 描述:让Len,Left,Right函数识别中文;对中文识别为两个字符,ASCII码为一个;可用此函数代替Len,Left,Right函数。
- 【原文地址】New "Orcas" Language Feature: Query Syntax 【原文发表日期】 Sa
- 如何用ASP建立Index Server查询对象并为其参数赋值?我们有两个方法可以做到这一点。一个方法是利用Index Server que
- 微软的SQL Server 2005中用来替代数据传输服务(DTS)的SQL Server综合服务(SSIS),包含了很多工具用于导入数据并
- 如何在约定时间显示特定的提示信息?<%Function Greeting()
- 这个功能现在很多网站,论坛都有,本站也有呵呵!如果您还不知道如何实现这个功能,没关系看看本文吧!我将给你介绍怎么给你的网站加上运行代码框的功
- 以下是几个文件操作过程,创建文件,删除文件,修改文件:
- 我的同事Fara给大家介绍了戴尔网站首页的改版设计,这里我还想和大家介绍一下戴尔是如何从网站用户使用体验的角度进行设计,让大家进一步了解戴尔
- 1。建立数据库表 表名为online 设如下字段 id '用来记录每一个访问都的session.sessionid name
- 长话短说,看这个 form 元素:<form method="post" action=&qu
- 首先你要确定错误的原因: 让IE显示详细的出错信息: 菜单--工具--Internet选项--高级--显示友好的HTTP错误信息,去掉这个选
- 指定结果集的列名AS 子句可用来更改结果集列名或为导出列指定名称。当结果集列由对表或视图中的列的引用进行定义时,结果集列的名称与所引用列的名
- 本节列出了可以运行MySQL的操作系统。我们使用GNU Autoconf,因此将MySQL移植到所有使用Posix线程和C++编译器的现代系
- 下面都是我收集的一些比较常用的正则表达式,因为平常可能在表单验证的时候,用到的比较多。特发出来,让各位朋友共同使用。呵呵。匹配中文字符的正则
- 在设计中保持一致性(uniformity)是网页设计中一个重要的组成部分,它能使你的设计有效地传达信息而不会导致用户迷惑或焦虑。保证一致性的
- 1.将下面一段代码插入<head>与</head>之间:<script> function&
- 在用到编辑器时,就会碰到一点,那就是标签的闭合问题,这个问题非常严峻,因为这可能会导致网页显示的整体样式受到破坏。这最近在PJ的functi
- 1,SELECT 语句 在SQL的世界里,最最基础的操作就是SELECT 语句了。在数据库工具下直接采用SQL
- 想必大家都知道MSSQL中SA权限是什么,可以说是至高无上。今天我就它的危害再谈点儿,我所讲的是配合NBSI上传功能得到WebShell。在
- 简单的仿图片验证码,适合新手简单的仿图片验证码演示,很容易被破解,实用性不大,但拿出来给新手学习一下还是不错的:JScript.Asp代码示