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

(术）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。
四、加以印证：下面列图印证了第二条原则“高清细腻、拟物感设计”。

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

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

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

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

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