主要内容
-
Flipboard Redesign - 让... 2012-03-23 20:50
不知道从什么时候起，iPad成了我最好的伙伴，我用它上网，用它阅读，用它玩游戏，用它做各种事情。虽然没赶上新iPad的 Retina屏幕，但是我依然认为iPad 2是一台很完美的平板电脑，无论从性价比，应用数量和质量上来说都是如此。在app store众多软件中我最喜欢，使用最频繁的的软件要数Flipboard，将琐碎的互联网内容加以组织，带给用户近似于纸质杂志的阅读体验。每天我都会 ... ...
-
浅析iPhone平台三种应用类型的布局方式 2012-03-16 09:30
在手机这样一个小小的有限的屏幕尺寸里，要使界面保持清晰合理、简洁美观，就涉及到产品“框架布局”的设计问题，我们需要根据不同的产品需求及应用场景来设计合理的界面布局。 iPhone平台的标准界面布局为顶部标题栏、中部内容区、底部工具栏/标签栏，设计师们根据不同的应用类型以及不同的使用情境进行着巧妙的布局，其中不乏很多勇于打破常规，精巧合理的布局设计。今天就一 ... ...
-
如何写一份交互说明文档 2012-03-13 19:26
转载请注明来处，关注我，请点击：http://weibo.com/heidixie 离开交互圈已经有段时间了。但由于博客还在，还是能够偶尔收到一些邮件，上周有位同学问我：我在求职，我看到很多招聘说明上需要交互设计师编写界面交互设计文档，请问界面交互设计文档是什么文档？怎么编写呢 这让我想起来2009年自己在项目里也大力推行过交互说明文档（在下文中，简称为DRD），格 ... ...
-
移动设计空间节省之道 2012-03-13 18:59
设计来源于生活。最近在装修自己的房间，翻阅了一些相关的家居设计资料，发现交互设计和家居设计有很多相似的地方。小户型空间有限，手机屏幕也只有巴掌大小，在两种小空间上进行设计一定很多共通之道。携程UED的同学也是心有灵犀，很早就为我们奉献了一回精彩的分析（http://ued.ctrip.com/blog/?p=2905）。对于这么有意思的主题，还是想多唠叨几句。 一位优秀的厨子，必须熟练 ... ...
-
交互设计入门--了解交互设计 2012-03-12 16:10
为什么会有交互设计,交互设计能够做什么? ▎1.成功的互联网产品具备哪些要素？ ①当你的Boss需要做个产品时，它首先必须是可实现的，这也是为什么核心程序员架构师的待遇普遍较高的原因，因为他们是生产力。那么成功的产品首先要具备--可实现模型。 ②产品做出来干什么？“方便用户，让用户玩的爽？”当然不是，产品的终极目标是盈利，你的领导也只关心 ... ...
-
【译】手指友好型设计 - 为了更好的点击而设计 2012-03-12 14:11
玩飞镖的时候，靶心是最难射中的位置，因为靶心是整个靶面上面积最小的部分。越是小的目标，就越是难以达到。这个准则在移动设备的触摸屏幕上同样适用。 众所周知，对于触屏设备用户来说，面积小的目标比面积大的目标更难操纵。所以，在设计移动设备界面的时候，触控目标一定要充分的大，足以让用户操作 自如。但是多大才算充分呢？多大才是对于大多数用户最合适的尺寸呢？各大移动设备开发者已经认识到这个问题，最常 ... ...
-
价格的表现形式与设计 2012-03-12 09:07
不管价格怎么表现，最敏感的还是多少钱，对用户来说这个是最关键的，所以数字又大又醒目就是最好的表现方式了么？平时在上网的时候有没有特别注意过价格的不同表现形式？ 我选了6个不同类型网站，看看他们在价格表现上有什么不同，分别是“淘宝”，“聚划算”，“携程”，“大众点评”，“ebay&rdquo ... ...
-
“动动手指就搞定”——谈手势操作在手机端软件... 2012-03-08 23:14
自然用户界面【1】（NUI , Natural User Interface）——特别是触控技术使人机交互变得更加自然直观，更为人性化。比如ipad、iPhone和一些采用Windows Mobile，Android等系统的手机已经让用户体验到触控的便利。本篇文章要说的是一种关于手机端触控技术的交互设计，它利用我们的肌肉记忆，不需要过多思考，让我们依靠潜意识，动动手指就能完 ... ...
-
从滚动条消失看细节设计 2012-03-08 23:11
我相信所有设计师都是注重细节的！即使有时迫于种种原因，无法达到像期望般完美，但心中一定有份纠结的坚持。 最近的项目中，给选择器设计备选列表，发现了一个“由细节引发的细节问题”。下图是示例。很简单，在一个固定区域内做多选，当有很多备选时，滚动显示更多内容。（原本意图） 图A：原本的意图，和期望达到的效果 但实现出来之后，发现一个问题：滚动条被隐 ... ...
-
触屏手机点击区域的小秘密 2012-03-07 17:38
做触屏手机产品设计，要注意所有的可点击元素都有足够的点击区域，但是这并不是说你要把所有的按钮图标链接都设计的足够大，手机上的视觉焦点和操作焦点是不一样的，操作焦点是可被放大或移动的点击区域。 这里分享几个点击区域的小秘密，帮你解决操作准确率的问题。 一、扩大操作焦点 iPhone自带的控件NavigationBar上的Button、TabBar上的Item、ToolBar上 ... ...
-
让导航更轻便些 2012-03-07 17:36
导航是互联网产品中应用最广泛的基础元素之一，引导用户了解到网站的内容结构进而找到所求。作为基础控件，导航看起来简单，但却是产品设计中最复杂繁琐的一部分。因为我们想要让网站结构更清晰、想要向用户传达所有的信息，所以就赋予了导航越来越多的内容，使他们庞大异常，十分纠结。简化了，用户无法了解到页面结构以及自己的处境，产生困惑；复杂了，导航臃肿不堪，层峦叠嶂，既不美观也不好用。 那么，在清晰的 ... ...
-
边缘与交互密度 2012-03-01 12:15
市面上现有的主流手机操作系统有一些优秀的体验，比如android从顶部下滑出的通知中心。Palm的context menu 从屏幕下部的感应区呼出。Nokia N9 就更为纯粹，把just swipe——从侧面滑动切换手机态视为核心的设计理念。仔细看还挺邪门儿的，从顶部向下，从底部向上，从侧面向内——它们是如此热衷于边缘，以至于当我们想再这么做的时候 ... ...
-
浅析产品新手引导设计 2012-02-28 21:27
引导设计，现在也是大家比较热衷讨论的话题，各类的web产品也都纷纷效仿起移动端的引导方式，那么我先问一下，究竟什么是引导设计呢？ 什么是引导设计？ 我们把它拆开为“引导”和“设计”，那什么是引导呢？我们可以回归到生活中去寻找答案，导游带领游客参观景点，帮助安排食宿，让游客们轻松愉快地完成他们的旅程；老师教学生更快更深入地学习知识， ... ...
-
Clear. 手势的未来? 2012-02-28 21:17
这是一篇迟到的短文，缘起上上周 Clear 惊艳上市。完全的手势操作，没有采用 iPhone 标准的导航设计规范， 反而有一些 WP7 Metro UI 的风格。不敢说这款应用在 to-do 上会有多久远的实用意义，但让我们再一次感受到接近指上交互的真谛。 当手持环境决定你只能用指上操作去改变使用方式的时候，用指尖去探索就是一切，这变化影响着我们。像鼠标那样傻傻的按下去却不再是你我的唯一 ... ...
-
又是为了触屏移动设备而设计 2012-02-24 16:31
印象当中，最近这些年的春天总是会带来让人觉得真心别扭的气候体验，雨和冷风就像催化剂一样，让生活和工作当中的人和事也变得异常凌乱，仿佛一团被咀嚼到完全失去味道的槟榔。November Rain前奏当中的钢琴旋律多少可以让心安然一些，一旦摘下耳机便又是个令人想要把自己的脑袋拧下来吃掉的世界。 可脑袋一旦被拧下来，就什么也无法吃的样子了，不是吗。说正事儿吧。Designing fo ... ...
-
浅谈移动互联网广告设计 2012-02-24 16:29
目前移动互联网发展趋势迅猛，随之而来的移动互联网广告也以迅雷不及掩耳之势飞速发展，据市场研究公司Gartner称，2011年全球移动广告收入预计将达到33亿美元，比2010年的16亿美元增长一倍多，到2015年，全球移动广告收入将达到206亿美元。移动互联网广告即将成为网络广告中的生力军，其中移动搜索和LBS广告预计将产生最多的广告收入。那么基于移动搜索和LBS的移动互联网广告设计或将成为设计师们 ... ...
-
Clear——乱花渐欲迷人眼的待办事项工具 2012-02-20 09:55
一、深泽直人的“无意识设计” Clear这款产品，无处不萌发着一股无意识设计的味道，用户进来之后，看到一个没有任何按钮的list界面，之后任何下意识的手势操作，都对应着合理的引导，比如点击列表看详情、点击空白新建条目；比如下拉列表之后，会出现pull to creat list的提醒，松手就可以新建list；比如猛拉列表之后，会出现switch to menu的提醒 ... ...
-
与广告“互动”—情景互动式创意广告 2012-02-16 22:30
早晨做地铁，正打盹的时候，忽然听到某网站的大名被一声声地呼喊着，顿时就把我惊醒了，现在有些广告做得都不怎么考虑用户的感受，在既没有美感又没有创意的前提下，强行灌输信息只会令多数人感到厌恶。 广告本来起的是一个宣传的作用，如果人人看到都觉得烦，那就适得其反了。其实广告也有很多形式，平面、电视、网络等。通常我们看到的都是以上三种。这里，给大家介绍一个比较新颖的趋势——情景互 ... ...
-
手机产品设计中的反馈提示 2012-02-10 23:22
在产品的设计中，“反馈”是很重要的一个交互特征，它是一种界面输出物，用以给用户正确的引导信息，帮助用户判断和决策。而反馈的形式也是多方面的，视觉、听觉、嗅觉、触觉、正面的、负面的，都是在为用户传递信息。而没有反馈或反馈很差的交互，只会让用户产生失效和无助的负面体验。 在煤气中加入硫和笨，为的是通过臭味提供危险信号的反馈。地铁里的门在关闭前会发出滴滴的报警声 ... ...
-
简化输入 — 让网页表单更亲切 2012-02-10 23:18
大部分人不喜欢填表单，因为人们来到网站，主要目的不是填表，而是浏览或者购买。精心设计的表单，使输入变得流畅让人心情愉悦，而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢？页面的布局、逻辑组织、视觉样式等都是值得关注的细节，其中简化输入是最近常被提及的，在这里我分享下自己工作中的心得… 1、 更高大的输入框 增加输入框高度，加粗字体，可以让网页上的输入框看起来更容易 ... ...
