主要内容
-
交互设计要先“知道” 2010-04-25 11:26
设计师要做正确的交互选择，去选择那些或高端的或低端的交互技术。 很重要的一点，就是你要知道什么是高端，什么是低端。 还是那句老话，现在能发明电灯的人，大家已经不会觉得他多牛，甚至还感觉有点傻。 这给设计师提出一个更高的要求，首先要“知道”。 去使用光怪陆离的产品，就成了一个交互设计师必要的工作。 去感受成功的产品和不成功的产品，感受它们为用户提供了什么好的、坏的和丑的 ... ...
-
模块标签(Module Tabs)_Yaho... 2010-08-09 11:04
原文地址:http://developer.yahoo.com/ypatterns/navigation/tabs/moduletabs.html 如果页面中可用的空间很有限同时不希望页面刷新,则可以直接在内容上方放一行标签形式的链接,通过这种方式访问内容. 当前激活的面板需要有视觉标识,并且分类标题应该短,同时要小于10个.如果在使用情境中,内容不需要彼此之间同时查看,则可以使用 ... ...
-
基础控件和交互设计元素的层级 2010-11-10 23:56
今天被jobs指出之前工作的方向性错误,才意识到构成最终产品元素之间的层级关系. 在现在的工作流程中,规范是大家熟知也都尽力执行的,目的是为了在保证产出物质量和一致性的同时,提高设计和工作的效率.不过规范还是由更基础的两个元素构成:基础控件和基础组件. 交互设计元素的层级 控件是互联网/软件产品的最小界面元素,包括按钮,单选框,复选框,滚动条等等。 而组件,是通过合 ... ...
-
贴心的切换 减少重复操作 2012-05-22 21:43
常常在手机输入时，我下意识会先输入我想要的汉字，噼噼啪啪后才发现当前是英文输入法，于是我不得不删除这几个字母——切换回中文输入——重新输入。 这是一个典型的“切换导致重复操作”的例子。 切换在互联网产品领域的概念可以理解为:从一种页面到另一种页面后可以继续操作，通常用户为达到同一目的切换到不 ... ...
-
Letting Go of the Word... 2009-04-15 16:55
Chapter 5 编写的是信息，而非文档 1. 将较大的文档分解； 2. 优先考虑按“主题”形式呈现内容，而不是按“书本”的形式来呈现； ... ...
-
网络图谱论”知乎“ 2011-07-04 20:07
引言：写这篇文章的初衷是为了让自己“读懂”知乎。知乎是一个颇有吸引力的产品，甚至一度转移了我对微博的兴趣，由此我更想搞清楚知乎背后的逻辑是什么，它是如何运作的。当然谈知乎很可能就是在谈Quora，可惜我还没用过Quora所以没有发言权，所以只能就知乎作一番分析。 一论：知乎是一种混合网络，由个人结点和知识结点两种结点构成 这种网络结构的成因是由于 ... ...
-
气势磅礴的架构 2011-01-28 15:46
给的主标题叫扯产品，写出来第一篇文章是循循善诱的导航设计，看完通篇也难以让人感到放心，离题了么不是，这要放高考作文得分准该放0分了，幸好已经远离高考了可以自主作文。挂的是羊头卖的是狗肉，跟中国足球一样感觉明明是职业球员去参赛，得的比分跟结果都是中学生球队的水准，陪人玩浪费时间不说还要被别人说哪来的小P孩，不好好学习来参加成人比赛。遂决定离题更近一步，紧紧围绕产品的周围展开，并从谈设计提高到谈架构， ... ...
-
弹出窗口与切换页面的对比总结 2010-07-28 22:26
分享较早前的一个小总结，关于在选择弹出窗口还是选择切换页面来承载信息时，可用用来判断的几个角度，合适初学者来读。 1.弹出窗口与切换页面的区别 1） 操作的连贯性 弹出窗口的速度会比打开一个页面的速度要快，响应更及时一些，点击后可以比较快的得到操作的反馈，而切换页面则经常会让用户等待一段时间。 实例一：个人中心中，查看好友照片的操作： 之前查看照片的操作页 ... ...
-
交互设计小贴士 2009-11-13 13:24
原文来自Matt Jones和Gary Marsden的《移动设备交互设计》P119 通过创建一个“备忘箱”或剪贴簿来存放你曾经尝试或在别处见过的东西，从而构建你自己的设计观点和方法的档案库。在里面加入一些摘自于杂志和研讨论文的图片、草图和剪辑。经常翻阅它，并反思一下从中你可以学到什么。同时，把你的个人资源与你的同事分享。 在一个设计项目中，保存你提出 ... ...
-
向Google学习打造灵动的web体验 2012-02-10 09:13
Google的设计一向以简单著称，让页面清爽优雅地呈现，一方面节省了页面载入的时间，减少用户的等待，另一方面也减少了用户在浏览页面时的分心。然而，在这简单的设计背后，并不是设计师偷懒，而是更加灵敏、细致、轻便的交互体验设计。Google+作为社交网络的又一力作， 在继承了公司著名的十大设计准则下，在如何更轻、更快速、更人性化方面有了很大的突破。本文主要以社交网络为例，分析总结出了六条让web体验更 ... ...
-
交互设计实用指南系列(2) –“有效性”之“... 2009-12-19 09:21
可及，通俗的说是“可以达到”，加上主语和宾语，在“交互设计”这个大的语境下，含义应该是“用户可以达到自己的操作目标”，这不是和“有效性—用户的操作是有效的”重复了吗？其实，在交互设计实用指南中，“可及”是一 ... ...
-
细节，无微不至 2009-06-13 06:24
今天上facebook发现了一个小错误，好吧，说我是细节控也可以，看图说话： 用openID登录的对话框，注意左下方的“登陆”错别字。关于“登陆”还是“登录”这个问题早就有争议的结果，为什么非死不可会犯这种低级错误？ 反面说开去，今天闲逛时，发现一个叫wibiya地网站，在网站上方的导航栏默认显示10 ... ...
-
给网站布置一个明晰的“关于”页面 2010-06-25 17:53
所有网站，无论是官方、电子商务、社会化网络还是个人站点，都应该布置一个恰到好处的“关于”页面，直截了当地告诉到访者，为什么要浪费他们宝贵的 时间浏览你的网站。 一、为什么要有“关于”页面 不要让用户思考！ 1、向浏览者传达本站的价值，留住用户 2、始终提醒自己站点的主旨，不要跑题 二、起什么名 &ld ... ...
-
list视图方式浅析 2008-12-15 16:28
最近对list设计感兴趣，今天说的是list视图方式的设计。感觉有些细节非常有意思，拿出来跟大家讨论。 首先我们来看下windows下文件夹管理的查看模式选择（xp为例）： 这个功能带给用户更多个性化和便捷的选择。比如我选择的是图片文件夹。系统这时候自动新增加了幻灯片查看模式，非常的人性化。除此之外经常用到word软件也提供多种视图选择。 示意图： 在互联网产品中，我们也可以看 ... ...
-
手风琴菜单学习笔记 2009-07-09 22:42
手风琴菜单（accordion menu）在交互页面上经常使用的一种展现方式，通常用在有多个二级导航（或内容）以上的并列层级，这些层级可以是标签，标题，卡片等等。但是不管形式如何，其目低都是为了将又有用的信息展现给用户，将临时不用的信息隐藏起来，这样可以起到节省空间的作用。 【手风琴的分类】 1.卡片堆： a.用在聊天软件上，作为好友分 ... ...
-
交互设计实用指南系列(8)—深广度平衡 2010-02-01 21:13
相信大家对街边林林总总的房产中介并不陌生，那么我们先看看下面这张图片。 图1 从右侧这家店的橱窗里，我们能迅速分清哪些是租房信息哪些是售房信息。因为店家很贴心的将房产信息进行归类，并且在视觉上做了一些划分，让我们对信息能一目了然。借这个小案例引出我们今天要分享的话题：深广度平衡。 1. 什么是深广度？ 其实“深广度”本身并 ... ...
-
移动界面设计点滴(1) - 减少空间占用 2010-03-09 21:08
Mobile UI design tips——how to reduce needless space 与面向桌面电脑的网页设计不同,移动平台的设计中,屏幕空间是一个不可忽视的限制因素.设计需要符合移动平台用户的使用习惯,以最佳的状态呈现屏幕信息. 接下来以当前正在工作的UI做为sample,实战空间优化. 改进原则 去除不必要 ... ...
-
如何设计注册表单 2012-02-09 11:20
注册页面是获取用户资料的主要途径，绝对不是越简单越好，设计要从体验上为用户提供方便，而不是降低注册门槛。菜鸟博主将结合以前看过关于表单设计的文章和自己的一些浅薄经验做一个总结： （以下内容偏向于B2B的网站） 一『注册的需求包括哪些』 注册的需求大概可以分为四个步骤：①用户类型的分类 ②将访客转化为会员 ③获取用户的资料 ④资料完善和增值引导 ... ...
-
Letting Go of the Word... 2009-04-08 13:56
今天开始阅读《Letting Go of the Words: Writing Web Content that Works》。感谢白鸦~ Chapter 1 内容！内容！内容！ 人们是冲 ... ...
-
重视留住用户的根本 2009-12-22 20:54
我有看书的习惯， 习惯去豆瓣上看看热门书推荐，习惯了定期从网上买书来看，习惯了去当当上订购，一切因为习惯。。。 即使看到卓越或者其他网站的书比当当便宜。。。 前阵子又有同事说，去卓越吧，现在谁还去当当，没去理会，今天我依旧在当当上购书。一切都很顺利，直到最后提交订单阶段。。。 我点击一次提交订单，左边的验证码换一次，点击一次换一次，总是到不了成功页面。我以为是提交订单和 ... ...
