主要内容
-
游戏的交互定位 2011-09-25 07:48
游戏的交互和网页、软件比起来，更在乎用户情感因素，尤其是需要频繁互动的操作，更需要照顾主要目标用户的喜好。 用户交互定位不准，会给游戏中的用户带来很大的挫败感，或者唾弃情绪。 下面通过泡泡战士、全球使命两款射击类游戏对比来谈谈游戏的交互定位思路。这里仅仅讨论交互，不谈游戏视觉风格。 1、搞清楚游戏的特点 1）泡泡战士 游戏特点描述：Q版第三人称 ... ...
-
保障任务流畅的IA设计方法-页面简图法 2011-09-22 16:41
关于“为任务而设计”和“为结构而设计”的问题，之前曾经反复阐述过，如果你没印象了，可以先看下：《设计原则VS实际情况》和《为产品结构的设计，为用户任务的设计》。 “设计时，既应该关注让任务流畅，又需要让结构清晰。” 如果你认同了这个观点，那么，接下来的问题就是：应该怎么做呢？ 下面介绍一个设计方法，这是一个用于 ... ...
-
深入了解评论模块 2011-09-17 16:49
之前写过一篇文章，了解产品之评论模块， 对电商中的各种评论模块进行了分析。有同学会说，从形式去观察一个模块有些浅显，可以从做更进一步的思考，从产品角度，探讨这些不同模式的由来或选取的原 因。不过产品设计层面上的探讨，还是与交互设计层面上的探讨有区别。产品设计会跟据用户、市场等多方面的因素，从宏观上对一个产品进行设计规划。就好像有 些评论模块有从质量、外观、性价比的细分评论，而有些没有。这里的 ... ...
-
瀑布流布局浅析 2011-09-15 22:31
简介 如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？ 类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如 Pinterest (貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量看到这样的形式呢。 这种布局适合于小数据块 ... ...
-
处理wording的一些参考 2011-09-15 20:58
Wording ['wə: diŋ] n. 措辞；用语 Wording是每个设计师每天都需要面对的东西，不论是斟酌标准文本元素的使用还是精心设计一个用意非凡的对话框，总要花不少时间在它身上。有时我们常会觉得一个对话框有问题却不知道问题出在哪里，有时我们又想专心体现出一段提示的大智慧（或者自己有多智慧）的时候却感到了无心无力孤独寂寞冷。不过还好，时间长了，总有一种力量，让我们 ... ...
-
关于搜索建议的两点小问题 2011-09-15 17:11
最近在做搜索设计时，发现了两个容易纠结的小问题，在这里谈谈自己的一些分析。 问题一：提交的关键字是哪个？ 凡客的这个例子中，搜索建议“时尚斜拉链”高亮显示，这个时候点击“搜索”，提交的关键字是输入框中的“s”还是“时尚斜拉链”呢？答案是“时尚斜拉链”。 ... ...
-
移动设备手势设计初探 2011-09-05 14:58
嘿~最近在做各种移动端的产品，设计啊体验啊操作啊，用的手都起茧，工作之余也思考了“手”这种较新的交互方式，以及它与界面的关系。本文从手势的种类，应用场景，存在的可用性问题以及如何设计四个大的部分谈起，在此抛砖引玉供大家思考和学习。 移动设备大行其道的今天，手势是一个流行词汇，那手势是什么呢？手，是人类各种创造性活动的天然工具，人们天生就会使用手的动作去表达情感 ... ...
-
合理的交互，恰当的视觉 2011-09-02 15:35
交互设计和视觉设计的重要性，业内已经达成了共识。 最近看了iphone版海豚浏览器的设计方案，正好借机再陈述一下相关的设计原则。 我想说的主要有三点： 1.交互设计受限于硬交互（硬件本身的基础交互属性），设计要在硬交互的基础上进行扩展。 2.视觉设计最首要的任务是辅助交互设计，进行恰当并谨慎的视觉引导。 ... ...
-
Android 3.0（蜂巢）交互&UI设计... 2011-08-31 18:26
Android OS自上市以来，由于缺乏统一规划，使得不同设备在 1.5、1.6、2.0、2.1、2.2、2.3几大版本徘徊，本人用的HTC Hero(俗称G3)也是从1.5~2.3一个个版本，10多个rom手动刷机试过来的，过程及其纠结 ~。 多系统版本带来的问题就是缺乏交互、UI的一致性，外加硬件厂商HTC、摩托罗拉、三星、夏普（创新工场点心OS）、小米（MIUI）等公司热衷于UI的个性化发挥 ... ...
-
了解产品之评论模块 2011-08-30 14:57
评论模块对于电商来说是十分重要的。在电子商务的世界中，用户面对的是一张张产品图，看不见摸不着，已购买者的评论对于用户是否购买该商品，起着很 大的作用。怎样设计好评论模块，使评价能直观真实的反应出商品的优劣，立体的将商品呈现出来？又如何引导已购买者客观详尽的对商品进行评价？还是从了解评 论模块开始吧。 我选取了12个国内有代表性的电商网站，大致将评论模块的模式分为以下几种： 1、 ... ...
-
Android应用程序需不需要手动退出？ 2011-08-25 20:43
不止一次，也不止一个人问过这个问题。我都回答了：不需要。但是，还是要记录下来。 我们不妨从了解这个系统对于应用程序管理的一些内部机制开始说明原因。 对于Android系统而言，包含“进程”和“服务”。“进程”有正在运行的，也有刚刚离开在后台缓存的。“服务”是一个无界面、长时间运行的应用功 ... ...
-
交互设计-简单 2011-08-24 17:35
交互设计是近几年流行的一个词语。现在市场上有许多资料来介绍什么是交互设计，如何做交互设计等。从场景，任务，用户，操作等分析。但由于受实际情况的限制，往往不能很深入。所以笔者结合实际工作体验与大家分享下，具体做设计时候是怎么考虑的。如果要说什么是一个好的交互设计，个人浅见就是简单。本文以下内容都是围绕简单2字进行展开。 简单在本文中包括认知和操作两个部分： 1. 认知主要是指人的思维过程 ... ...
-
标签栏的设计 2011-08-22 11:06
交互设计师的纠结有时候挺惹人讨厌的，大量的口水浪费在小的细节上了，有时候我也会告诫自己，要着眼大局分清主次，一些小的细节干脆就不要太纠结了，可是我又相信，好的交互设计师一定要对细节有一针见血的判断力，不疯魔不成活，不纠结出不来好设计。 一、一个案例的反思 这里想聊聊腾讯微博iPhone新版的一个设计细节。 事件起源于我们的一个设计师提供了一个新版的视觉设计方案，整体很大气， ... ...
-
Web app设计浅谈 2011-08-18 21:57
HTML5技术的强势发展，为互联网带来的最大改变就是： web从“已死”的预言中回过头来给Native app一记沉重的回马枪，web app成为举世瞩目的明星开始走在各大公司研发的时刻表中。Google 、微软、苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗，并试图建立以自己为中心的”云“服务平台，企图在web app时代到来的时 ... ...
-
milk香港版——交互设计漫谈（1） 2011-08-04 10:47
当产品相对稳定与可控，小神有愿望快速记录这个项目。 内容涉及小神参与产品设计与执行的过程，由交互/视觉设计层面的需求分析、功能设计与设计执行组成。 与其带入一些工作中的设计技巧，小神更愿意分享其中的设计思想与理念憧憬。 设计之所以不同于美化，是因为前者被赋予了驱动的灵魂。 背景 milk香港版，内部命名”milk mobile ... ...
-
国内三大B2C网站首页的信息架构 2011-08-03 22:18
随着电子商务的成熟，国内涌出了很多B2C网站，我经常访问的有：当当网、1号店、京东商城、易迅网、为为网和新蛋网等。这类网站很好的利用了计算机技术、互联网技术、即时通信技术和物流渠道，实现整个商务过程中的电子化、数字化和网络化，让不少用户得以不出户购天下物。 在访问这些网站的过程中，我发现其首页的信息架构拥有一些共同特点，也有各自的特色，遂以京东商城、新蛋网和易迅网为例，撰粗评一篇 ... ...
-
谈网络广告的发展与蜕变 2011-08-03 22:17
广告无时无刻在我们的生活中存在着，我们既离不开它，又需要它，它是我们生活中不可缺少的一部分。想象一下，我们生活的世界中如果没有了广告，这个世界会变的多么枯燥无味，所有的产品都可能将是一样的包装，一样的功能…… 网络广告，早期由于硬件和网络环境的限制，其展现形式极其有限。广告形式以文本链接广告、网幅广告、电子邮件广告等形式为主要传播手段。随着互联网技术、 ... ...
-
信息架构中信息类粒化简谈（二） 2011-08-02 15:25
上一篇（信息架构中信息类粒化简谈（一））写的简单了，大家看了都没有什么感觉，好吧，我承认，我弱智了….今天写的希望大家能看上眼，哪怕一个白眼…. 说到信息架构，粒化能帮助我们较快的实现标签系统，大家知道标签系统与组织系统，搜索系统，导航系统共同组成信息架构，个人认为还要加上网站布局，因为布局本身就在指引用户的视觉并做操作引导。也算是信息架构的一个 ... ...
-
苹果网站的特点 2011-08-02 10:11
以前听同行讲过一次apple.com，在他眼里apple.com就是丰碑，基本没有不好。任何哲学的理论和术语都可以往它身上套，简直就是成就与完美的化身。这问题我觉得需要拆解分层次的看，任何有特点的设计必然有其优势，也有其局限性。 我认为讲apple.com很有特点可能更合适，因为“特点”只是个中性词。关键它把特点表现的恰到好处，特别符合apple应有的“范 ... ...
-
Change.gov -那些美丽的细节 2011-07-30 15:26
前段时间，突然想去看看奥巴马的网站是怎么设计的，于是Google到了Change.gov。 刹那间眼前一亮---简洁大气，充满了成熟之美。 一直想写篇赏析来学习下Magicwan的设计，一直拖到今天(懒惰的人啊) 一.Background 深蓝色背景，给人踏实，稳重，具有可靠信赖感。 二.Head ... ...
