仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 536|回复: 7
打印 上一主题 下一主题

[DIV+CSS] DIV教程之交互计划最主要的是立场:经由过程交互来引诱用户

[复制链接]
再见西城 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:13:46 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。
破洛洛文章简介:我不但是交互.

处置交互有良多设法概念一向在脑中趁着这个分享的时机也许总结下,以下我说的“谬论”纷歧定对,良多器材团体也一向在探索思索总结中,如今写出来举一反三,尽力接待各类分歧的概念一同交换哈哈。
起首谈一下一样平常事情中交互方面的点滴:
交互体验的一些参照准绳:
操纵前,了局可预知。
让用户在操纵前就也许能展望到本人能够有哪些操纵,本人的操纵会失掉甚么模样的了局,会提早对产物有个心思展望,比方迅雷XMP播放器,用户只需一启动就会晓得可使用播放器来播放当地影片,播放在线影片、搜刮迅雷片库查找本人必要的影片等。
操纵时,操纵有反应,可中断。
这也是人机交互的基本,操纵过程当中实时呼应用户的操纵,就像人跟人之间的交换,不克不及对方说了一句话,你这边一向缄默甚么反响也没有,弄得对方很利诱,就感到交换不畅,人跟呆板之间也是一样的,人的每步操纵城市在界面上失掉提醒,能明晰的看到本人的每步操纵。良多人喜好宠物,除宠物心爱以外,我想仍是由于你在抚摩它,跟它游玩的时分,它能直不雅的反应给你,这类交换能令人享用到愉悦感。让用户时候晓得本人操纵举行到哪一步了,一切历程由用户来把持,想要中断就中断,想要持续就持续。
操纵后,操纵可打消。
意义是给用户堕落的时机,用户操纵掉误是能够实时恢复或重来一次的,更不要因而而处分用户,用户不是囚徒,是我们的天主,想一想我们能处分天主吗?软件安装过程当中,年夜多有“前往上一步”操纵,因为毛病点击或纰漏选择招致误举行到下一步,但多个步骤的选择安装历程会华侈很多工夫,这个时分同意用户前往到上一步就显得十分主要。
作为交互,交互的托付物

关于单一的页面(并不是整站,没有操纵逻辑)的产物来讲,需求剖析完,托付物出线框图,前面视觉和开辟静态页面充足了。
经由过程交互来引诱用户:
良多时分在讲交互“计划”,但计划的极致即是毫无计划感,天然。能到达这类地步的路子即是充实懂得用户。经由过程尽量迷信及有包管的办法,往剖析特定情形下的用户举动和心思,得出结论后计划引导特定情形下的产物开展。
引诱用户的视野;
如图所示,依照人们的视觉习气,页面分为几个主要的地区,左上侧为最好视觉区,其次上右边,视觉重点呈图中箭头的偏向削弱,web计划时就是依据这个准绳举行页面结构的。
利用色彩来吸援用户注重;
经由过程色彩的色相、饱和度等来引诱用户的视觉偏向,凸起我们想要凸起的和用户存眷的,弱化搅扰要素,这是视觉计划的精华。
有情面味的友爱的交互文本。
人道化是人机交互学科中很主要的研讨,充实思索到用户的心思感觉,计划亲热友爱的文本词组,比拟冷冰冰硬梆梆的话语更能失掉用户的好感和共识。比方“淘宝体”的构成,“欠好意义哦~亲,明天没货了哦~”和“对不起,明天没货了”,一样的内容分歧的说法,很分明前者更能失掉用户的体谅。但并非说一切的网站都合适这类太过亲热的话语,像有些当局网站,公益网站,在做交互文本计划的时分,只能得当的举行亲热计划,这个时分用淘宝体就显得不敷严厉和专业了,以是还得思索网站的作风定位。

破洛洛文章简介:我不但是交互.


交互的义务是注重功效简化,制止烦琐。

