第3章 互联网产品的系统设计

3.1概念设计

3.1.1概念设计的原理

概念设计是创造性思维的表现,概念产品是一种理想化的物质形式

3.1.2概念设计的基本特征

       问题主题确定   任务目标描述  联想尽可能多的交互操作  操作结果的描述 交互关联描述 

       思维图主要是围绕一个中心主题来树形扩散可能联想到的信息,而概念图主要是描述各节点概念之间的关联和互动关系。


3.1.3概念设计的原则

1.谁来进行概念设计

        通常由产品经理或者交互设计师

2.概念设计的目的

       对用户来讲,概念设计是模拟最终产品、解决焦点问题的过程。

       对团队来讲,概念设计需要预先演示,尽量达成共识,避免在后面的产品开发和设计过程中产生过多的矛盾。

3.概念设计的交付物

(1)概念模型:概念图、流程图

(2)原型:一般是低保真的纸面原型,也有淡彩上色的原型。

(3)内容清单:一般是简要但准确的、类似与功能列表的内容清单。

4.评估和测试

    主要以讨论和演示为主,目的是确认概念模型是否准确,确认原型是否能完成功能,评估原型技术和市场的可行性。

3.1.4概念设计与市场

产品在“在商业上是否可以得到回报”,“技术上能否实现”,解决了这两个问题,一个产品具备了可实施的条件,但是并不能决定产品取得成功。还要满足用户的期望性。

3.1.5概念设计与创新

1.概念产品设计的意义

        概念设计的意义能够提升企业的整体形象,有助于未来新产品开发和企业的长远发展。

2.概念产品设计的创新方法

         通常的创新方法包括集中法和扩散发现法。这些方法可以提高思维速度,拓展思维广度,延展思维的深度。但是对概念产品设计者来说,这种操作法不强。

        概念产品强调以先进的功能性、人机性来满足未来人们对产品功能和宜人性需求;以科技手段满足人们对未来产品智能化、沟通行、信息传递等高层需求;以产品的造型、色彩、材质和使用环境和文化性来满足人们对产品的心理需求和精神需求。要对市场、政策等外部环境影响。

3.面向产品创新的概念设计。

         面向产品创新的概念设计的基本内容就是针对概念设计的五个方面的创新。

3.2视觉设计

3.2.1视觉设计的基本原则

        使用图形和色彩等视觉传达手法对交互设计进行基本的辅助和恰当的支持。

3.2.2 视觉设计的方法

   首先确定互联网产品的风格。“大气”

   其次,在设计中要综合运用图形和色彩。

   另一个重要因素是功能的可用性。 

    因此,依据用户自发、自觉地使用视觉导向的设计方法,并且能够根据视觉路径走向来安排关键信息,是视觉设计提升到专业水平的必须因素。

3.2.3 视觉设计的工具    

     Photoshop和illustrator

3.3 交互设计

3.3.1  交互设计的概念

   交互设计是定义、设计人造系统的行为的设计领域。这里的“人造系统”包括了软件、设备、环境、服务等广义的内容。  交互设计在强调“形式”的同时,更加关注用户行为。

    对于互联网产品而言,交互设计的出发点在于研究人在使用互联网产品认知模型和行为模型,并通过设计界和交互模式,让用户能够愉悦和高效地使用产品。

3.3.2交互设计的要点

1.映射用户的心智模型

2.操作的隐喻

3.及时反馈给用户

4.交互设计元素的一致性

5.约束并提供容错性

6.保持简洁,警惕信息干扰

7.与用户一起成长,随时准备改变

8.考虑交互环境

3.3.3 交互设计的方法

第一步:确定目的     理解清楚内容后,将目标分解成阶段性目标。按照步骤依次实现阶段性目标,以致实现最终目标

第二步: 流程图       流程图重要性在于从用户的使用逻辑角度来分析交互设计是否合理。

第三步:界面架构    先描绘框架,在填充细节。

第四部:交互元素     主要分为按钮和控件。过程中要考虑上下逻辑的合理性,要兼顾受众的视觉感官,既要突出交互的作用,又要达到恰当的用户反映。

第五部:特殊需求    用户体验

3.4信息架构

3.4.1信息结构的基本概念及其组成

信息架构的主体对象是信息,是由信息架构师设计结构、决定组织方式以及归类,以便用户容易寻找与管理的一项艺术与科学。

1.信息需求

(1)准确的信息

(2)一些有用的信息

(3)尽可能多的信息

(4)需要回查的信息

2.信息搜索行为

    用户的信息搜索行为主要分为3种,搜索、浏览、询问

    针对搜索行为又有两个主要模式:整合和反复

    根据以上理论,人们提出了两种主要的信息搜索模型:采摘模型和增长模型。

采摘模型:   先搜索,在浏览    先浏览,在搜索

增长模型:   先有几个关键词开始,随着过程慢慢深入。

3.4.2组织系统

在互联网产品的信息架构上,纵向划分其组成部分,可以分为组织系统、标注系统、导航系统和搜索系统。在组织系统中,涉及给予用户寻找内容和达到其目标的各种组件。

1.浏览组件    组织系统=等级体系、全站导航系统、网站地图/目录、网站索引、网站指南、网站向导、情景式导航系统。

2.搜索组件    搜索界面、查询语言、查询构造器、搜索算法、搜索区域、搜索结果。

3.内容和任务    标题、嵌入式链接、嵌入式元数据 、成块信息、清单、顺序式助手、标识符、隐藏组件、词表、搜索算法、最佳猜测。

3.4.3标注系统

   1.标签的分类     情景式链接、标题、导航系统标签、索引术语、图标性标签。

   2.设计标签     尽量窄化范围    开发一致的标签系统

   3.标签系统来源   网站资料    受控词表及叙述词

   4.创建新系统标签   可以通过内容分析、作者、用户代表及主题专家、开放式卡片分类、封闭式卡片分类,自由列表、搜索日志分析。

   5.标签系统的调整

3.4.4导航系统

1.导航系统的作用    2.浏览器导航的特点 3.全站导航系统 

4.区域导航系统        5.情景式导航系统     6.辅助性导航系统 

7.导航系统的整合

3.4.5搜索系统

   站内搜素的主要流程可以归纳如下:

   第一步:对网站页面或格式化数据进行抓取,可以称之为原素材的搜集

  第二步:将素材归类,将关键词和页面一一对应。

  第三步:分解用户搜素请求,分析关键字,依照第二步建立的索引关系进行页面搜索。

  第四步:对搜索结果进行整理,将整理后的信息返回给用户。

3.5快速原型设计

3.5.1 快速原型设计的基本概念与目标

1.概念

     快速原型设计是指在尽可能短的时间内制作出能够表现产品基本特征的原型。快速原型设计包括整体的信息架构、基础的交互功能以及基本的页面元素、布局等内容,必要时还添加色彩和视觉风格。

2.目标 

降低产品失败所带来的风险。

3.5.2 快速原型设计与交互设计

3.5.3 快速原型设计的基本方法

1. 快速分析

2.构造原型

3.运行原型

4.评价原型

5.修改原型

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,047评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,807评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,501评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,839评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,951评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,117评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,188评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,929评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,372评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,679评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,837评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,536评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,168评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,886评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,129评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,665评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,739评论 2 351

推荐阅读更多精彩内容