全局于网站整体的网页设计（12）
作者：小猪头 来源：蓝色理想 发布时间：2009-03-27 17:15:00
操作流程中的用户体验
这里我们从几个失败的例子，来看看界面设计是如何影响用户体验的。
图1是myspace失败的登录按钮设计。myspace上线后，无数用户表达了对图1这个极不合适的登录按钮设计的不满，这个重要的元素，被极不显眼地淡化在左侧，右侧是以鲜亮颜色突出表现的注册按钮。很多人在填写完账号密码之后，迅速且不假思索地点击了“注册”。这是一个失败的典型，但是这并不是偶然的，除了myspace，还有很多登录设计是这样的，如图2所示的某网站登录界面。
网站为了吸引新用户注册，或者是为了商业回报，主观上希望某些元素被突出体现，由于设计上处理不当，难免使有些原本对于用户操作来说更重要的元素被淹没，以上这些设计正说明了这点。而如果把“注册”按钮从登录的区域拿出来，或者以不同于“登录”按钮的形式表达，也许效果就会好很多。
图3是新蛋网的登录区域设计，在新蛋网的登录区域设计中，设计师把用户注册以链接的形式设计，而不设计成按钮，这样也是能明显区分开功能区域的。但是这个设计也不见得稳妥，因为它的登录按钮水平向左，超出了用户名密码的区域，使用户的鼠标轨迹不具有连贯性。应该把“登录”放置在右边，把“用户注册”放到左边为宜。
导向性的用户体验设计
用户体验的导向性，一般体现在希望对用户的行为方式有明显影响干预的网站，典型的代表就是购物网站。
淘宝网的用户体验在业内应该算是典范，作为国内最成功的C2C网站，淘宝的用户体验设计也在不断地完善之中。由图4我们可以了解淘宝网的商品细节展示及购买引导设计，以淘宝的产品展示页为例，从单件出售物品的信息传递来看，产品照片右侧清晰写明了一口价和运费，紧接下来就是一个硕大的“立刻购买”按钮，然后再将需要写明白的物品信息及参数等等一一罗列。这个页面就具有很明显的用户诱导性，因为淘宝需要的就是货品的成交量。
而图5所示的开心网的引导设计就完全不同，忽略了对博客的引导。开心网是一个以娱乐为主线索的网站，虽然它也涵盖有博客的功能，但是这不是它的重点和强项，于是开心网在各种环节上减少对博客的侧重，尽量简化对博客的引导，而重点发展其他有别于传统博客的互动性娱乐项目。
0
投稿猜你喜欢
- NopCommerce支持灵活的插件机制，所谓Web系统插件，其实也就是可以像原系统的一部分一样使用。Web系统的使用方式就是客户端发送一个
1.基本构架：mport PIL.Image 相关模块img=Image.open(img_name) 打开图片img.save(save_- 有些项目可能涉及到使用多个数据库的情况，方法很简单。1.在settings中设定DATABASE比如要使用两个数据库：DATABASES =
- 上一篇文章中我们介绍了 python 语言的几个特点，并在最后留了一个问题，python 除了上下执行以外有没有其他的执行方式。今天我们就来
- 本文实例讲述了js鼠标悬浮出现遮罩层的方法。分享给大家供大家参考。具体实现方法如下：html页面代码：<ul class="
- 首先，下面贴上designer处理的界面文件(转换成py后的)：# -*- coding: utf-8 -*-# Form implemen
- 本文实例讲述了PHP实现通过二维数组键值获取一维键名操作。分享给大家供大家参考，具体如下：有如下既定数组：$inviteType = [ &
- 一、运行vue项目1、下载node.js安装完成后分别在cmd中执行node -v查看是否安装成功，出现版本号就安装成功了2、安装 webp
- Vue Grid Layout官方文档Vue Grid Layout中文文档1. npm下载拖拽缩放库npm install vue-gri
- 从最基础的说起。本教程中，所有IE 均指 WindowXP + IE 6.0, 所有 FF 均指 FF 1.5。不用编程部分1.1 Form
- 阅读目录tcp协议：流式协议（以数据流的形式通信传输）、安全协议（收发信息都需收到确认信息才能完成收发，是一种双向通道的通信）tcp协议在O
- 目录1、背景2、C# 语言3、Python 语言4、技术分析1、背景我们先看这个题目：标题：137. 只出现一次的数字 II难度：中等htt
- 一、model.py1.1 Channel Shuffledef channel_shuffle(x: Tensor, groups: in
- 说明 1. 状态机是一个非常实用的理论。在涉及到复杂的场景，建立状态机模型，能带来极大的方便。比如，网络连接、模型状态、业务逻辑。
- 网上存在这么一个例子 obj = pd.Series([7,-5,7,4,2,0,4])obj.rank()输出为：0 6.51
- 如果你从 Ruby 或者 Python 转型到 Go，将会有很多语言差异需要学习，其中很多问题都是围绕处理 string 类型。下面是一些字
- 需要selenium控制的chrome向下滑动，自动加载一些内容，核心代码是：browser.execute_script("wi
- 如果我们希望在网页的不同角落里放置不重复平铺的背景图，该怎么办呢？比如网页的背景要如图所示，并要求在不
- Python时间处理Python在处理与时间相关的操作时有两个重要模块：time和datetime。在本文中，我们介绍这两个模块并为每个场景
- 概述 一、 初识setup函数 组件中所用到的：数据、方法等等均要配置在setup中，这也就意味着在Vue2中写的dat
