IOS应用的产品设计.交互设计理念断想

最近辞职在家,无意之酝酿,多有开发感触,故想做道法术器四文《(道)良性成瘾开发习惯养成策略》《(法)平衡出最优的team生产力组合》《(术)产品、交互设计理念断想》《(器)构建自由通行的IOS开发者地图》,此为其一,术。

个人的专注点在于IOS App开发,还有linux,Gcc等技术思想的摄取。只略有“App设计”癖好,由于大脑未曾接受得系统全面的设计理念集输入,所以本文属个人以往设计参与的回顾总结,还有对应的设计理念抽象断想。个人认为,对于设计的过程,同开发过程一样,其实也可以视它为一个“输入”和“输出”过程,输入是:

1、系统全面的设计理念集;

2、遍历整个设计历史演变;

3、最大限度体会感悟当前的设计风格;

目前我的设计理念框架的还处在毛坯阶段。前两种输入还没有接触到。因为做了不少第三点输入,所以有点门外汉憋着想指点的感觉。接触IOS后,在持续时间里,我每天都在上瘾式地把玩着App Store的App,越积越大了一个“UI风格碎片集”。这也是我写此篇博客的将其进行总结一个原因。

在这里的”设计“包含了题目所提到两种类型,产品设计,交互设计。

==>产品设计,指的是App功能定位,市场定位。

==>交互设计,包括了界面逻辑设计,UI设计,操作体验设计。

对于交互设计中的界面逻辑设计,自从个人从UML图切换到思维导图时候,现在强烈推荐用思维导图。就如下图一目了然,是uml所达不到的。

下面将介绍,个人对于“产品设计”理念,“交互设计”理念的断想。当然作为一只IOS程序猿,术业专攻不同,自然无法做到用精妙传神的语言将一种理念、风格传达的淋漓尽致。故将以另一种曲径传达的方式来表现个人的看法和思考,从而以"真实情景==>解决思路==>理念抽象==>加以印证"的流程方式来表现。

====产品设计情景再现====

一、真实情景:某城市A川菜馆和B川菜馆一直是主要竞争者关系。A川菜馆率先引入了新颖的ipad电子菜谱营销方案,其新颖的点菜风格、快速的点菜流程迅速捕获了川菜爱好者的眼球。这一招,使得B川菜馆的一部分老顾客很明显地被A川菜馆吸引过去了。最后B川菜馆老板很受伤,他找到我们让我们帮他找个应付方案。并且他不想效仿跟风也实现ipad电子菜谱方案,而想用iphone来应付,外包我们开发个软件,这可把我们难住了。这可不只是外包的活了,重要是还得帮他设计产品解决方案。

二、解决思路:B川菜馆的目标就是为了抢回本城市的川菜爱好者。之前A川菜馆以新鲜的ipad菜谱,抢去了一部分顾客。而现在如何能够做到抢回来呢?试验预想了几种方案之后,感觉都不是很有冲破力。思索良久,后面平行类比出了一种思维,能否像QQ套住用户那样我们设计的app也能够套住顾客。如果做到,那么抢回顾客那是毫无疑问的了。问题是QQ靠“熟人联系纽带链条”来套住用户,我们靠什么?qq的“熟人联系纽带链条”对用户有一种意义式的依赖,我们的app也必须创造出这么一种依赖。这依赖可以是?本城市B川菜馆爱好者沟通平台?……等等。后面我看中的依赖点是:顾客就餐历史互动曲线。如何实现?比方每次就餐都拍一张图片贴在自己的就餐历史曲线节点里面,而这条可视化的线既可以作为顾客的回忆碎片加以赋予个人意义,同时还可以作为新型的积分奖励模式。

三、理念抽象:经过这个真实的场景思考,我后面理清了一条原则。俺暂且命名为“Engels_APP吸引力三原则”。

“功能式吸引” ==》如天气预报app,功能式必须依赖。

==》如google map app获取公交路线,功能式必须吸引。

==》如我查查app,为明了物价,功能式必须吸引。

“设计式吸引” ==》如path 2 独特交互和设计,设计好感式吸引。

==》如mindnode富有柔韧性,设计好感式吸引。

“意义式吸引” ==》如qq长期积累出的“熟人联系纽带链条”,虽厌恶腾讯的无耻,但不可挡其具有意义式吸引。

==》如Gmail长期的沟通工具,就像了电话号码, 具有意义式吸引。

==》如evernote长期笔记的积累,越用越被套住,具有意义式吸引。

(上面的情景就是用到了第三条原则)

四、加以印证:下面就从我的“UI风格碎片集”抽出几张第二条原则吸引的UI碎片,加以印证。