用户利用一个产物年夜多是冲着某几个重点功效而来的,他们假如要用其他功效就会投向其他产物,其他产物在那些功效方面会更有上风更杰出,为何跑来用你这个从属的不穷究的功效呢?以是年夜部分功效开辟出来多数是一种烘托,一种如虎添翼,跟着功效的愈来愈多,必定要把那80%的粉饰功效埋没起来,放到用户简单找到的中央,如许就不会搅扰用户利用那20%的重点功效,影响用户体验。
用户需求是永久没法全体满意的,用户会发展,比产物发展的速率更快,发生的需求会光怪陆离不可胜数,一味跟随用户需求会终极让产物变得一无可取,以是要选择,舍弃小众需求,没有市场的需求,这个环节就是我们做计划前要做的需求剖析,也含有计谋层面的器材。
做交互得纠结,特别一些细节,更应明白跳出交互的圈子
举个例子:XMP左边列表的压缩体例,是做减法呢?仍是做加法?在做相似细节交互计划的时分极可能就会纠结于此,有的产物司理大概以为狂风影音那种形式好,我们更偏向于左边列表,也许尚有人更但愿是QQ音乐形式。
今朝XMP左边列表是在内里的,列表在LOGO下方,收起列表时LOGO+【播放】+【片库】+【找片】,向右腾跃一段,到播放画面上方。睁开时看起来像是做了减法,从画面中扣除一块放播放列表;收起来后的感到又像是做了加法,画面外侧加了一块放播放列表,如图。

QQ音乐,很分明做了加法,在主界面中间增添一块作为乐库,能够点击随时封闭。



狂风影音播放器,播放列表放在右边,LOGO不会跳动,很有视觉不乱性,一看便知列表部分做了减法;可是右边媒体中央部分是做了加法的,能够点击随时封闭的。

破洛洛文章简介:我不但是交互.



然后争吵入手下手,谁都有事理但都不完整有事理,如许很泯灭工夫和精神,实在我们都不克不及代表用户,这时候候就十分必要用研的同事来做一下用户访谈和数据研讨,假如三种偏向差未几,这时候候应当判断中断纠结,接纳任何一种计划,只需没有严峻影响到用户完成义务和对产物没有致命危险,如何的展示体例大概对用户基本没成心义,由于他们的方针不外是在寻觅一个资本或寓目一个视频,我们不是为了计划而计划,要走出计划来举行衡量,和运营产物的同事聊聊产物方针,定位,看看客服论坛的批评听听用户怨言,像侦察一样找几个典范用户懂得一下对产物的希冀,注重洞察他们的心情语气等,来分辩真假。
生存中到处交互

引导ID的人机研讨(举动)
——互联网产物与人交互,经由过程举动
视觉经由过程视觉(眼睛),也许未来可“眼部跟踪”举行用户研讨
经由过程眼睛来看到互联网假造产物,看到web界面、操纵流程、假造物品等

a.视野活动的按次习气于从左到右,从上至下,顺时针举行。
在做计划的时分遵守视觉习气,想要凸起的重点放在左边、上侧最简单看到的中央。
b.特定情境下的群体习气或配合恪守的划定规矩。
尽年夜多半人习用用手操纵鼠标;鼠标指针巨细;日本靠左边行驶车道等都要在计划中举行思索

c.眼睛的程度活动比垂直活动快,即先看到程度偏向的器材,后看到垂直偏向的器材。
好比页面导航地区的分列,从左至右分列浏览起来更简单;

延长:
在做轮播图的时分,动画效果摆布翻动和高低翻动,分明高低翻动带给人的视觉腾跃感更小,体验看看首页“影戏”频道轮播图

e.程度偏向比垂直偏向正确、敏捷、且不容易委靡。
f.当眼睛偏离视中央时,在偏离间隔不异的情形下,察看率优先的按次是左上、右上、左下、右下。
g.人眼对直线表面比对曲线表面更容易于承受。
h.色彩对照与人眼辨色才能有必定干系。

破洛洛文章简介:我不但是交互.

当人们从远处识别后方的多种分歧色彩时,其易于识别的按次是红、绿、黄、白。当两种色彩相配在一同时,易于识别的按次是:黄底黑字,黑底白字,蓝底白字,白底黑字等。

触觉
经由过程手来触摸鼠标、键盘、感到屏等

