开始设计

以用户为中心的设计

网址导航 - 书友会 - 邮件组

× 关闭
我有建议/意见

主要内容

  • HTML邮件的又一点思考    2009-04-29 00:33

    要做好一个HTML邮件,说简单,还真不怎么复杂,说它复杂,其实也不难。-_-!! 以前写过类似的[ 关于HTML邮件的总结 ],最近又犯愁,就再唠叨几句。 简单的是:技术实现要求不是太高,只要做好xhtml页面就能使用邮件发送服务来发送。 难的是:如要做到兼容国内几乎所有邮箱,兼容Gmail,Yahoo mail,outlook等,却也有点难度。因为各大邮箱对cs ... ...

  • 怎样设计好一个搜索结果列表过滤器(二)    2009-04-25 03:07

    接着昨天的话题,搜索结果列表过滤器的问题,一直在想高级搜索和过滤器的问题,其实我自己现在很少会用到一个网站的高级搜索,更多的是用过滤器的。来看看高级搜索和过滤器的区别:使用高级搜索的时候,是所有条件的叠加,然后一步到位的按一个确定,事实上,我条件可以想出很多,但最终能匹配的结果,也许是零条记录与之匹配的;过滤器用的可以说是排除法,每次只加一个条件,然后看看结果,随着你条件加上去,搜索结果就更接近你 ... ...

  • 用户的声音(2) - 搜索关键字    2009-04-23 19:18

    有一个地方,客户很真心诚意地回答了”我在找什么“这个问题。 这个神奇的地方就是搜索框。   首先,是外部搜索引擎的搜索框。 用户在Google,Baidu里面输入他想要的东西,你的网站链接出现在了搜索结果(或者广告列表)里面,用户点击它来到了你的网站。 Mars可能输入的是”5D Mark II&rdq ... ...

  • 为什么说 Twhirl 的用户介面设计惨不忍睹    2009-04-23 17:41

    Twhirl 是一个相当受欢迎的 Twitter 客户端,由于它是以 Adobe AIR 环境为基础写成,因此横跨 Windows、Mac OS X 和 Linux 几大平台,积累了不少用户数。但如同生活中的大多数事物一样,受欢迎程度与质量往往成反比。Twhirl 的用户介面设计的问题不是一般的多,这里我试举几例说明。 Twhirl 的主介面上有十九个按钮,其中十个的大小完全一致:16 x ... ...

  • 阿拉丁的门槛    2009-04-23 16:23

    好几天没写了,今天多写一篇 下午看到百度的阿拉丁开放测试了,就想进去看下,结果发现百度账号不通用,就想晚上有时间再注册吧。晚上给苏杰地址,这老兄也想当然的去拿自己的百度账号登录去了(偷笑.....)。 接着说,偷笑完毕后自己去注册了,填到第三项就汗了下,这也是所以要写这篇的原因,为什么?看下面的截图: 我一直以来用两个密码,一个6位纯字母密码基本上可以满足大多数网站的要求了 ... ...

  • 设计表单的标签和输入区    2009-04-23 06:00

    重读LukeW的《Web Form Design:Filling in the Blanks》感触很深,除佩服LukeW的钻研精神外,更多的是学习他对设计细节的执着和理解。我把对本书的理解,与工作生活中遇到的实际问题结合起来,作为今后设计工作的指导和规范。 有一些元素,看着很简单,设计起来却很头疼。往往这样的元素都具有一个共同的特点——变化多,表单的设计就是如此。你 ... ...

  • 专家评估:超越启发式评估    2009-04-22 22:02

      Usability Expert Reviews: Beyond Heuristic Evaluation 很多人用Nielsen的十个可用性原则来进行专家评估。这10个原则很多都是common sense,没有经过研究进行验证过的。国际可用性标准,BS EN-ISO 9241-110,建议另外一套评估原则,包含七个guidelines。这些guidelines ... ...

  • 表单的重复输入项目应该设置为禁止粘贴    2009-04-22 21:46

           先来看一个最近挖到的网站:http://www.picnik.com/,这个网站简单的来说就是一个在线的图片处理网站。它的注册表单是我见过的做的最棒的表单之一了,简约而不简单,流程简单清晰没有丝毫的多余内容,视觉上也让人很舒服。        初始表单就三行,Use ... ...

  • Wordpress后台的导航设计    2009-04-21 22:13

    前一阵子升级了博客系统,由原来的wp2.6升级到wp2.7,而升级以后最大的改变就是全新的后台管理界面了。 在我用了一会发现,wp2.7的后台左侧导航越用越熟悉,突然打开dwcs4一看,哈哈,这不是一模一样吗,adobecs4系列全面升级了界面,而左侧导航的处理方式也全新的,下面我们来看看dwcs4的导航设计。 三种状态: 第一种区块全部展开,可以收缩,这一点和普通的软件没有什么 ... ...

  • 线框图 - 原型可视化 2009-04-21 22:06

    原文作者:Editorial.co.in原文链接:Wireframes - Prototyping Visualization译者:applia     当你需要为网站快速创建一个直观和可用的用户界面的时候,在写代码之前做好设计是基础。一个普遍的方法就是通过线框图来展现你的设计,线框图是一种使用线条为基本元素的绘画,与蓝图相对,像框图表现基本的导航和功 ... ...

  • 如何快速开展简约版启发式评估    2009-04-21 13:25

    启发式评估概述: 启发式评估(Heuristic Evaluation)是一种用来发现用户界面设计中的可用性问题、快速、高效、低投入的可用性方法。 启发式评估是让一小批评估人员依据启发式准则来评估界面,判断这些界面是否符合这些准则,指出其中存在的可用性问题并提出改进建议。 参加启发式评估的人员通常是可用性领域的专家(但是专家一般很难找到)、或有一定可用性知识的设计人员。 Jakob Nielsen ... ...

  • 获得焦点再显示    2009-04-21 03:58

    在facebook最近一次改版中,明显的增加了在feed本身上的交互操作,而最值得借鉴的就是feed上回复框的处理方式。 默认只有一条回复框,回复框中用灰色字体显示”留下评论….”,当单击以后,回复获得焦点的同时整个区域变大,显示出完整的回复框。 之所以说这个设计非常赞就是因为解决了两个问题: 1、降低了输入框对feed的干扰:如果要 ... ...

  • 纸上原型设计方法探讨    2009-04-20 22:52

    做这个东西有两个目的: 1. 把业内一些零碎和模糊的东西进行分析、整理并加以亲身实践,制定成使用说明或者标准化的设计工具。现在国内的交互从业者对一些概念和工具的理解基本上只停留在老外创造的美好词汇和自己的臆想之中,融入到工作实践时总有这样那样的不靠谱,这并不是东西本身不实用,而是师夷长技的时候并没有结合自身情况。 2. 抛块砖,引堆玉。 ... ...

  • Letting Go of the Word... 2009-04-20 18:30

    Chapter 7: 设计易用的网页 1.       选择合适的模式和对齐方式,使页面元素清晰明显; 一种最有效的方式是:保证页面中的所有版块和文字只能有少数几个起始位置。 2.       做设计计划时,要对网站进行整体考虑: a) ... ...

  • 鸡肋般的文案内容    2009-04-19 20:37

      写给谁:文案撰写者、评审者 (如交互、PD、文案专员等)。 摘要:本文通过生活实例,试阐明作者对网站文案基本特征的思考(章节A),即5条文案撰写核心原则。本文着重在章节A,同时兼顾了淘宝文案的流程(章节B)和文案工作的意义(章节C)。 总目录: A) 生活实例    B) 分类/流程    C) 总而言之 正 ... ...

  • 减少新开窗口提升可访问性    2009-04-19 20:17

    论证完使用target=_blank并非绝对错误之后,分场景探讨如何减少新开窗口。自有意识注意这个问题,是看到蓝色经典Plod大叔在04年提倡不乱弹窗的奔走相告。 抛开某些不合逻辑意图不论,为什么大量使用弹出页面?因为设计师担心用户迷失方向。为什么用户会迷失方向?因为导航系统不够好。为什么导航系统不够好?因为产品功能太多太乱。为什么功能太多太乱?因为需求没控制好。为什么需求没控制好?因为提 ... ...

  • 使用用户的语言满足用户    2009-04-19 20:12

            场景回放:         做一个CRM系统,产品设计师在整理完销售部门提出的需求之后,开始制定CRM系统的默认字段,产品设计师把这份默认的字段邮件给销售部门征求意见。         ... ...

  • 支付宝在非淘宝网站上的典型问题    2009-04-19 20:06

    在网络上随便逛,看到卖Parke钢笔的广告,进去,顺便走了一下流程,不经意看到“支付宝购买”,于是有下面的截图和思考: 商品入口 看到支付宝购买入口了 毫不犹豫的选了支付宝购买,但是.. 我觉得问题就在这个地方,当我作为一个支付宝的用户选择了使用支付宝购买后,进入到得居然是这样一个页面,一个让我作为支付宝用户进来 ... ...

  • 成功的用户界面的八个特性 2009-04-19 19:57

    原文作者:Dmitry Fadeyev原文链接:8 Characteristics Of Successful User Interfaces译者:小单 当你构建你的用户界面和网站的时候,有各种各样的关于界面设计方法和模式的信息你可以使用, 对常见问题的解决方案和一般可用性的建议。下列专家给出的准则可能会引导你创造一个良好的用户界面, 但是究竟什么才是一个良好的界面? 一个有价值的用户界面应该具 ... ...

  • 交互设计方法论 2.0探讨    2009-04-19 00:09

    引言: CDC交互设计方法论的思考其实是个永恒的话题,在内部管理大会上有人演讲,提到team 2.0概念,让我深有感触,结合我们自身在实践中的设计方法及设计流程,在平台化,多人参与,分享互动,个人贡献的价值体现方面我们又该有什么样的思考?关于设计流程化大家慢慢有了一个共识,就是:除了完整,规范,还要敏捷,有自我完善的能力。形象一点说也是要从1.0往2.0升级,那改革成功的标志应该是什么?随 ... ...