主要内容
-
对话对话框—浅析windows系统对话框规范 2011-04-21 00:24
“对话框”是让用户执行命令、向用户提问、向用户提供信息或进度反馈的辅助窗口。对话框由标题栏（用于标识对话框所来自的命令、特性或程序）、主标题说明（以解释用户在该对话框中的目标）、一些位于内容区域的控件（用于呈现选项）及提交按钮（以指出用户如何能够提交任务）组成。典型的对话框形式如下图1所示： （图1） 在Windows操作系统中运行的软件应该遵照Wi ... ...
-
手风琴菜单学习笔记 2009-07-09 22:42
手风琴菜单（accordion menu）在交互页面上经常使用的一种展现方式，通常用在有多个二级导航（或内容）以上的并列层级，这些层级可以是标签，标题，卡片等等。但是不管形式如何，其目低都是为了将又有用的信息展现给用户，将临时不用的信息隐藏起来，这样可以起到节省空间的作用。 【手风琴的分类】 1.卡片堆： a.用在聊天软件上，作为好友分 ... ...
-
一些平时遇见的小东西 2009-01-20 18:54
好久没写文章了，人一懒下来就全崩盘了，这太不合适了。本篇的内容是平时不经意遇到的一些小东西，其实没什么问题，如果有的话那确实也是小问题。 IM的闪屏震动IM的闪屏震动可以用来干什么呢？我以为真是对”雷”的最好表达。某些时候也用来引起对方注意，就好像你可爱的女朋友撒娇跺脚一样，但当窗口最小化或者关闭的时候，这个震动就弱弱的以”你的好友给你发送了一个闪屏震动& ... ...
-
给网站布置一个明晰的“关于”页面 2010-06-25 17:53
所有网站，无论是官方、电子商务、社会化网络还是个人站点，都应该布置一个恰到好处的“关于”页面，直截了当地告诉到访者，为什么要浪费他们宝贵的 时间浏览你的网站。 一、为什么要有“关于”页面 不要让用户思考！ 1、向浏览者传达本站的价值，留住用户 2、始终提醒自己站点的主旨，不要跑题 二、起什么名 &ld ... ...
-
淘宝又改版了，发现点小问题 2008-12-31 12:51
我只注意到两个方面，一个是搜索框改变，一个是用户注册引导区的改变。嘿嘿，发现改的和自己之前想的有些形似，有点小自豪，哈哈。 俺收集的早期搜索框一： 俺收集的早期搜索框二： 俺收集的早期搜索框三： 后来我猜测淘宝今后的发展路线： 现在： 嘿嘿，有一 ... ...
-
细节，无微不至 2009-06-13 06:24
今天上facebook发现了一个小错误，好吧，说我是细节控也可以，看图说话： 用openID登录的对话框，注意左下方的“登陆”错别字。关于“登陆”还是“登录”这个问题早就有争议的结果，为什么非死不可会犯这种低级错误？ 反面说开去，今天闲逛时，发现一个叫wibiya地网站，在网站上方的导航栏默认显示10 ... ...
-
瞬间设计 (四) 2009-12-21 22:04
五、过渡转化的使用 在 《mind hack》一书中，揭示了人脑鲜为人知的工作原理。其中提到了“突然的移动或闪烁会吸引人的注意力，这正是负责视觉处理的第二块区域的功能。这就说明了 “动画”或“动态的变换效果”会成为web界面中吸引人注目的地方。过渡的使用它会造成视觉干扰，扰乱我们的思维，只有在特定的情况下 ... ...
-
浅议手机客户端设计:(七)谈谈快捷键 2009-06-02 15:35
一、前言 快捷键基本是PC软件中必备的一项功能，在Web设计中随着Google系(Gmail、Google Reader等)软件对快捷键的推行，也逐步开始兴起。 在手机客户端设计中，受限于手机本身操作途径有限、屏幕有限、交互方式有限等，且整体性质更加类似于PC软件，因此快捷键也是由来已久，本文盆地权且从自己 ... ...
-
给用户正确的交互方式 2010-04-22 22:40
通常是鼓励交互设计师团队，试着做一些新玩意儿出来，而且要能对产品迭代提供现实帮助。 所以团队内某优秀设计筒子，总能拿出一些很前卫的交互设计。 但在讨论是否运用到具体产品的时候，会被我要求：我们往后退一步，后退一步比较安全。 他会引出世上最先进公司的产品，也都用了这种方式，于是我们开始了团队讨论。 首先团队提出了一个问题：谁是用户？要去改善他们的体验，我们必须要先清楚这一点。 每一个用户群，他们 ... ...
-
重视留住用户的根本 2009-12-22 20:54
我有看书的习惯， 习惯去豆瓣上看看热门书推荐，习惯了定期从网上买书来看，习惯了去当当上订购，一切因为习惯。。。 即使看到卓越或者其他网站的书比当当便宜。。。 前阵子又有同事说，去卓越吧，现在谁还去当当，没去理会，今天我依旧在当当上购书。一切都很顺利，直到最后提交订单阶段。。。 我点击一次提交订单，左边的验证码换一次，点击一次换一次，总是到不了成功页面。我以为是提交订单和 ... ...
-
交互设计实用指南系列(6) –标签明晰、有效 2010-01-18 20:59
导航标签彼此互斥、完全穷尽。 导航标签其实就是一种文字表达形式，我们用标签来代表网站上的各种分类信息。比如“联系我们”这个标签，代表的内容通常会包括公司名称、电话、地址、邮箱等信息。它可以是文字，也可以是图片。在英文里被称作“Label”，并不同于我们常说的“tag”标签云图。 说简单一点 ... ...
-
边缘与交互密度 2012-03-01 12:15
市面上现有的主流手机操作系统有一些优秀的体验，比如android从顶部下滑出的通知中心。Palm的context menu 从屏幕下部的感应区呼出。Nokia N9 就更为纯粹，把just swipe——从侧面滑动切换手机态视为核心的设计理念。仔细看还挺邪门儿的，从顶部向下，从底部向上，从侧面向内——它们是如此热衷于边缘，以至于当我们想再这么做的时候 ... ...
-
软件标准菜单的重新设计 2009-06-12 16:44
软件标准菜单，是指常定于软件界面左上方的“文件”、“编辑”、“帮助”。 看看手头上的软件，几乎都有一个标准菜单的布局。这种似乎已成事实的标准，是不是就充分说明了这个习惯用法的正确性了呢？错了！这只能说是开发者接受了平庸。 我曾经听到不少声音：“怎么能把它做成这样呢！用户希望看到文件菜单啊&hel ... ...
-
出生日期的选择设计 2009-05-26 22:53
今天在注册139.com的时候偶然意识到一个细节方面的设计问题——出生日期的输入体验。139.com默认的是通过下拉框选择出生年月日，年份默认为1981，下拉选项以1981为起点顺序排到2000年为第一屏选择。 在看到139的这个设计的时候，我产生一些想法，所以又尝试找了下在注册过程中必须选择出生日期的网站，于是找到了原版开心网。 与139类似，开心网的出生日期 ... ...
-
拿什么提升你的搜索体验 2011-12-06 14:00
搜索功能无处不在，各网站、浏览器、应用程序及各平台都有它的影子。搜索诞生于互联网信息爆炸的时代，以满足用户快速寻找目标信息的需求，表现形式可以十分简单却对数据库和实现技术有特别高要求。 搜索的创新并不容易，但不是没有可能。本文首先简单分析了搜索的用户需求特点，并介绍搜索的表现形式，进而与大家讨论提升搜索体验的几种可能途径。 认识搜索 一、 ... ...
-
找茬：支付宝即时到账交易确认付款页面的交互设计 2009-12-26 14:04
因为昨天被支付宝强行关闭了“余额支付”，所以一笔钱没有完成付款，刚刚来公司的时候，登录web去付款，体验了一下新设计的“即时到账交易付款确认页面”，我觉得在交互设计上，存在几个问题，找茬一把。 在上图片前，还是要说，这一次的支付宝改版是不错的，最大的优点是更加的专注和简洁。好了。恭维的说完，就开始找茬： 看上图，上面的1，2 ... ...
-
电子商务支付流程设计的12个常见错误 2009-07-25 01:31
原文：Losing Customers at the Register：12 Checkout Blunders 作者：Linda-Bustos 译者：耿人杰 ———————————— 全文的分割线 ——&m ... ...
-
[译]网页设计中的包容原则 2009-07-27 20:57
设计师的工作一直与“可视性（affordance）”有着密切的利害关系。这个词自唐纳德·诺曼（Donald Norman）的名著《设计心理学》[注1]后便声名鹊起，之后更是被阿兰·库伯（Alan Cooper）的《交互设计精髓》[注2]一书带入用户界面设计社区。 注1: The Design of Everyday ... ...
-
瞬间设计（三） 2009-12-19 09:26
三、不要打断任务流 用户在每选择一个操作时都希望当前的任务是连贯的。页面刷新会人为的造成用户体验——或者说用户心流的中断。 [在由harper pernnial 出版的《心流：最佳体验的心理学》一书中，把心流定义为：当人们进入一种全神贯注的状态时，他会感觉一切都是水到渠成，不费吹灰之力。] 1.三个重要的交互相应参数 Jakob N ... ...
-
让我看到未来的样子——浅析电影中的未来交互 2010-04-19 10:56
在一次交互例会上，有同学提到电影中的未来交互，引发了我的兴趣，所以收集了一些电影中的资料，做一些粗浅的分析，希望能够抛砖引玉，引发出一些思考。 新颖的人机交互方式一直是科幻电影夺目的亮点之一，好莱坞的科幻大片投入了大量金钱、精力到电影的细节设计中，比如汤姆克鲁斯主演的《少数派报告》，主创团队邀请了HCI科学家参与电影制作，电影的视觉设计师特意走访了MIT 多媒体实验室，观看了各 ... ...
