落花流水 -- IT技术博客大学习 -- 共学习共进步！

• 基于用户体验的手机产品交互设计原则

交互设计原则对应用户体验信息的收集和用户分类，我们可以总结出来智能手机上交互设计的方法和要点。 1.硬件交互设计根据人机工程学原理设计按键大小等硬件交互要素；尽可能提供多种输入方式，包括键盘输入和手写输入，键盘包括数字键盘和全键盘。合理设计键盘使其符合用户的使用习惯；考虑环境对用户操作的影响。例如嘈杂的环境下提供震动的提示方式，黑暗又需要保持安静的环境下选择指示灯闪烁发光的方式提示用户。同样需...

• 为什么不要“以任务为中心”来进行设计？

1993年由克莱顿.刘易斯和约翰.黎曼提出了“以任务为中心”的设计模型（Task-Centered System Design，TCSD）中，设计过程分为了四个阶段―― 第一阶段，识别用户和任务，即通过用户访谈和自然观察等手段确认任务，然后形成任务描述文档，最后验证任务并进行反馈修改；第二阶段，以任务为中心的需求分析，即确定系统支持的用户类型和任务类型；第三阶段，基于情景的界面设计，即构思一个情景，设计系统界面，要求反映用户的真实需...

• S60v3信息导航的三种方法

Twitter应用Gravity的开发者詹・欧力-苏赫（Jan Ole Suhr）表示：“没人能够预测诺基亚智能手机的前景，因此小规模应用开发者都不愿意为开发诺基亚手机应用投入时间和精力。此外，诺基亚的智能手机系统没有运用最新的技术，因此要使应用美观需要耗费太多精力。” 所以我们可以看到iPhone上很多花哨的app，Android也紧随其后，到今年7月底，Android market上的app数量将达到10万个（苹果应用商店有22.5万个应用）。 Symbian是引领潮...

• 位置服务类产品的用户状态和地点管理设想

一、用户状态针对于旅行用户和普通用户来说，使用LBS产品的出发点有很大差别。普通用户希望用LBS产品来记录生活足迹、找到周边信息，而旅行用户更希望看到一些游记、攻略之类的。那么如果这些信息都混杂在一起的话，会导致内容冗杂，不好区隔。针对这个问题，我们从两个地方可以得到一些启发，第一点启发是红绿灯二、地点管理 LBS产品，拥有详实的地点数据库很重要，这个数据库不是只有商户就可以了，可能需要更多种类（某某...

• 位置服务类产品的好友关系和激励机制探索

对于好友关系，我认为是做移动互联网产品的一个门槛，传统互联网上我们比较熟悉的社区模式、BBS模式可能是基于共同兴趣的好友关系，web2.0时代我们又见证了SNS、微博这类的真实好友关系、单向好友关系的新探索，移动互联网时代的好友关系则有更多可能性，比如基于位置能否找找到好友，能否结交好友，值深思。而激励机制，则是一个产品产生用户粘性的小小捷径，我们都知道最有粘性的是网游，尤其是带升级体系的，其次是有你感兴趣的...

• 手机客户端交互设计原则及信息展现方式

针对手机上的交互设计原则，还有以下需要补充的一些点―― 尽量减少操作的步骤尽量利用点击来代替输入时刻让用户知道自己所处的位置与web保持一致且数据同步为输入法让出空间而对于手机上的信息展示方式而已，则是本文讨论的重点，也是从《Mobile Interaction Design》一书上受到了些启发。手机上的信息展现，一方面要有利于你找到需要的信息，一方面要提供友好的方式阅读你需要的信息。为了在手机上有效的支持这两个任务...

• 使用线框图来简化你的产品设计流程

绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素，是网站内容布局的基本视觉表现方式，是网站开发过程中一个重要的步骤。线框图的好处：让用户、设计者在初期就可以对网站有个清晰明了的认知能激发设计师想象力，使其在创作过程中有更多发挥空间给开发者提供一个清晰的架构，让他们知道他们需要编写的功能模块让每个页面的跳转关系都变得清晰明了很容易的改变页面布局...

• 产品UED流程及交付物

1、需求分析阶段用户研究工程师跟进用户调研、需求分析，提交需求报告 2、功能设计阶段交互设计师配合PM的功能设计文档出交互设计方案，确定产品的页面布局、信息架构、操作流程和交互方式。视觉设计师也要参与产品讨论，结合用研的专家评估意见，构思视觉设计方案 3、视觉设计阶段由视觉设计师主导出符合交互设计要求的效果图，确定产品表现形式、用色配色等各种细节。交互设计师跟进对交互方案就行微调。 4、技术实现...

• 介绍几款iPhone手机原型设计的工具

一、iPhone Mockup http://iphonemockup.lkmc.ch/ 可绘制简单线框图（Illustration）和手绘风格线框图（Pencil）两种风格的原型。组件都可以任意拖动，放到合适的位置。但是由于是在线软件，可能在安全保障上会有些欠缺，而且有些类似于沙盘的形式，不知道什么时候还会消失。优点是可以协同创作。二、Balsamiq Mockups http://www.balsamiq.com/ Balsamiq Mockups 提供了 9 大类共 50 多个控件，涵盖了几乎所有常用的 UI...

• 从大屏幕到小屏幕迁移的三种设计方案

由于手机终端纷繁复杂，各种分辨率的屏幕，各种适配不同机型的特殊规则，都对手机网站的设计提出了更多的要求。大屏幕上已有的网站向小屏幕的设备上迁移，是需要经过一些调整的，今天就来探讨三种可用的迁移方式。一. 第一种拍扁式这种形式最简单，也是目前web迁移到wap采用的最多的一种形式，就是把主流的1:2:1三栏布局的web网页拍扁成一个线性的一维的wap页面二. 第二种手风琴式三. 第三种棋盘式

• 用户体验的量化方法……

新时代的信息构建师（包括网站设计师、架构师等）应当特别掌握好网站的用户体验(User Experience)设计方法，以给用户提供积极丰富的体验，为网站提高利益。在用户体验方面，信息构建师Peter Morville由于长期从事信息构建和用户体验(User Experience)设计的工作，对此深有体会，他对用户体验(User Experience)设计进行总结，并设计出了一个描绘用户体验(User Experience)要素的蜂窝图，如图1所示。

• 关于腾讯微博的一些思考……

试用腾讯微博已经有几天了，总体上的感觉是企鹅的微博延续了企鹅IM的风格路线~跟twitter和新浪微博重信息传播的路线不同，跟buzz重讨论和聚合的风格也不同，腾讯微博俨然腾讯QQ扯淡终端的web延伸，见下图。腾讯微博植入到QQ客户端，只是把群、聊天室换了个形式，但是好处是：①有记录，易于查找 ②可思考，延时回复 ③独立于QQ用户关系之外。一、腾讯微博web版腾讯微博的web版没有太多好说的，主要说说优点、缺点和期待功能。

• 做产品需要怎样的想象力――关于微软旅游网站的YY……

做产品，即要有天马行空的想象力，又要有举一反三的思辨精神，还要有宏观的普世情怀，最后要收拢于可行性之下。先说这个想象力，看过卡梅隆大片《阿凡达》（Avatar）我们想到了什么？无非是些“人体USB接口”，“胯下鸟大能征服世界”之类的。但是早在2002年，一名赴韩考察的腾讯员工，却从韩国“Avatar游戏”里得到启发，有了QQ用户虚拟形象，即QQ秀雏形这样一个提案。那么时至今日再看到3D电影阿凡达，我们又能想到什么呢？...