TinyMind
.net.cn
首页
资讯
文章
注册
登录
IOS应用的产品设计、交互设计理念断想
wu2198
关注文章
TinyMind专栏频道
(术)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就是明
证
。
优质内容筛选与推荐
>>
1、ES6- Class类的使用,声明,继承
2、我是李鬼手,我在博客园安家了
3、PostBuildEvent
4、使用sysbench 进行msyql oltp压力测试
5、Razor中Html.DropDownListFor用法
赞赏
长按二维码向我转账
受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。
阅读
好看
已推荐到看一看
你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
取消
推荐
我知道了
已取消,“好看”想法已同步删除
知道了
已推荐到看一看
和朋友分享想法
最多200字,当前共
字
发送
已发送
朋友将在看一看看到
确定
分享你的想法...
取消
分享想法到看一看
确定
最多200字,当前共
字
发送中
网络异常,请稍后重试
知道了
微信扫一扫
关注该公众号
0
│
收藏
│
举报