简述==》美感:古朴、质感、大方

简述==》美感:简洁、灵动、现代式

简述 ==》美感:简洁意义、突出重点。一天一张照片的意义式吸引。

简述==》美感:层次感清晰、舒服逻辑感受

====交互设计情景再现====

一、真实情景:XX房开商出品了一个新楼盘。让我们做一个ipad端app来作为展示和销售工具。房开商要求的功能界面非常多。估计他恨不得把整个楼盘的每一间房间都塞到这个app里面,好让所有潜在购房者能看够看完他的心血大作。这大而全的要求本身就违背了设计理念的初衷。主要问题是这么多界面有效组织起来本身就是一个大难题。谁叫我们IT民工和他的建筑民工一样是抓住房开商裤脚求口饭吃的料呢。咬咬牙给他解决。

二、解决思路:针对主要问题“大量界面交互层次,易造成逻辑混乱,使得功能方向感迷失”。这也是一般web1.0“内容为王”时代,多数网站容易出现的毛病。实际情况如下图。

解决思路中,层次原则“自顶向下,金字塔发散”。上图也已经涵盖。关键是当界面层次的深度,和界面层次的广度都到了不可控制的程度,那么就会冒出新问题,“大量界面交互层次,易造成逻辑混乱,使得功能方向感迷失”。如何解决?用传统方式的直接标志“目前所处位置导航”吗?如下图:

显然这虽是能够解决的方法,但是损失了设计风格。明显地违背了设计的美感原则,是不良解决思路。

传统的直接标注当前位置思路,其实质目的是为了“提醒用户当前所处位置”。那么同样可以达到这个目的,并且符合设计审美观的思路有哪些呢。……(移开视线钱的屏幕,就会发现有很多种方式的)。

下面是我的思路,“动作形式的切换出子界面,并且不覆盖原来的父界面”。以“可视化层次结构”方式指明当前所处位置。如下示意图。

三、理念抽象:我所看到的设计风格原则有几条,上面的场景,我用到第三条来进行解决。

==>风格匹配设计原则。

==>高清细腻、拟物感设计原则。

==>界面层次符合自然逻辑原则。

第三条原则的保证,避免了功能结构混乱,保证不会设计出给大脑造成逻辑障碍的app。

四、加以印证:下面列图印证了第二条原则“高清细腻、拟物感设计”。

简评==>高清细腻、拟物感,不言自明

简评==>高清细腻、拟物感,不言自明

简评==>高清细腻、拟物感,不言自明

简评==>高清细腻、拟物感,不言自明

简评==>时间轴拟成实物,时间轴形式表现微博

到此,算是完成了上一个阶段的设计理念的周期总结。个人预想未来设计师的产品主导将会得到明显加强,因为苹果指引了一条方向,所以进行着异常激烈的app大战,在技术基础,市场门槛都差距不大的情况下,能够异军突起的恐怕得靠一些天才的设计师了,其中path 2,clear,paper就是明证。

最近辞职在家,无意之酝酿,多有开发感触,故想做道法术器四文《(道)良性成瘾开发习惯养成策略》《(法)平衡出最优的team生产力组合》《(术)产品、交互设计理念断想》《(器)构建自由通行的IOS开发者地图》,此为其一,术。

个人的专注点在于IOS App开发,还有linux,Gcc等技术思想的摄取。只略有“App设计”癖好,由于大脑未曾接受得系统全面的设计理念集输入,所以本文属个人以往设计参与的回顾总结,还有对应的设计理念抽象断想。个人认为,对于设计的过程,同开发过程一样,其实也可以视它为一个“输入”和“输出”过程,输入是:

1、系统全面的设计理念集;

2、遍历整个设计历史演变;

3、最大限度体会感悟当前的设计风格;

目前我的设计理念框架的还处在毛坯阶段。前两种输入还没有接触到。因为做了不少第三点输入,所以有点门外汉憋着想指点的感觉。接触IOS后,在持续时间里,我每天都在上瘾式地把玩着App Store的App,越积越大了一个“UI风格碎片集”。这也是我写此篇博客的将其进行总结一个原因。

在这里的”设计“包含了题目所提到两种类型,产品设计,交互设计。

==>产品设计,指的是App功能定位,市场定位。

==>交互设计,包括了界面逻辑设计,UI设计,操作体验设计。

对于交互设计中的界面逻辑设计,自从个人从UML图切换到思维导图时候,现在强烈推荐用思维导图。就如下图一目了然,是uml所达不到的。

