主要内容
-
手风琴菜单学习笔记 2009-07-09 22:42
手风琴菜单（accordion menu）在交互页面上经常使用的一种展现方式，通常用在有多个二级导航（或内容）以上的并列层级，这些层级可以是标签，标题，卡片等等。但是不管形式如何，其目低都是为了将又有用的信息展现给用户，将临时不用的信息隐藏起来，这样可以起到节省空间的作用。 【手风琴的分类】 1.卡片堆： a.用在聊天软件上，作为好友分 ... ...
-
淘宝又改版了，发现点小问题 2008-12-31 12:51
我只注意到两个方面，一个是搜索框改变，一个是用户注册引导区的改变。嘿嘿，发现改的和自己之前想的有些形似，有点小自豪，哈哈。 俺收集的早期搜索框一： 俺收集的早期搜索框二： 俺收集的早期搜索框三： 后来我猜测淘宝今后的发展路线： 现在： 嘿嘿，有一 ... ...
-
Letting Go of the Word... 2009-04-08 13:56
今天开始阅读《Letting Go of the Words: Writing Web Content that Works》。感谢白鸦~ Chapter 1 内容！内容！内容！ 人们是冲 ... ...
-
对话对话框—浅析windows系统对话框规范 2011-04-21 00:24
“对话框”是让用户执行命令、向用户提问、向用户提供信息或进度反馈的辅助窗口。对话框由标题栏（用于标识对话框所来自的命令、特性或程序）、主标题说明（以解释用户在该对话框中的目标）、一些位于内容区域的控件（用于呈现选项）及提交按钮（以指出用户如何能够提交任务）组成。典型的对话框形式如下图1所示： （图1） 在Windows操作系统中运行的软件应该遵照Wi ... ...
-
一些平时遇见的小东西 2009-01-20 18:54
好久没写文章了，人一懒下来就全崩盘了，这太不合适了。本篇的内容是平时不经意遇到的一些小东西，其实没什么问题，如果有的话那确实也是小问题。 IM的闪屏震动IM的闪屏震动可以用来干什么呢？我以为真是对”雷”的最好表达。某些时候也用来引起对方注意，就好像你可爱的女朋友撒娇跺脚一样，但当窗口最小化或者关闭的时候，这个震动就弱弱的以”你的好友给你发送了一个闪屏震动& ... ...
-
重视留住用户的根本 2009-12-22 20:54
我有看书的习惯， 习惯去豆瓣上看看热门书推荐，习惯了定期从网上买书来看，习惯了去当当上订购，一切因为习惯。。。 即使看到卓越或者其他网站的书比当当便宜。。。 前阵子又有同事说，去卓越吧，现在谁还去当当，没去理会，今天我依旧在当当上购书。一切都很顺利，直到最后提交订单阶段。。。 我点击一次提交订单，左边的验证码换一次，点击一次换一次，总是到不了成功页面。我以为是提交订单和 ... ...
-
瞬间设计 (四) 2009-12-21 22:04
五、过渡转化的使用 在 《mind hack》一书中，揭示了人脑鲜为人知的工作原理。其中提到了“突然的移动或闪烁会吸引人的注意力，这正是负责视觉处理的第二块区域的功能。这就说明了 “动画”或“动态的变换效果”会成为web界面中吸引人注目的地方。过渡的使用它会造成视觉干扰，扰乱我们的思维，只有在特定的情况下 ... ...
-
找茬：支付宝手机支付服务申请页面的“错误” 2009-01-14 17:27
因为要做一笔打款，随意又走了一个支付宝的服务流程，发现了一些问题，说实在的，是我最近找茬后，看的最难受的一次，因为我觉得这些错误是“幼稚”，而且完全不负责任的错误！负责人是要被打屁股的！ 支付宝手机支付服务页面的“错误” 从上往下走： 文案问题－－“您可以通过短信和语音的方式付款到支付宝”，我觉得肯定是文案 ... ...
-
给用户正确的交互方式 2010-04-22 22:40
通常是鼓励交互设计师团队，试着做一些新玩意儿出来，而且要能对产品迭代提供现实帮助。 所以团队内某优秀设计筒子，总能拿出一些很前卫的交互设计。 但在讨论是否运用到具体产品的时候，会被我要求：我们往后退一步，后退一步比较安全。 他会引出世上最先进公司的产品，也都用了这种方式，于是我们开始了团队讨论。 首先团队提出了一个问题：谁是用户？要去改善他们的体验，我们必须要先清楚这一点。 每一个用户群，他们 ... ...
-
边缘与交互密度 2012-03-01 12:15
市面上现有的主流手机操作系统有一些优秀的体验，比如android从顶部下滑出的通知中心。Palm的context menu 从屏幕下部的感应区呼出。Nokia N9 就更为纯粹，把just swipe——从侧面滑动切换手机态视为核心的设计理念。仔细看还挺邪门儿的，从顶部向下，从底部向上，从侧面向内——它们是如此热衷于边缘，以至于当我们想再这么做的时候 ... ...
-
软件标准菜单的重新设计 2009-06-12 16:44
软件标准菜单，是指常定于软件界面左上方的“文件”、“编辑”、“帮助”。 看看手头上的软件，几乎都有一个标准菜单的布局。这种似乎已成事实的标准，是不是就充分说明了这个习惯用法的正确性了呢？错了！这只能说是开发者接受了平庸。 我曾经听到不少声音：“怎么能把它做成这样呢！用户希望看到文件菜单啊&hel ... ...
-
交互设计实用指南系列(6) –标签明晰、有效 2010-01-18 20:59
导航标签彼此互斥、完全穷尽。 导航标签其实就是一种文字表达形式，我们用标签来代表网站上的各种分类信息。比如“联系我们”这个标签，代表的内容通常会包括公司名称、电话、地址、邮箱等信息。它可以是文字，也可以是图片。在英文里被称作“Label”，并不同于我们常说的“tag”标签云图。 说简单一点 ... ...
-
浅议手机客户端设计:(七)谈谈快捷键 2009-06-02 15:35
一、前言 快捷键基本是PC软件中必备的一项功能，在Web设计中随着Google系(Gmail、Google Reader等)软件对快捷键的推行，也逐步开始兴起。 在手机客户端设计中，受限于手机本身操作途径有限、屏幕有限、交互方式有限等，且整体性质更加类似于PC软件，因此快捷键也是由来已久，本文盆地权且从自己 ... ...
-
出生日期的选择设计 2009-05-26 22:53
今天在注册139.com的时候偶然意识到一个细节方面的设计问题——出生日期的输入体验。139.com默认的是通过下拉框选择出生年月日，年份默认为1981，下拉选项以1981为起点顺序排到2000年为第一屏选择。 在看到139的这个设计的时候，我产生一些想法，所以又尝试找了下在注册过程中必须选择出生日期的网站，于是找到了原版开心网。 与139类似，开心网的出生日期 ... ...
-
瞬间设计（三） 2009-12-19 09:26
三、不要打断任务流 用户在每选择一个操作时都希望当前的任务是连贯的。页面刷新会人为的造成用户体验——或者说用户心流的中断。 [在由harper pernnial 出版的《心流：最佳体验的心理学》一书中，把心流定义为：当人们进入一种全神贯注的状态时，他会感觉一切都是水到渠成，不费吹灰之力。] 1.三个重要的交互相应参数 Jakob N ... ...
-
找茬：支付宝即时到账交易确认付款页面的交互设计 2009-12-26 14:04
因为昨天被支付宝强行关闭了“余额支付”，所以一笔钱没有完成付款，刚刚来公司的时候，登录web去付款，体验了一下新设计的“即时到账交易付款确认页面”，我觉得在交互设计上，存在几个问题，找茬一把。 在上图片前，还是要说，这一次的支付宝改版是不错的，最大的优点是更加的专注和简洁。好了。恭维的说完，就开始找茬： 看上图，上面的1，2 ... ...
-
自然描述与自然任务 2010-01-26 22:04
这次我们来说一些很小的东西，相当小。不过先说一个故事： 这天晚上，你打算出去下一次馆子，就行动了，找到了一家新开的小店进去坐了下来，服务员很殷勤的走了过来问你想吃点什么。 你问：“你们有什么好吃的么？” 答：“我们有黄豆与可食用菌落群酿制剂与 Carassius auratus 共同高温加热制成品；大豆蛋白经氯化镁、硫酸钙、氯化钙及氯化钠作用固化物与Cara ... ...
-
向左还是向右,向上还是向下? 2008-08-22 22:19
今天在浏览 http://2008.qq.com/ 的时候发现了这个地方(如下图). 觉得腾讯的这些奥运项目的小图案看起来还蛮有意思的, 于是我想继续看看下面还有些什么项目的图案. 出于这个目的, 我很自然的把鼠标移到了”下翻“这个按钮上. 可是当鼠标移到按钮上, 左边的图案列表却向上滚动, 可是我的目的是想看看下面的图案啊. 这个过程给我的浏览 ... ...
-
[译]”勾引”用户的按钮 2009-09-06 20:49
英文原文:Web Design Trends: Call To Action Buttons 翻译原文:网页设计趋势之:”勾引”用户的按钮(暴风彬彬) 国外设计师 Seth Godin 将按钮比喻成香蕉，而你的用户则会被比喻成可爱的小猴子。我们的目标是能够让小猴子在3秒之内快速找到它们想要的香蕉(也就是在用户放弃并离开你的网站之前)。强迫你自己在设计每个网 ... ...
-
数据研究在交互设计中的应用 2010-06-10 11:38
交互设计师一大宝贵财富就是他的经验和直觉，在大多数需要对当前设计作出迅速判断的情况中，交互设计师所依赖的就是他的经验和直觉。在互联网的世界中，最有价值的可能就是数据了。google靠数据一举奠定江湖地位；twitter靠数据开始逐渐走向成熟；每一个交互设计师也能用数据来弥补依靠经验和直觉来设计的不足。本篇网志从一个很小的设计案例来描述除了经验和直觉之外，数据研究也可以验证、修正、甚至颠覆设计。 ... ...
