主要内容
-
非悬停 2010-07-23 10:36
本文提供了一个有趣的观点：在触屏设备愈加普及的未来，鼠标悬停将以附加功能的身姿出现。我相信作者，特别当看到苹果的上季度财报中，iPad 用 3 个月时间就达到了麦金塔一半的收入，我更信了。 完全依赖鼠标移动、鼠标悬停、鼠标移出或 CSS 伪类 :hover 的网页元素，在 iPad 或 iPhone 等触屏设备上的行为可能会和设想的不同。 在史蒂夫·乔布斯宣布 ... ...
-
从Web到WAP移植的设计原则 2010-07-21 22:58
从Web端直接移植为WAP2.0形式，突出的矛盾是信息架构不适应小屏幕设备，垂直页面的冗长和WAP2.0表现形式的限制。 提升小屏幕浏览的体验，在设计中应包含以下几个核心任务： 控制信息的维度 信息布局，更好利用首屏的有限资源 采用合理的导航、有明确的方位感知 尽可能减少浏览时的按键做功 界面可视化 控制信息维度 WAP网页可支持的页 ... ...
-
左侧导航条 2010-07-21 22:53
原文地址:http://developer.yahoo.com/ypatterns/navigation/bar/leftnav.html 用户为了完成任务需要找到必须的内容和功能.左侧导航条在垂直的紧凑的空间内提供给用户快速访问已分类内容的入口. 解决什么问题? 用户为了完成任务需要找到必要的内容和功能. 什么时候用? 分类至少有4个 ... ...
-
WAP2.0网站分类及其架构浅析 2010-07-20 09:56
一、WAP 2.0 简介 所谓WAP（Wireless Application Protocol，无线通讯协议）是在数字移动电话、因特网或其他个人数字助理机、计算机应用之间进行通讯的开放全球标准[1]。 WAP1.0规定无线设备访问的页面是用WML语言编写的，而WAP2.0将XHTML-MP作为主要内容格式[2]。对比WAP1.0，WAP2.0的优势是更好地支持图形化界面 ... ...
-
手机QQ游戏2008~2009UI设计分享 2010-07-20 09:15
最初 在2008版本之前，这个项目都没有UI设计的加入，所有UI界面都是开发自己拼图绘制而成，虽然不是很美观，但是基本功能还是比较完善，依托 公司这个大的平台，有一定的用户基数。 接触： 刚接触需求的时候还未入职，以前也一直是从事大型网游UI的设计工作，对手机UI的还不是很了解，不过生活就是不断挑战嘛！就根据自己的想法做 了几个风格稿，分辨 ... ...
-
手机网站重构经验分享(S60V3篇) 2010-07-20 09:09
前言 做WEB重构的同学都应该知道,我们一般需要在一个操作系统 (Windows XP)和4种以上的浏览器(IE678,Firefox,Chrome,Opera等)上测试页面的兼容性。 相对而言,手机上的页面兼容性测试,相当痛苦!手机光操作系统都有S60V3,S60V5,MTK,Android, Windows Mobile等等,每个操作系统上除了自带的浏览器,还有至少3 ... ...
-
顶部导航条(Top Navigation B... 2010-07-19 16:23
这个可能是最简单也最常用的组件了,所以内容也不多……. 原文地址: http://developer.yahoo.com/ypatterns/navigation/bar/topnav.html 解决什么问题? 用户为了完成任务需要找到必要的内容和功能. 什么时候用? 2-12个分类的时候 分类的标题相对较短 ... ...
-
心理模型的若干讨论 2010-07-19 16:15
当你踩下汽车中的制动踏板进行刹车的时候，可能心理想象的画面是把一个杠杆和轮子摩擦来减速。而实际上，却包括了液压缸、油管，以及压挤多盘的金属垫板等一系列看不到的零件产生了关系。这里的“心理预想”就是我们说的“心理模型”，踏板就是“表现模型”，而实际看不到的那部分则属于“技术模型”。踩刹车的过程中我们在想象 ... ...
-
城市的拼音输入 2010-07-19 16:10
网上预订机票和酒店，都要输入城市，各网站做的看似差不多，但也有些有趣的差异。 国内各航空公司的机票预订，在输入城市时，主要采取了关键词和下拉列表两种形式。 1. 输入关键词。有国航、东航、上航、南航、海航、山东航空等。关键词支持汉字、全拼/简拼。在简拼输入上，各家有所差异。假如，要输入“南京”，简拼方式，下面以依次输入字母“n”、“j ... ...
-
产品在流程中损耗 2010-07-19 10:35
一台F1 赛车由发动机、变速器、变速器换档杆、消声器、后车翼、后轮毂支驾、轮毂、油箱、车手座椅、方向盘、后视镜、刹车盘、悬架三角支架、轮胎、底盘、散热器、 前轮毂支架、安全螺母、前车翼等配件组成，在一个赛季的比赛中，这些配件不断的损耗、被替换，伴随车手完成赛季比赛。 我觉得产品上线运营就像赛车一个赛季，在赛前我们要 做好充分的准备，在比赛中，要不断的超越对手才能取得胜利。 ... ...
-
谈谈取消键与撤消键的使用 2010-07-15 21:13
“取消”（cancel，stop）和“撤消”（undo），看起来很像是同一回事，用起来似乎也差不多。但是两者在使用上还是有些差别，体验上也略有不同。 一、 取消键与撤消键 我们常常在执行一个动作时，会被要求确认一下，这时候往往给出两个按钮，“确定”和“取消”。“取消&rdqu ... ...
-
解决问题小记 2010-07-14 23:20
设计本来就是一项解决问题的工作。在处理任何设计需求的过程都是在用我们所学的知识解决问题，解决问题的核心是千万不能被复杂的问题复杂化，问题越是复杂，越要保持一颗简单的心。 发现问题 – 《佐藤可士和的超整理术》 向大家推荐这本书，解决问题最重要的就是如何了解问题，这本书就是教我们如何对问题整理并解决。 以需要做一个“网易文档&rdq ... ...
-
手风琴导航(Accordion)_Yahoo... 2010-07-14 23:07
最近事情很多,工作,生活,感情,亲情…..每个人在每个方面或多或少都会收到过挫折和困难,但是请享受并面对,因为这样才是完整的生活…… 从Yahoo Pattern中学到不少东西,看这块中文信息比较少,所以打算开始翻译一下.同时因为手风琴导航这个组件在新版的客户端中也开始使用,所以先写这个. 原文地址: http://developer.ya ... ...
-
[图说交互]鼠标文字选中与产品整合。 2010-07-14 22:42
QQ聊天 + 腾讯soso搜索 在我们用QQ进行聊天的时候，在聊天记录与文本输入框中，只要你用鼠标选中一些文字。即可进行复制和搜索2个动作。搜索整合了腾讯的soso产品。这里还有个很好细节设计值得说下，“复制”与“搜一下”这2个选项采用了不一样的颜色。“复制”是系统默认，是用户选中文字本能的一个交互动作，同时是一个非连接 ... ...
-
B2C网店系统产品图片橱窗设计参考 2010-07-13 22:23
一. 概述 在网店系统的产品详细页面中，展示产品细节涉及多张产品图片和相关的媒体文件、pdf、doc等，可供顾客浏览产品细节、进行试读、试听、试看等，从各个角度来介绍产品，这些内容越丰富越有利顾客了解产品， 也越有利顾客做出购买决定。 但产品详细页面本身就有很多信息，包括产品名称、价格、描述、规格参数、评论等，如果还加上这么多图片和媒体文件，那么该页面将会显得非常臃肿 ... ...
-
《移动设备交互设计》读书笔记[1] 2010-07-11 11:46
读书笔记，不是对书中的内容做完全的摘抄和援引，我是想把读过的内容，经过自己的理解归纳总结出来与大家分享讨论。一、如何理解移动设备移动设备是相对于不可移动的设备，这里说的不可移动设备不仅指计算机设备，可以包括游戏机，甚至普通电视机。对应的会有掌上游戏机或是移动电视机等，当然，重要的还是我们大家都在讨论的可以做移动互联网应用的多功能手机。同时，还包括一些更广义的移动设备，比如：1）可穿戴设备，目前 ... ...
-
电子商务网站“用户评论”模块浅析 2010-07-09 09:05
前几天在robin club 上分享到电商产品评论的设计，感觉说的不过瘾，这里博客记录一下。 在开始进行后面的产品分析和对比之前，我们来看一下之目前对商品详细页评论影响比较大的两块产品形态， 一是信息交互始祖：bbs，论坛。我们已经习惯在一层一层的楼层中阅读信息和辨别精华，针对楼主表达的思想进行 回顾和发表自己的看法，后续的人也会把之前的信息看成原本内容的一部分，所以也就有了 ... ...
-
【翻译】apple store checko... 2010-07-06 23:11
[前言]读英文的博客和英文的书，也读了不少，读的时候摇头晃脑也读得懂，可是读过之后，感觉却没啥收获，想来是因为读中文，一边读一边是在思考和反刍，而读英文，却是一边读一边在词对词翻译。这次，做订单项目，对各个电子商务的订单流程很感兴趣，所以试用了若干个电子商务网站，进而对订单表单设计很有兴趣，恰逢此时，看到大名鼎鼎的luke写了一篇《The Apple Store's Checkout Form R ... ...
-
手机软件交互设计经验分享–硬件、系统平台和设... 2010-07-06 00:33
Iphone和Android系统手机风靡全球的同时，移动互联网的发展也掀起了一股热潮。最近发现身边一些朋友纷纷在做手机上的第3方应用，或多或少碰到了些困惑，也许对于做惯了基于浏览器的产品的设计师来说，有一些比较典型的要点容易被忽略，这就容易引发出：找不到手机软件的感觉、布局经常改变、设计和优化 ... ...
-
说说啤酒和尿布 2010-07-06 00:28
“先生，我注意到你买了啤酒，请问要不要再来一些尿布？” 如果超市收银员这样问你，你会不会想K人？即使，你知道那个关于啤酒和尿布的故事。 其实原故事是说，发现很多男人周五买尿布，所以超市就把啤酒也摆在尿布旁边。所以刚刚我故意混淆了两个细节：尿布和啤酒的相关性是“单向”的；推荐方式是“隐式”的（摆在一起）而不是&ldquo ... ...