下面将介绍,个人对于“产品设计”理念,“交互设计”理念的断想。当然作为一只IOS程序猿,术业专攻不同,自然无法做到用精妙传神的语言将一种理念、风格传达的淋漓尽致。故将以另一种曲径传达的方式来表现个人的看法和思考,从而以"真实情景==>解决思路==>理念抽象==>加以印证"的流程方式来表现。

====产品设计情景再现====

一、真实情景:某城市A川菜馆和B川菜馆一直是主要竞争者关系。A川菜馆率先引入了新颖的ipad电子菜谱营销方案,其新颖的点菜风格、快速的点菜流程迅速捕获了川菜爱好者的眼球。这一招,使得B川菜馆的一部分老顾客很明显地被A川菜馆吸引过去了。最后B川菜馆老板很受伤,他找到我们让我们帮他找个应付方案。并且他不想效仿跟风也实现ipad电子菜谱方案,而想用iphone来应付,外包我们开发个软件,这可把我们难住了。这可不只是外包的活了,重要是还得帮他设计产品解决方案。

二、解决思路:B川菜馆的目标就是为了抢回本城市的川菜爱好者。之前A川菜馆以新鲜的ipad菜谱,抢去了一部分顾客。而现在如何能够做到抢回来呢?试验预想了几种方案之后,感觉都不是很有冲破力。思索良久,后面平行类比出了一种思维,能否像QQ套住用户那样我们设计的app也能够套住顾客。如果做到,那么抢回顾客那是毫无疑问的了。问题是QQ靠“熟人联系纽带链条”来套住用户,我们靠什么?qq的“熟人联系纽带链条”对用户有一种意义式的依赖,我们的app也必须创造出这么一种依赖。这依赖可以是?本城市B川菜馆爱好者沟通平台?……等等。后面我看中的依赖点是:顾客就餐历史互动曲线。如何实现?比方每次就餐都拍一张图片贴在自己的就餐历史曲线节点里面,而这条可视化的线既可以作为顾客的回忆碎片加以赋予个人意义,同时还可以作为新型的积分奖励模式。

三、理念抽象:经过这个真实的场景思考,我后面理清了一条原则。俺暂且命名为“Engels_APP吸引力三原则”。

“功能式吸引” ==》如天气预报app,功能式必须依赖。

==》如google map app获取公交路线,功能式必须吸引。

==》如我查查app,为明了物价,功能式必须吸引。

“设计式吸引” ==》如path 2 独特交互和设计,设计好感式吸引。

==》如mindnode富有柔韧性,设计好感式吸引。

“意义式吸引” ==》如qq长期积累出的“熟人联系纽带链条”,虽厌恶腾讯的无耻,但不可挡其具有意义式吸引。

==》如Gmail长期的沟通工具,就像了电话号码, 具有意义式吸引。

==》如evernote长期笔记的积累,越用越被套住,具有意义式吸引。

(上面的情景就是用到了第三条原则)

四、加以印证:下面就从我的“UI风格碎片集”抽出几张第二条原则吸引的UI碎片,加以印证。

简述==》美感:古朴、质感、大方

简述==》美感:简洁、灵动、现代式

简述 ==》美感:简洁意义、突出重点。一天一张照片的意义式吸引。

简述==》美感:层次感清晰、舒服逻辑感受

====交互设计情景再现====

一、真实情景:XX房开商出品了一个新楼盘。让我们做一个ipad端app来作为展示和销售工具。房开商要求的功能界面非常多。估计他恨不得把整个楼盘的每一间房间都塞到这个app里面,好让所有潜在购房者能看够看完他的心血大作。这大而全的要求本身就违背了设计理念的初衷。主要问题是这么多界面有效组织起来本身就是一个大难题。谁叫我们IT民工和他的建筑民工一样是抓住房开商裤脚求口饭吃的料呢。咬咬牙给他解决。

二、解决思路:针对主要问题“大量界面交互层次,易造成逻辑混乱,使得功能方向感迷失”。这也是一般web1.0“内容为王”时代,多数网站容易出现的毛病。实际情况如下图。

解决思路中,层次原则“自顶向下,金字塔发散”。上图也已经涵盖。关键是当界面层次的深度,和界面层次的广度都到了不可控制的程度,那么就会冒出新问题,“大量界面交互层次,易造成逻辑混乱,使得功能方向感迷失”。如何解决?用传统方式的直接标志“目前所处位置导航”吗?如下图:

显然这虽是能够解决的方法,但是损失了设计风格。明显地违背了设计的美感原则,是不良解决思路。

传统的直接标注当前位置思路,其实质目的是为了“提醒用户当前所处位置”。那么同样可以达到这个目的,并且符合设计审美观的思路有哪些呢。……(移开视线钱的屏幕,就会发现有很多种方式的)。

