手机产品设计在流程上跟互联网产品设计出入不大,在交付物上也有交叉点。很多新入行的朋友一直困惑于手机产品设计该怎么进行,该交付什么样的产出物给团队其他人员。小公司产品经理可能一条龙式的包揽了需求分析、竞品分析、功能设计、交互设计等,交给技术人员的直接就是PRD(产品需求文档)。大公司由于职能细分,可能会有项目经理、产品经理、产品设计师、产品架构师、产品策划、交互设计师、视觉设计师等细分职位,那么设计沟通就成为更不可少的步骤了,时间都被浪费在流程和会议中了,大家经常会纠结于功能或者设计的细节,忘了我们的核心用户,忘了产品的核心价值,无数次的pk,最终力求找到每个人认为的最符合用户需求的设计方案。
分类:产品设计
互联网产品设计点滴
为什么不要“以任务为中心”来进行设计?
- 第一阶段,识别用户和任务,即通过用户访谈和自然观察等手段确认任务,然后形成任务描述文档,最后验证任务并进行反馈修改;
- 第二阶段,以任务为中心的需求分析,即确定系统支持的用户类型和任务类型;
流程图和线框图的关系
流程图(task flow)是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成,用语言描述出想要达到的目的,每一个步骤用一个节点来表示,用线和箭头指示出每一步骤的方向和所要到达的下一个步骤。流程图意在帮助设计师很好的了解产品的功能结构和用户每一步的操作而达到白己的使用日的。
但是流程图也分为两大类:
- 一类是产品经理或者技术人员在开发过程中使用的逻辑流程图,如图1:
图1 (更多…)
基于用户体验的手机产品交互设计原则
一、用户体验信息收集
在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理。收集用户体验信息首先需要确定两个问题:一是确定目标用户群体;二是确定信息收集的方法和途径。
在确定目标用户群体的时候,很显然的是,已有产品有过使用和交互经验,具备该产品或系统的交互体验的用户,相比较于那些没有体验的用户,可以为设计提供更多更有效的信息。因此在收集用户体验信息时,应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户。在理想的情况下,当用户体验产品的交互时,设计师可以通过某种技术或是研究方法获得用户的全部感官印象,掌握他们的情感体验。然而这些主观的体验信息很难用实验室的方法收集或是客观的科学描述表达出来。因此我们只能寻求贴近实际的近距离接触用户体验的方法,就是深入访谈和现场观察。
- 手机的持机模式(右手操作、左手操作、双手操作);
- 手机的操作模式(手指触控、笔触、按键、滚轮、长按);
- 两种操作模式下的输入方式(全键盘、九键、触屏键盘、手写);
- 信息反馈形式(屏幕信息输出、声音、振动、灯光)对用户的影响;
- 用户对屏幕信息结构的认识(空间位置、信息排列顺序、信息的分类)
- 用户对信息导航的使用(菜单、文件夹管理、搜寻特定文件)
- 用户对信息传达的理解(图形信息、文字信息)
- 用户对交互反馈的获知(每个操作是否有明确的反馈)
使用线框图来简化你的产品设计流程
绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素,是网站内容布局的基本视觉表现方式,是网站开发过程中一个重要的步骤。
一、线框图的好处:
- 让项目组成员在初期就可以对网站有个清晰明了的认知
- 能激发设计师想象力,使其在创作过程中有更多发挥空间
- 给开发者提供一个清晰的架构,让他们知道他们需要编写的功能模块
- 让每个页面的跳转关系都变得清晰明了
- 很容易的改变页面布局
二、绘制线框图的工具:
基于Foursquare再怎么做都是山寨
上周末去参加了5G的活动,谈中国的”Foursquare”何去何从,国内已经有一大批公司开始涉足4sq所开创的基于位置的Check-in服务,玩转四方CEO 谢晓、拉手网CEO吴波、多乐趣李英豪等人给大家分享了些自己团队对Foursquare在中国的发展方向可能性的理解。
4sq基于POI、基于check-in这两点,给人启发也给人限制,他们提供了一种移动互联网结合“有用”(Places+Free coffee)+“有趣”(badge+mayor)的新思路,基于位置好友和真实好友关系来增加SNS元素,利用简捷操作(搜索POI+check-in)来使内容的创造成为轻而易举的事情。但是只是找到了LBS中的一个小小的突破点,甚至他只做到了Location-based,没有在Servics上下太多的功夫。4sq只是LBS的一个子集,它也从未把自己标榜为LBS,国内的创业者如果只能基于4sq做文章,即使加上SNS元素、加上团购元素、加上游戏元素,也不过相当于4sq的开放平台上多了个app就能解决的事。有些人认为用户量没到500w就做开放平台不切实际,或者初期为了保证app的质量应该由自己来开发,等用户积累到一定程度再开放api接纳第三方开发者提供的app,我只能说基于4sq,没有开放的心态,只靠自己去加这个元素那个元素,你是做不大的。或者干脆你就跳出这个思维,为什么偏要基于foursquare?为什么偏要基于POI?偏要Check-in?
- POI
可否改成坐标?可否改成区域?可否改成物体?移动坐标(比如出租车)可否check-in?
- Check-in
可否改成to-go?可否路线?可否改成活动?可否收藏?可否checkin人?checkin物体?
如果都局限在foursquare模式里,注定都是山寨山寨,如果能跳出来,学习他们的创新思维,来打造新的独特功能,并且总揽全局,阶段性发展,应该还有不小的空间。
从大屏幕到小屏幕迁移的三种设计方案
由于手机终端纷繁复杂,各种分辨率的屏幕,各种适配不同机型的特殊规则,都对手机网站的设计提出了更多的要求。大屏幕上已有的网站向小屏幕的设备上迁移,是需要经过一些调整的,今天就来探讨三种可用的迁移方式。
- 拍扁式
- 手风琴式
- 棋盘式
一. 第一种 拍扁式
这种形式最简单,也是目前web迁移到wap采用的最多的一种形式,就是把主流的1:2:1三栏布局的web网页拍扁成一个线性的一维的wap页面,比如看这张图1-1
图1-1
这是elya自己的网站,如何将它转化为一种线性的形式呢?
位置服务类产品的好友关系和激励机制探索
一、好友关系
LBS产品中的好友关系,比传统互联网的好友关系要复杂很多,主要原因是多了一个基于位置的用户关系,也是手机所独有的功能特点。正如示意图所示,LBS产品的好友关系主要分为以下三种:
(1)真实的好友关系:
通过用户调研我们得知使用某产品的好友的数量,是决定用户是否使用该产品的一个重要因素,所以,怎样能帮助用户更多的导入好友关系,是起步阶段一个重要的环节。在这里我将提供四种导入好友的方式:
关于腾讯微博的一些思考……
试用腾讯微博已经有几天了,总体上的感觉是企鹅的微博延续了企鹅IM的风格路线~跟twitter和新浪微博重信息传播的路线不同,跟buzz重讨论和聚合的风格也不同,腾讯微博俨然腾讯QQ扯淡终端的web延伸,见下图。
各种微博对比图
腾讯微博植入到QQ客户端,只是把群、聊天室换了个形式,但是好处是:①有记录,易于查找 ②可思考,延时回复 ③独立于QQ用户关系之外。
(更多…)
作为一个产品,我该如何与人类交流……
《The Design of Future Things》Donald A. Norman 读书笔记
我是一个产品,有理想、有道德、有文化、有纪律的产品,你们可以暂时叫我X-Woman
随着科技的进步、时代的发展,我越来越聪明,人类变得越来越笨,为此,我不得不开始系统的去分析研究人类,他们的需求习惯、行为局限等。
人类是……大型的、维护成本很高的、难以控制和管理的,并且他们会对环境造成污染。这样的设备仍然还在继续被生产出来,被部署到世界各地,这台让我震惊了。但是由于他们无处不在,我们必须围绕他们的局限性来设计我们的协议和规则。





