开始设计

以用户为中心的设计

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

× 关闭
我有建议/意见

主要内容

  • 长文的数字排版与阅读    2011-01-12 10:58

    专业博客《字体排印》最近一篇关于长文的数字排版与阅读的探讨,其中关于分页和滚动条的部分很值得分析,先来考究下分页的好处: 页面分批显示。在网页加载数据时,会根据下载速度和用户需求下载固定的条目,如搜索引擎一页显示10条。同时页码是条目的排序方式或者叫数据的坐标,比如第5页的第8条。 便于查找。当数据量很大时,横向坐标可以无限延伸,而纵向坐标是固定的,便于用户查找。如果每页显示30条 ... ...

  • 网站“注册流程”如何“照顾用户”?    2011-01-08 21:37

    一个用户到了某个网站的门口,从跨进门槛到找到自己的座位,这个过程中网站要做的,一是让用户尽快坐稳,该干什么干什么;二是让用户快速熟悉房间,保持新鲜感,至少在坐下之前,主人应该送上杯水或两本杂志,让用户既感觉到主人的热情,又轻松发现了新的网站兴趣点,在座位上骚动起来。网站们是怎么做的呢? 记得很久之前听过一个例子,说某家网站的注册流程中,对电子邮箱确认邮件的某句表述稍作修改,使得注册成功率 ... ...

  • 来自薯片会的讨论:移动设备·移动互联网    2011-01-06 20:53

    愉快的撕包装,咬薯片,新一期薯片会开始!本次主题:移动设备,移动互联网。会议记录yanyan。 1. 我们讨论的移动设备及其特性; 2. 相关互联网应用; 3. iphone与android的应用设计; 4. wap的网页设计。   1. 我们讨论的移动设备及特性 Wiki上说,口袋大小,有显示屏、触控输入 ... ...

  • 标签与标记的区别    2011-01-03 22:45

    tag和label区别的问题去年曾经在概描述和泛描述中提出过,当时的结论其实不够明确,大概“tag是泛描述,而label是概描述”的意思。近来“做”产品感触不深,但“用”产品的触动,让我似乎更清晰了tag与label之间的区别。比如会碰到这样的情况: 网易邮箱里“极速3.0”和“简 ... ...

  • 信息如水,架构如渠    2011-01-03 22:44

    古人云:水到,则渠成。 说的是,水流过的地方,自然形成了渠道。比喻时机到了,事情自然就成了。 人类历史基本都在和水打交道,水路基本是古代核心的运输渠道,农业时代的灌溉系统,水利电站…不胜枚举。甚至可以说,水孕育了人类的文明。 在改变世界之前,先要认识世界。构建渠道之前,需要了解水的属性,才能真正地为人所用。 人们常说,互联网就是信息的海洋。 如今信息时代,信息 ... ...

  • 四大门户iPhone手机微博横向对比评测 2010-12-29 10:25

    一、登陆页(以下图片顺序均为新浪微、腾讯、搜狐、网易) 微博登录界面(新浪、腾讯) 微博登录界面(搜狐、网易) 四款iphone微博客户端从页面上看,只有网易和腾讯的支持记住用户名和密码,实际操作后就会发现,其实大家都是默认记录的。并且新浪微博支持多账户切换,默认记录为最后一个登陆的用户。外观上,除了新浪微博客户端增加了“微博广场”的内容推广对 ... ...

  • 层级信息的交互表达(一)    2010-12-19 22:29

    无论是固网还是移动网,在交互设计过程中,关于层级信息的表达有很多种不同形式,这里针对不同的手机平台的两层信息进行的简单的归类和探讨。 1,TAB方式 TAB 是互联网产品中非常普遍的应用方式,并在各种各样的软件应用中有着非常善变的形式。 A 最原生态的TAB形式 这种形式的TAB在传达什么样的交互信息呢? 1) 其他标签 简要概括该TAB对应 ... ...

  • 关于WEB登录注册系统的下午茶    2010-12-17 00:38

    引子 故事发生在一个懒散的午后,笔者发现MSN在登录界面出现的时候,不能修改默认值——也就是说必须完整地输入登录邮箱,看似无可非议的设计——真的是无可非议吗? 全部输入太麻烦,还要按SHIFT+2(输入@),为什么不能让我选择下拉呢? 明明默认显示邮箱是hotmail,我也是hotmail啊,为什么不能直 ... ...

  • 信息应如何推送和展现?    2010-12-14 19:59

    写在题前:这是一篇很长的文章,我想通过在一个空间中将信息具象化,去寻找最适合的信息展现方法;研究这些无非只有一个目的——在恰当的时候,用户可以用最少的精力看到最多的、最希望看到的信息,这些看起来是变化无常的,那么固定思路做出来的产品如何能去适应这种变化? 现在的信息如何展现? 对于UGC类产品,面对日益膨胀的信息数量,往往会考虑去给信息设置分组(分类),试图 ... ...

  • 关于网站地图    2010-12-14 19:16

    从前有三只小猪,长大自立了分别造房子住。老大搬来草堆堆出草屋,老二搬来木头搭出木屋,老三搬来砖头,砌墙,造烟囱,造出了坚固的砖房。一天晚上大灰狼相继吹飞撞毁老大老二的草屋木屋后,来到老三家门口。进不去砖房傻眼了,看到烟囱就趴上屋顶跳进去,不料掉进锅炉变成了大灰狼火锅… 这故事都熟的吧。用咱常用的map表达出来呢就是下图的样子:   描述网站的Site ... ...

  • 说说web标签设计    2010-12-12 13:40

    一 为何要关心Web标签       这周每天下午都会花点时间看网站的日志,网站日志记录了用户在浏览网站的行为轨迹,不是每一家公司都能邀请用户进行测试和访谈,所以网站日志是运营者和设计者了解用户的一个重要途径。       在用户的搜索日志里,发现很多用户不去使用我们设计的 ... ...

  • 浅议Wap网页设计中的锚点链接    2010-12-09 23:18

    最近做了wap站中的搜索结果页的改版,记录一下关于锚点链接的心得~ 关于锚点链接 锚点链接一般用于比较长的网页,使用内部链接建立页内目录。单击目录跳转到文本的相应位置,最常见的如“回顶部、模块间跳转”等。 关于锚点链接,可用性研究的宗师Jakob Nielsen写过一篇名为Avoid Within-Page Links的文章,排斥锚点链接,认为它有害 ... ...

  • 谈操作模型与展现模型    2010-12-03 16:19

    用比较容易理解的方式来形容操作模型与展现模型的对象,那就是作者与读者——作者的角色定义是写文章,而读者则是读文章 作者给我们的印象是面对一堆草稿纸,电脑上凌乱的文档碎片,时而抓耳挠腮大脑一片空白,时而思维泉涌洋洋洒洒一大篇;读者则是对着一本包装精美,经过仔细排版的书籍,读的津津有味 这中间有个出版商,将草稿整理排版印刷,然后以最适合读者的形式去演示  ... ...

  • 三大SNS的好友关系体系分析 2010-12-01 14:11

    profile、relationship、interaction, what do you konw, about Social Network service? SNS的三要素是profile,relationship,interaction。三要素的作用表现在feeds流中。 今天,谈一谈SNS三要素中的relationship。本来想拿国际上最知名的几个站来举例子,但是由于我的翻墙软 ... ...

  • Web表单设计:表单结构    2010-12-01 10:29

    [版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com 你是否曾为表单设计感到过沮丧或不知所措呢?接下来三篇文章,希望能彻底改变你的看法,真正爱上Web表单设计。首先感谢Luke Wroblewski的帮助,让我有机会细心品味设计表单的乐趣。总体来说,Web表单主宰着结算、注册和数据 ... ...

  • 关于快速原型的一点纠结    2010-11-30 21:40

    作为一个交互设计师和工具控,我对原型设计应该用什么工具这个话题一直很感兴趣。工作至今,陆续使用过很多不同类型的原型工具,从最基本的纸笔,到Axure RP/Omni graffle,在不断地尝试和比较中,也一直在思考到底什么原型工具最适合做交互设计。后来发现其实这个问题无解。脱离了目的,单纯地讨论工具是没有价值的。所以想到写一下快速原型的目的和工具选择。 先来对原型(prototype)做 ... ...

  • 小屏幕移动设备网页设计注意事项    2010-11-30 00:10

    在过去,小屏幕移动设备网页通常也被称之为WAP页,或WAP站。 原因是这类网页起源于一个叫WAP的无线协议。 WAP能够运行于各种无线网络之上,如GSM、GPRS、CDMA等。WML是无线注标语言(Wireless Makeup language)的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。 而如今的小屏幕移动设备,比如手机,都已经具备访问 ... ...

  • 与960 Grid System相关的那些问题    2010-11-29 11:22

    10月份有机会从零开始设计一整个企业网站。借此机会用上了心仪已久的960 Grid System。我们四年前的旧网站也即将改版,原来设计的宽度是1000px,我们打算今后都统一到960px,同时用上960 Grid System。下面整理了使用960 Grid  System时考虑的一些问题,菜鸟们共勉。   为什么是960px? 一直以来,网页设计师都希望寻 ... ...

  • 从手机产品登录页面设计想到的    2010-11-28 18:47

    一、架构设计和流程设计 我一直追求简单而高效的设计,尤其欣赏臭鱼这一篇文章《为产品结构的设计,为用户任务的设计》。他用图1很好的诠释了这个观点:首先要保证产品逻辑结果清晰、准确,其次要为用户任务架起一些快捷操作的桥梁。 图1  “产品结构设计”和“为用户任务设计”的关系 好的流程设计能使产品具有更清晰的架构 ... ...

  • 解剖麻雀之心:微博的信息呈现格式    2010-11-26 20:36

    都云人言可微,哪怕微言耸听!大小门户齐上阵,且看沙场秋点兵。--定场诗一首 前言:回到七嘴八舌的原始社会 所谓沟通,就是人们忙着做两件简单事:听别人说什么;自己该说什么。 有一种沟通,主席台上某个发言人拿着扩音器讲话,身为听众只能在台下窃窃私语,这个叫门户;有一种沟通,大家都可以轮流上讲台上拿着扩音器说话,并且邀请台下的观众评论,这个叫论坛;有一种沟通,大家都回到自己家说话 ... ...