开始设计

以用户为中心的设计

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

× 关闭
我有建议/意见

主要内容

  • 界面设计中的相对时间表示法 2009-04-13 15:48

    我所居住的小区中竖着一块电子显示屏,上面会轮番显示一些信息,其中的一项是天气预报。例如某天看到的天气预报的文字显示是这样的: 2月13号 10度~20度 2月14号 11度~21度 2月15号 15度~26度 这里有一个小小的可以改进之处:现代社会的人们忙忙碌碌,甚至在很多时候突然之间都不知道今天是几月几号。不信,你立刻问问自己,或身边的朋友,看他们能 ... ...

  • 找茬:支付宝手机支付服务申请页面的“错误”    2009-01-14 17:27

    因为要做一笔打款,随意又走了一个支付宝的服务流程,发现了一些问题,说实在的,是我最近找茬后,看的最难受的一次,因为我觉得这些错误是“幼稚”,而且完全不负责任的错误!负责人是要被打屁股的! 支付宝手机支付服务页面的“错误” 从上往下走: 文案问题--“您可以通过短信和语音的方式付款到支付宝”,我觉得肯定是文案 ... ...

  • 交互模式应用(3) : Carousel    2011-07-11 22:19

    图片作为描述有形事物的一种方式,不但能直接传达视觉信息,包括几何特征、形态、位置大小和色彩等,还能传递内在信息,比如意图、要求、风格、性格和计划等。现代设计中,图形的表现力一直远超其他表现形式,因此得到大多数设计师的青睐。A picture is more than thousands of words, 如何利用图片进行创作理念表达和思维传递成为设计工作中的重点之一。 在交互设计中,如何 ... ...

  • 大写锁定提醒    2009-06-09 17:11

    在用户登录windows操作系统的时候,如果触发到了登录表单的密码录入框上,并且此时按下了“大写锁定键(Caps Lock)”,那么界面上会有个提醒告知用户“大写锁定打开”。因为密码录入框被加密后,字符不会被显示出来,因此大小写敏感的密码容易输错,并且不易察觉。 这个设计很好,我想当年肯定是设计师被投诉N次后的改动,一直沿用 ... ...

  • 设计高效的faq页面(译) 2011-06-05 08:37

    原文链接 这阵子没有精力完整翻译和发到译言(  现下正渐入状态,预计写博客量会逐步提升回来),简短做一个概要翻译,为近期工作需要做一个参考。 其中提到,维护良好的faq能令用户有参与感,很有体会,当寻找一个问题,赫然发现在置顶常见第一条的时候,有一种强烈的“找到组织”的感觉。 不过,faq还有一种挑战这里没提到,在充分收集到最常提 ... ...

  • 在线应用窗口一致化分析    2011-02-10 22:08

    虽说互联网的革命总觉得势不可挡,大家都期待着,某一天,只需要一个浏览器,就可以完成平常用客户端才能完成的任务。虽然,HTML5与Chrome一度让我们看到浏览器代替操作系统的希望(via 1,2,3,4,5),但目前来看,用户同时保持两种平台的使用的状况,要持续很长一段时间。 想让用户无缝地从客户端应用转移到在线应用,我们还面临很多问题。 从逻辑上说,在线应用属于操作系统中浏览器客 ... ...

  • 拿什么提升你的搜索体验    2011-12-06 14:00

    搜索功能无处不在,各网站、浏览器、应用程序及各平台都有它的影子。搜索诞生于互联网信息爆炸的时代,以满足用户快速寻找目标信息的需求,表现形式可以十分简单却对数据库和实现技术有特别高要求。 搜索的创新并不容易,但不是没有可能。本文首先简单分析了搜索的用户需求特点,并介绍搜索的表现形式,进而与大家讨论提升搜索体验的几种可能途径。   认识搜索 一、 ... ...

  • 真链接提升可访问性    2009-07-16 10:25

    前不久在在南航网站帮朋友订票,订票过程有惊无险过去了。为保险起见,我先在客票验证页查询确认已入座,并想把查询结果url直接贴在邮件里时,却发现验证结果url没变: http://sale.csair.com/ECS/products/QQSD/modules/order/checkTicket.jsp 于是,我以用户为中心的良好设想泡汤了,只好把查询url和电子票号发过去让朋友自己 ... ...

  • Letting Go of the Word... 2009-04-15 16:55

    Chapter 5 编写的是信息,而非文档 1.         将较大的文档分解; 2.         优先考虑按“主题”形式呈现内容,而不是按“书本”的形式来呈现;  ... ...

  • 移动界面设计点滴(1) - 减少空间占用    2010-03-09 21:08

    Mobile UI design tips——how to reduce needless space 与面向桌面电脑的网页设计不同,移动平台的设计中,屏幕空间是一个不可忽视的限制因素.设计需要符合移动平台用户的使用习惯,以最佳的状态呈现屏幕信息. 接下来以当前正在工作的UI做为sample,实战空间优化. 改进原则 去除不必要 ... ...

  • 弹出窗口与切换页面的对比总结    2010-07-28 22:26

    分享较早前的一个小总结,关于在选择弹出窗口还是选择切换页面来承载信息时,可用用来判断的几个角度,合适初学者来读。 1.弹出窗口与切换页面的区别 1) 操作的连贯性 弹出窗口的速度会比打开一个页面的速度要快,响应更及时一些,点击后可以比较快的得到操作的反馈,而切换页面则经常会让用户等待一段时间。 实例一:个人中心中,查看好友照片的操作: 之前查看照片的操作页 ... ...

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

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

  • 交互设计小贴士 2009-11-13 13:24

    原文来自Matt Jones和Gary Marsden的《移动设备交互设计》P119 通过创建一个“备忘箱”或剪贴簿来存放你曾经尝试或在别处见过的东西,从而构建你自己的设计观点和方法的档案库。在里面加入一些摘自于杂志和研讨论文的图片、草图和剪辑。经常翻阅它,并反思一下从中你可以学到什么。同时,把你的个人资源与你的同事分享。 在一个设计项目中,保存你提出 ... ...

  • 基础控件和交互设计元素的层级    2010-11-10 23:56

    今天被jobs指出之前工作的方向性错误,才意识到构成最终产品元素之间的层级关系. 在现在的工作流程中,规范是大家熟知也都尽力执行的,目的是为了在保证产出物质量和一致性的同时,提高设计和工作的效率.不过规范还是由更基础的两个元素构成:基础控件和基础组件. 交互设计元素的层级 控件是互联网/软件产品的最小界面元素,包括按钮,单选框,复选框,滚动条等等。 而组件,是通过合 ... ...

  • 交互设计要先“知道”    2010-04-25 11:26

    设计师要做正确的交互选择,去选择那些或高端的或低端的交互技术。 很重要的一点,就是你要知道什么是高端,什么是低端。 还是那句老话,现在能发明电灯的人,大家已经不会觉得他多牛,甚至还感觉有点傻。 这给设计师提出一个更高的要求,首先要“知道”。 去使用光怪陆离的产品,就成了一个交互设计师必要的工作。 去感受成功的产品和不成功的产品,感受它们为用户提供了什么好的、坏的和丑的 ... ...

  • 浅议手机客户端设计:(七)谈谈快捷键    2009-06-02 15:35

    一、前言     快捷键基本是PC软件中必备的一项功能,在Web设计中随着Google系(Gmail、Google Reader等)软件对快捷键的推行,也逐步开始兴起。     在手机客户端设计中,受限于手机本身操作途径有限、屏幕有限、交互方式有限等,且整体性质更加类似于PC软件,因此快捷键也是由来已久,本文盆地权且从自己 ... ...

  • 淘宝又改版了,发现点小问题 2008-12-31 12:51

    我只注意到两个方面,一个是搜索框改变,一个是用户注册引导区的改变。嘿嘿,发现改的和自己之前想的有些形似,有点小自豪,哈哈。 俺收集的早期搜索框一:   俺收集的早期搜索框二:   俺收集的早期搜索框三: 后来我猜测淘宝今后的发展路线: 现在: 嘿嘿,有一 ... ...

  • 向Google学习打造灵动的web体验    2012-02-10 09:13

    Google的设计一向以简单著称,让页面清爽优雅地呈现,一方面节省了页面载入的时间,减少用户的等待,另一方面也减少了用户在浏览页面时的分心。然而,在这简单的设计背后,并不是设计师偷懒,而是更加灵敏、细致、轻便的交互体验设计。Google+作为社交网络的又一力作, 在继承了公司著名的十大设计准则下,在如何更轻、更快速、更人性化方面有了很大的突破。本文主要以社交网络为例,分析总结出了六条让web体验更 ... ...

  • Letting Go of the Word... 2009-04-08 13:56

       今天开始阅读《Letting Go of the Words: Writing Web Content that Works》。感谢白鸦~          Chapter 1 内容!内容!内容!        人们是冲 ... ...

  • 气势磅礴的架构    2011-01-28 15:46

    给的主标题叫扯产品,写出来第一篇文章是循循善诱的导航设计,看完通篇也难以让人感到放心,离题了么不是,这要放高考作文得分准该放0分了,幸好已经远离高考了可以自主作文。挂的是羊头卖的是狗肉,跟中国足球一样感觉明明是职业球员去参赛,得的比分跟结果都是中学生球队的水准,陪人玩浪费时间不说还要被别人说哪来的小P孩,不好好学习来参加成人比赛。遂决定离题更近一步,紧紧围绕产品的周围展开,并从谈设计提高到谈架构, ... ...