a.鼠标举动剖析:单击、双击、右键、平移、转动等;
平挪动作剖析:
拖动控件等
滑动大概切换界面
修改大概封闭工具栏
依据平移的偏向选择统一菜单下的分歧选项
可作为输出体例
依据平移轨迹中的节点完成输出
比方foxmail7和chrome插件的右键功效计划,必定水平上束缚了右手食指,削减了食指的事情量。

b.呼应用户操纵,界面表现;
听觉
经由过程耳朵来吸收多媒体声响;
声响的巨细、明晰水平、语种、摆布声道等。比方XMP播放器,在音量已放到最年夜的时分,仍能够转动鼠标持续缩小声响,这就对条记本外放声响小的用户十分有吸引力;另有良多外洋片源假如可以同时供应字幕,将会更多吸引不懂外语的用户寓目外洋影片;
引导ID的人机研讨(心思)
——互联网产物与人交互,经由过程心思
以下是用户在完成特定义务时,最分明的三种心态
心思预期(支流心思)
a.有用经济牢靠平安美感等产物基础希冀
b.猎奇心思

c.夸耀心思
d.同化心思

e.从众心思

f.尊敬心思等
用户间接或直接作为一个消耗者来利用产物,就像往餐饮店的主顾一样,一定都但愿失掉充足的尊敬,这也是一种营销手腕,详细偶然间能够研讨下营销学呵呵~尊敬也是人类的一种情绪需求。
不受打搅(正确完成义务)
由于用户本意来是做某件事变到达某个目标的,假如用有关的信息打搅用户会形成用户急躁,引发不良心情,对产物形成坏印象。以是摆放几有关的器材才不至于打搅到用户是个值得穷究的成绩。
愉悦感(情绪共识)
人无情感需求,憧憬高兴、阳光、幸运等悲观的心情。产物满意了人们的情绪需求会减色很多。
愉悦感也分为几个激发体例,好比是因为顺遂完成义务引发的愉悦感,仍是在完成义务的过程当中失掉的愉悦感。假如是过程当中,那末是哪些要素简单引发愉悦感,是产物呼应速率快,资本多,界面大度,告白少,简便,能随时跟密友交换等等要素。
童趣与感性:童趣能引发制造,地道才干有好的设法;感性剖析并弃取

就像武学大家一样永久坚持一颗真诚酷爱研究的猎奇心,才干有好的创意和设法,然后感性的剖析归结计划。

用户体验的一部分,是由交互计划转达的!而交互计划的了局,间接影响到用户体验的了局。
用详确的数据并恰如其分地援用到一些办法模子,并用流程布局很好展现出来;
要辨析就得思绪分明,把一些很客观的器材用尽量客不雅的体例出现出来,那末计划也更简单倾销乐成。
任何人都不是只要一个专长,交互计划师大概对视觉计划有更好的倡议,也可对产物feature有更好的思想风暴,产物司理大概对产物的交互有更好的意见,人人一同相互切磋,一同完成终极的方针。以是不把本人当做某个特定的身份,人人是使用各自的专长在一同制造。
思索:受净化的用户真的没有参考代价吗?
交互计划就跟做人一样,最主要的是立场,多为别人着想会做个坏人,多为用户着想会成为好产物;但记得好意做好事的情形哦~,在没有充实懂得用户的条件下举行计划,都不晓得他们究竟怎样想的,想要甚么,怎样能很好的满意用户需求呢。
</p>
Table布局灵活性不大,你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。
冷月葬花魂 该用户已被删除
沙发
发表于 2015-1-17 20:50:07 来自手机 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
柔情似水 该用户已被删除
板凳
发表于 2015-1-25 19:08:34 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
活着的死人 该用户已被删除
地板
发表于 2015-2-3 19:49:27 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
蒙在股里 该用户已被删除
5#
发表于 2015-2-9 05:19:17 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
分手快乐 该用户已被删除
6#
发表于 2015-2-27 03:24:05 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
兰色精灵 该用户已被删除
7#
发表于 2015-3-8 21:31:21 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
小女巫 该用户已被删除
8#
发表于 2015-3-23 03:49:33 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-6 04:07

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表