主要内容
-
网站内容的排版 2009-06-09 21:23
最近几日在筹划小说类网站的建设，在文字排版方面，遇到几个问题，结合论坛上及朋友们的讨论，总结一下最后的解决方案： 字体大小 其实我明白大多数用户喜欢14号左右的字体，但自己在家中经常使用26号（甚至48号）的字体来敲文档，忍不住还是把正文区的字体搞到了120%，成功获取了大量差评。 于是只好改回了100%，用户体验第一，个人私欲靠边站。 文章正文区域的宽度 之前为了考虑手机用户 ... ...
-
交互设计的KISS原则 2009-06-09 21:13
KISS原则就是Keep It Simple and Stupid. 简单是软件设计之美, 简单的设计使得软件产品易于开发, 易于维护. 简单代表着高质量, 少加班, 每个人都希望自己的工作是简单的. 在KISS原则之外, 应该有一个更重要的原则: Useful. 满足需求是一切产品的低限. 也许需求本身也应该KISS, 简单的需求意味着底成本 ... ...
-
值得借鉴的白社会的交互设计 2009-06-09 21:12
一直听说白社会的交互做得很棒，最近两天工作基本上完成了，于是本着学习的态度体验了一下白社会． 进入登录界面，色彩搭配很舒服，一个很明显的视觉元素：ＢＯＳＳ加上阻止的符号（ＢＯＳＳ免进），很明显的体现了整个网站最基本的用户群，除ＢＯＳＳ之外的白领人群． 整个社区很多地方都体验了为满足特定用户人群而设计的功能，着实让人眼前一亮．随便听点什么的音乐播放功能，单击打开一个小窗口，随后音乐自 ... ...
-
谈CSS书写风格 2009-06-09 20:58
随着公司业务的增加，需求变的越来越多，团队也因此在不断的扩大，我们经常会遇到几个人协同工作来完成同一件作品或者维护修改别人作品的时候，那么是什么最让你最感到困扰呢？我们在实现一个表现复杂的页面的同时，CSS文件就会比较繁琐，众多的选择符、属性让人眼花缭乱，那么如何更快的定位、如何更高效的编写样式呢？CSS的书写被很多人所忽略。关于书写风格，翻看了一些知名网站的作品，发现横向连排几乎成为各大产品项目 ... ...
-
模式化窗口 2009-06-09 20:57
先让我们看一个例子，了解什么是模式化窗口。 以下是QQ秀商城在非登录时提示登录的一种状态。当我在非登录状态，通过保存形象的方式买一件衣服时，弹出登录对话窗口提示登录。此时，登录对话窗口锁定商城页，锁定IE，只有当对登录窗口进行操作后，才能够进行其他操作。譬如：最小化IE、浏览商城等。我们可以说，登录对话窗口就是一种模式化窗口。 模式化窗口常常给人“坏&rdqu ... ...
-
关于交互设计在QQ秀赠送流程中的优化 2009-06-09 20:55
赠送QQ秀流程是QQ秀商城关键流程之一，占了收入最直接的一部分。它的优化是后续商城流程优化的重要参考。OK，现在就用TA做例子，分享一下流程优化中，交互设计的分析过程。 先大概了解一下优化前的流程。 第一步：触发用户赠送 第二步：填写赠送物品信息。需要手动输入好友QQ号码等信息后，点击“立即赠送”进入购物车页面。 第三步：页面跳转到购物车 ... ...
-
大写锁定提醒 2009-06-09 17:11
在用户登录windows操作系统的时候，如果触发到了登录表单的密码录入框上，并且此时按下了“大写锁定键(Caps Lock)”，那么界面上会有个提醒告知用户“大写锁定打开”。因为密码录入框被加密后，字符不会被显示出来，因此大小写敏感的密码容易输错，并且不易察觉。 这个设计很好，我想当年肯定是设计师被投诉N次后的改动，一直沿用 ... ...
-
小心优化我们的设计 2009-06-09 16:18
交互设计师在优化设计时，经常会用到一个设计原则（Tesler’s Law of the Conservation of Complexity）。简单来说，就是用户在使用产品或服务的时候，要完成一系列任务。交互设计师可以将一些原本需要由用户完成的非关键任务（如下图中的Extra Step） ，交给产品或服务来完成。从而减轻的用户的负担，提高了产品或服务的可用性。 &nbs ... ...
-
IA学习笔记02：组织体系 2009-06-09 15:19
简单的说，组织体系指的就是组织信息的方式。 看了一堆拗口的定义后，我根据自己的理解画了下面这个图： 从上图看出，同样的图形元素由于采用了不同的组织方式，呈现的分组效果也大相径庭。 尽管如此，我们还是不难区分出它们之间的差异性，并且能按照一定的方式把它们组织起来。 这种将信息分成定义明确的区域和互斥区域的组织体系，我们称他为精确性组织体系。 当用户知道所要寻找的资源的某些信息，例如：文件名 ... ...
-
提高网站可用性的10个小技巧 2009-06-09 14:15
不论是企业网站、个人博客，或者购物网站、游戏网站，我们都希望能吸引访问者并且给他们留下愉快的访问体验。 可用性是用户体验的一种度量，它可以用访问者完成网站功能的方便程度来描述——无论是通过自身知识还是通过学习新方式来完成这种功能。我认为Jakob Nielson的解释非常到位，他说： 可用性是评估网站易用程度的一种属性。同时“可用性” ... ...
-
互联网表单设计 第九章 即时验证（1）确认 2009-06-08 01:38
尽管表单问题清晰，而且提供有意义的输入暗示，但总有些问题答案不止一个。此时，直接反馈可再次让人们确信答案有效。经常采用即时验证方法实施这种实时沟通。 即时验证提供多种类型反馈：确认合适答案，建议有效答案，实时更新输入范围限制。这些反馈通常发生在输入答案开始，继续或停止的时候。 确认 如果人们很可能不知道答案是否正确，确认答案是否有效最有用。选择用户名是常见例子。用户首先想到 ... ...
-
增强现实技术会能解决电子商务商品尺码问题么？ 2009-06-07 22:57
最近总被问怎么样可以让用户在网站上选择到合适自己尺码的产品（曾经也介绍过几个方法，例如这里，还有这里），也头脑风暴出了一些更成熟的方案，但是本质上都只是小改良，相比现在普遍采用的模式（例如给size chart或者size calculator）没有根本性的突破——或者说，凡是能够产生根本性突破的方法，都需要极大的开发成本，目前也没有资源去实现。 看到www.pri ... ...
-
网页设计趋势发展历程之2009下 2009-06-07 22:21
More Web Design Trends For 2009 Smashing Magazine版权所有 作者：Smashing Magazine 译者：UCD翻译小组，波希米亚 原文地址： http://www.smashingmagazine.com/2009/01/21/current-web-design-trends-for-2009/ 译者序：09年快过去一半了，虽然文章早 ... ...
-
面对无理取闹的用户-极端并微小的“出错”校验 2009-06-05 20:01
用户是上帝，即使用户是无理取闹的，也是在帮助我们提供发现问题的机会。 本文所说的无理取闹的用户，其实是设计师自己。因为设计师是最无理取闹的用户（为什么呢？） 有一些极端的情况，做为真实的客户，也许一辈子也遇不到几次。 如图： 1. 你会在search bar什么都不输入的情况下就按search button吗？ 2. 明知道这个输入框应该不支持字母 ... ...
-
关于网上购物付款流程设计的12个建议(译) 2009-06-05 10:16
1. 不要让用户先注册再去选商品。 顾客们是来买东西的，不是来填表单的。所以需要确保用户在付款过程中完成了注册，而不是付款前就去注册，也不是让用户把商品放到购物车里之前去注册。注册表单的需要用户花功夫去填，注册过程中还可能有问题，所以这会成为用户顺利完成购物的障碍。 Taget这个网站就是当用户真正要把钱付了的时候，才让他去注册的。 在购物流程中，把注册这个麻烦往 ... ...
-
微软Bing交互设计与用户体验 2009-06-03 19:58
我看”必应” 最近两天总是能看到关于bing的新报道涌现,先是老大发的一篇Bing谷歌雅虎三家搜索性能大比拼的文章.对BING有了个初步的了解,然后是腾讯的西贝同学关注微软Bing的 文章.慢慢地我也对微软的”live二代”有了浓厚的兴趣.一开始感觉它的名字很怪,官方给的解释好象是”有求必应”的意思.不过也有些不同的意见 ... ...
-
浅议手机客户端设计:(七)谈谈快捷键 2009-06-02 15:35
一、前言 快捷键基本是PC软件中必备的一项功能，在Web设计中随着Google系(Gmail、Google Reader等)软件对快捷键的推行，也逐步开始兴起。 在手机客户端设计中，受限于手机本身操作途径有限、屏幕有限、交互方式有限等，且整体性质更加类似于PC软件，因此快捷键也是由来已久，本文盆地权且从自己 ... ...
-
微软的富体验 2009-06-02 15:12
如果你并不使用微软的Live Search（事实上很少有人使用），那么你一定会对取代这款产品的Bing印象深刻。微软的新搜索引擎使用一个单音节，四字母的单词Bing作为名称，像是个咄咄逼人的冷酷巨人，完全没有其中文谐音“病”的感觉，——从此字母B和蓝色将不再仅仅代表中国的巨人百度。Bing不仅拥有一个简短响亮的英文名，其中文名“必应&rd ... ...
-
Apple vs. Microsoft——网... 2009-06-02 06:08
原文作者：Dmitry Fadeyev原文链接：Apple vs. Microsoft - A Website Usability Study译者：indigo90 【中文原文】http://ineu.org.cn/blog/index.php/archives/430 今天我们要对两家大公司——苹果和微软——的网站做一个比 ... ...
-
如何搞定站内搜索的产品设计及应用（上） 2009-06-02 01:57
我为银杏泰克站内搜索服务商做产品顾问期间，经手了十几个站点的站内搜索应用的方案设计，略作一些分析和总结。 一、站内搜索应用 站内搜索的应用受到越来越多的重视，以前出于技术成本和内容规模的原因，大家使用公共应用来凑合这个事，或者干脆没有。但是现在有钱了，信息量和信息类型的差异化和几年前也完全不是一个级别了，有越来越多网站对站内搜索有了极大的依赖。 对于分类信息、电子商务、点评 ... ...