下面是我的思路,“动作形式的切换出子界面,并且不覆盖原来的父界面”。以“可视化层次结构”方式指明当前所处位置。如下示意图。

三、理念抽象:我所看到的设计风格原则有几条,上面的场景,我用到第三条来进行解决。

==>风格匹配设计原则。

==>高清细腻、拟物感设计原则。

==>界面层次符合自然逻辑原则。

第三条原则的保证,避免了功能结构混乱,保证不会设计出给大脑造成逻辑障碍的app。

四、加以印证:下面列图印证了第二条原则“高清细腻、拟物感设计”。

简评==>高清细腻、拟物感,不言自明

简评==>高清细腻、拟物感,不言自明

简评==>高清细腻、拟物感,不言自明

简评==>高清细腻、拟物感,不言自明

简评==>时间轴拟成实物,时间轴形式表现微博

到此,算是完成了上一个阶段的设计理念的周期总结。个人预想未来设计师的产品主导将会得到明显加强,因为苹果指引了一条方向,所以进行着异常激烈的app大战,在技术基础,市场门槛都差距不大的情况下,能够异军突起的恐怕得靠一些天才的设计师了,其中path 2,clear,paper就是明证。


相关文章

  • iOSAPP开发工具大盘点
  • iOS APP开发工具大盘点 随着iphone5的持续走俏,其操作平台iOS 和开发语言Objective-C都跟着沾了光.iOS 6 还未推出就广受瞩目,Objective-C更是成为市场占有率第3的开发语言.目前基于iOS的APP应用有 ...查看


  • WP7交互特性浅析及APP设计探究 | 互联网的那点事
  • Windows phone7是无线领域的新生力量,但是迟迟没有进入中国市场.Mango(注意WP7和mango不是一个概念)的发布带来了中文的操作系统,也让人们看到了该系统的无限可能.在此,我结合自己在进行相关应用设计的经验以及自己对WP7 ...查看


  • 基于Android混合移动应用开发技术研究
  • 基于混合移动应用开发技术研究 上海交通大学计算机科学与工程系 摘要:随着移动智能设备的不断普及,移动应用的数量也在快速增长.移动应用的潮流最先由互联网公司引领,互联网公司通常选择原生开发模式,在移动应用向企业普及的过程中,原生应用的趋势传导 ...查看


  • 计算机移动软件开发之我见
  • 计算机移动软件开发之我见 班级:_12计科3班_ 学号_30_ 姓名_许超逸_ 专业_计算机科学与技术 [摘要]软件开发在我的理解是与计算机沟通交流,计算机有它自己的语言,但是不可能每个人都可以掌握计算机语言,所以就出现了我们这些人,专门研 ...查看


  • 智能手持设备产品设计"八戒"
  • 在现在,你不仅要绞尽脑汁的挖需求,更重要的是,把需求转化为符合用户模型的.对用户有用的产品.在这里我想到另外一个例子:微博!简单地说,微博产品分为首页list 和详情页(全部微博内容+评论内容+评论功能+转发功能) (大部分App 都是这个 ...查看


  • 创新教育与成人高等教育改革断想
  • 作者:陈文兵 继续教育研究 2002年01期 创新是人类社会发展与进步的永恒主题,创新不仅是科技界和高校的任务,也是21世纪成人高等教育面临的重要任务.江泽民总书记说过:"创新是一个民族进步的灵魂,是一个国家兴旺发达的不竭动力.& ...查看


  • 移动app测试项目实践
  • 移动互联网APP 测试流程及测试点 1 APP测试基本流程 1.1流程图 仍然为测试环境 1.2测试周期 测试周期可按项目的开发周期来确定测试时间,一般测试时间为两三周(即15个工作日),根据项目情况以及版本质量可适当缩短或延长测试时间.正 ...查看


  • 社交APP计划书
  • 强粘性关系社交建议计划书 当前的社交关系从角色定义出发 亲人的粘性关键词是-关心 关爱. 从爱的觉度出发,一家人需要什么方式能够联系的更紧密?我的答案就是---爱.从爱的 觉度出发,到了关键的地方,建立这种爱的粘性需要有打破爱的寄托的预期存 ...查看


  • 这样做引导,帮你的用户快速熟悉手势交互
  • 在计算机被发明出来之后,很长一段时间里,人们都是使用键盘来完成交互的.而随着70年代图形化界面的出现和鼠标的发明,个人电脑兴起的时代,绝大多数的用户入门之时都是借助鼠标来同屏幕上的各种元素进行交互的.自苹果的Newton MessagePa ...查看


热门内容