• <div id="imyhx"></div>
  • <div id="imyhx"></div>
  • 您的意见是我们 UI 中国进步的动力!
    点击立即反馈按钮,发表您的意见!
    立即反馈
    QQ群反馈
    您?#37096;?#20197;加入UI中国官方反馈群进行反馈!
    群号:302892100
    备注:反馈问题后@管理员能让我们及时了解您的意见

    《破茧成蝶》读书笔记

    原创文章 分类: 经验/观点 版权:
    13353 414 337 10
    2019-04-17
    107.9
    首页推荐

    《破茧成蝶》用户体验设计师干货总结22点,本书共有三篇十二节,共74个知识点,441页,我将一些工作中常用到的重点内容进行归纳。方便以后快速查找和回忆。


    成为用户体验设计师的信念:

    用户体验设计师首先是要解决用户的某个实际问题,其次是让问题变得更容易解决,最后是给用户留下深刻的印象,?#30431;?#22312;整个过程中产生美好的体验。

    用户体验设计首先是理性的,其次才是?#34892;?#30340;。


    1.用户体验设计的特征:

    严谨、理性、创意。 提供特定问题的解决方案。 (这次设计的目标是什么?要为什么样的人解决什么样的问题?如何解决?) 不让用户思考。 趣味横生。 热爱生活,?#24863;?#35266;察,勇于改变。 了解人,观察人。 理性的思路。 亲自使用,体验。 多听用户的反馈意见。 留心好的设计,在此基础上优化。


    2.用户体验相关职位?#24515;?#20123;:

    交互设计师工种: 通过分析用户心理模型、设计任务流程、运用交互知识,把业务逻辑以用户能理解的方式表达给用户,最终实现产品战略的过程。 产出物:竞品分析文档、用户反馈整理、流程图、设计草图、设计原型。 视觉设计师: 平面设计师(很好的传达思想,较强感染力,艺术,创意)、原画设计师(要求设计者很强的手绘,充满艺术表现)、推广设计师(突出重点,快速抓住眼球,内容直观)、界面设计师(ui设计师 具备交互知识也有良好的审美感觉,引导用户操作,让用户感到美感)等。  产出物:有时交互设计师的事一起做。  用户研究员:研究用户的人 用研 研究了解用户特征,行为习惯为产品、运营、推广、设计决策提供必要方向和支持。 产出物:市场分析、竞品分析、创建人物角色、问卷调查、焦点小组、用户访谈、可用性测试,各种类型用研报告。工作涉及市场、产品、运营、推广、设计等方面。

    常面临问题:研究周期过长,赶不上进度。太过偏重研究过程和数据结果,易读性差。和产品联系不够紧密。


    3.侧重考查设计师的哪些方面:

    对用户体验具备浓厚的兴趣。 具备良好的素养。 具备?#30475;?#30340;思维能力。 掌握专业技能。

    在面试时,兴趣、素养(包括性格、个人修养、沟通能力等)、思维、技能(专业能力、项目经验等)是考察应聘者的主要方面。


    那么设计师具体该如何做?如可掌握主动权?如何主导项目回归正确的设计流程呢?

    主动出击,主动和产品经理沟通和交流,?#30431;?#24847;识到你对产品的热爱、对工作的主动。 搬到产品经理?#21592;?#21435;吧。及时关注产品经理的动态,及时和他?#25945;幀?/p>


    你应该了解以下工作的具体细节:

    产品经理重大方向、商业目标、功能业务等; 交互设计师重逻辑、细节、情感、创意、界面等。



    4.产?#33539;?#20301;的内容:

    例:专为摄影初学者使用的简单易用的修图软件。

    使用人群:摄影初学者

    主要功能:修图

    产品特色:简单易用

    产?#33539;?#20041;的作用:迫使产品经理努力去思考产品的方向和机会,在激?#19994;?#31454;争中杀出一条血路;其次产?#33539;?#20041;为产品限定了大致范围,让团队成员不至于在千头万绪中感到无从下手、难以取舍;最后产?#33539;?#20041;使团队成员的凝聚力更强、思想更统一,而不是各自为政。

    Image title


    5.需求文档应该包含什么内容:

    文档修改与审核记录。 背景描述:为什么要做这个产品\模块、市场行情、业务目标、产?#33539;?#20301;等。 用户类型特征:简单的描述目标用户情况或现在使用人群的情况。 项目时间?#25165;牛漢问?#21551;动,?#38382;?#23436;成等。 信息结构:这里可简单理解为内容或页面的层级。 整体业务流程?#24471;鰨?#23545;于涉及较多的产品\功能,需要业务流程图,帮助设计师和项目成员理解具体的业务逻辑。 需求详细?#24471;鰨好?#19968;条需求的详细?#24471;鰲?#19968;个文档里会有若?#21830;?#36825;样的?#24471;鰲?/p>

    Image title



    6.如何搞定信息分类:

    逻辑归类:人们生活中熟悉的分类逻辑对内容进行组织。  卡片分类:可以设计出符合用户心智模型的信息架构。(邀请用户把类似的东西放在一起)在产品设计初期,可知道用户对网站内容的期望,为信息架构搭建提供依据。

    Image title


    开放式:给用户足够自由度来进行信息归类。不适用内容复?#21360;?#20449;息量庞大的网站。不可控。

    封闭式:利于掌控。

    Image title


    数据分析软件(IBM、EZSort、Cardzort、Websort)



    7.好的?#24049;?#35774;计:

    (1).?#24049;?#30340;自我解释。

    iPhone?#19994;?#23448;网?#24049;劍?#24038;上方的网站logo告诉用户正在访问iPhone?#19994;?#26381;务,无论什么时候点这里都能回到首页,右边的mac字体成浅灰色显示,与其他同?#23545;?#32032;有差别,下方icon形象显示mac的产品,告诉用户整个页面信息都是属于这个分类下,banner右下方显示新款按钮。清楚的解释了“我从哪里来?”、“我现在在哪里?”、“我能去哪里?”

    Image title

    (2).深广度平衡。 

    相较于鼠标不停的点击,眼睛在页面上扫视的成本要低很多,比起深层次的?#24049;?#32467;构,广度?#24049;?#26356;利于用户发?#20013;?#24687;。但广度超出用户接受范围人们要阅读很多选项才能选择,如vivo?#19994;牡己?#24191;度平衡,但哇点的就?#34892;?#22810;。

    Image title


    (3).用户所需信息与商业推广信息平衡。

    智联的推广信息就特别多了 用户有时候都在网站上找不到输入框。

    Image title


    (4).为重要功能和常用功能设?#27599;?#25463;入口。

    ?#21592;?#30340;?#20309;?#36710;设置的快捷入口。

    Image title



    8.如何突出主要任务?

    分解用户任务:首先要明确用户使用web产品时,要完成的任务?#24515;?#20123;,并详尽地分解出这些任务; 排列任务优先级:子任务所对应功能的优先级进行排?#23567;? 组织合并相关任务:需要将这些任务按一定的意义组织起来,便于用户理解和使用。

    图一购票任务分解:选影片、电影院、观影时间、座位、输入手机号、确认订单。

    图二任务优先级:浏览影片详情、评论详情,观看地预告片优先级最低

    图三组织任务:将内容组织后得到8个视图界面:浏览影片列表、票房排行,优惠推荐、影片简介,详情、观看预告片、选区域,影院,日期,场次、选座、输入手机号、确认购票。我们图五可按优先级分成三个页面,列表页、详情页、选座页。

    Image title




    9.如?#25105;?#23548;用户完成任务:

    相似性引导:如果大小,颜色,形态,视觉元素等因素相似,那么这些相似的因素可以牵引着用户的视觉。 

    Image title


    方向性引导:对于操作步骤较多的任务,可以利用具有指向性的箭头,进行方向性引导。

    Image title


    运动元素引导。加入?#20309;?#34955;利用运动元素引导用户去?#20309;?#36710;结算,垃圾?#26696;?#25581;起引导用户点击删除。

    Image title


    向导控件。

    Image title




    10.如何简化复杂的操作?

    减少冗余步骤和干扰项。 将复杂操作转?#32856;?#31995;?#22330;? 简化操作方式。 优化操作过程。

    ?#31181;?#30340;设置,直接在界面上上下滑动选择,减少跳转页面与输入步骤 界面大量留白 减少干扰项。

    qq邮箱的邮箱号可在输入一次后自动存储。将复杂的操作转?#32856;?#31995;统处理。

    Pages的内容选择后可右键弹出用百?#20154;?#32034;,不用再复制?#31243;?#25171;开浏览器,简化操作方式。

    百度的注册,清晰准确的提?#36873;?#21512;适的选项、适时的帮助、合理的默?#29616;擔?#21487;帮助用户?#26723;?#20986;错率。



    11.信息量太大,页面怎么摆?

    让页面层次不言而喻;(分解-排列-组织) 让重点信息跳出来; 将?#25105;?#20449;息藏起来;

    网易的模块与模块,段落与段落,标题与正文之间划分高度,使整个页面之间层更架清晰,合理。

    qq的邮箱界而,对用户?#27492;擔?#26410;读邮件是需要被首先看到的,所以字体加粗显示,而己读的弱化显示,采用了?#20808;?#30340;黑灰色。

    ui中国将?#25105;?#20449;息放在更多的下拉列表隐藏起?#30784;?#20943;少了复杂信息对用户的干扰。

    Image title



    12.捕获用户的芳心:

    拟物化的视觉; 隐喻化操作; 可控的感受; 积极的反馈; 贴心的提醒; 互动的乐趣; 惊喜的力量; 情境的烘?#23567;?/p>



    13.标准原型应该包含什么内容:

    简要?#24471;?#19982;信息结构; 任务流程与页面流程; 线框图&交互?#24471;鰨?nbsp;

    交互?#24471;?#26377;以下几种类型:

    限制:包含范围值、极限?#26723;取?#33539;围值主要指数据的取值范围。极限值主要指数据的显示限制。

    状态:包含默认状态、常见状态、特殊状态等;

    操作:包含常见操作、特殊操作、误操作、手势操作等;

    反馈:用户操作后得到的反馈动作,包含提示、跳转、动画等。

    Image title

    Image title




    14.线框图绘制心得:

    通过明暗?#21592;?#34920;达; 不使用截?#24049;?#39068;色; 合理的布局; 遵守栅格规范; 标记第一屏高度; 表达清楚ui逻辑; 考虑视觉实现后的效果; 了解视觉趋势。



    15.写交互?#24471;?#30340;决窍:

    尽量使用真实、符?#19979;?#36753;的数据内容; 不遗漏特殊状态的描述; 避免过长的?#24471;鰨? 关于重复出现的模块,可独立出来取个名字。 如原型有修改不要口头沟通,而要更新交互?#24471;?#24182;告知大家。



    16.关于设计规范。(规范不是随产品的形成而形成的,而是在产?#20998;?#28176;成熟、发展的过程中慢慢建立起来的。)

    Q: 什么是设计规范?

    A: 设计规范是对设计的具体细节、?#38469;?#35201;求,是设计工作的规则和界限,是一种模板化应用的方法……(包含交互规范、色?#20351;?#33539;、logo规范、ui图标规范、控件规范……)


    Q: 没有规范会出现什么问题?

    A: 产品小时并不太容易出现问题,但产品规模不断扩大时,需要越来越多的设计师,问题就产生了:

    不同?#26723;潰?#27169;块独立设计;同类功能组件存在多种样式;同类元素多样性;设计效?#23454;?#19979;;设计质量难以把控。


    Q: 规范解决了什么问题?

    A: “一致性”形成鲜明的产品特征,增强用户粘度。

    提高易用性。

    满足团队协作需求。



    17.设?#30772;?#23457;的目的:

    检验目标 :在项目初期的需求分析阶段,产品人员和设计人员就已经一起分析出了产?#33539;?#20301;或设计目标。 发现问题:设?#30772;?#23457;集中了项目且中的各个角色,可以及时发现问题与风险。 达成共识:设设评审需要让项目成员达成共识,这样才能顺利进入下一个?#26041;冢?#20026;下一个流程分配任务。



    18.评审前的充足准备:

    事先考虑所有可能的方案。 准备各种设计依据。(用户调研结果、支撑数据、竞品分析、设计实施前制定的目标) 做好会议邀请工作。(真正开始会议前,要昼保证设计方案已经通过产品经理及最主要的项目成员认可,至少要保证大方向是对的。正式的邀请邮件。告知会议时间、地点、陈述自己设计理念、参考哪些数据资料、设定每个?#26041;?#26102;间。)



    19.如何审核视觉稿?

    对交互稿理解是否正确; 拒绝毫无发挥的视觉设计; 关注视觉层次是否清晰; 关注交互细节和状态标; 在审美方面不要过分干涉。



    20.开发阶段,设计师该做些什么?

    勤于沟通;(设计阶段,了解是否会有?#38469;?#38590;点,设计完成后,当面沟通设计要点,开发阶段,?#20013;?#36319;进、解答问题。) 统一的规范和标准;(进行标和规范整理,与前端彩用相同规范和标准,如行高是文字高度+上下空隙高度。) 设计走查;(在前端和后台开发完成后,确认?#26041;?#26159;必不可少的,不经过确认和走查就上线的产品,可能会在细节上存在疏漏)



    21.什么是可用性测试?(定性分析)

    简单地说,就是通过观察用户使用产品,发现产品中存在的问题的一种方法。

    可用性测试流程:设计任务——招募用户——进行测试——分析问题

    Image title

    Image title

    设计测试任务该注意什么?

    给出使用目标,而不是直接操作; 尽量选择最重要、最频繁的任务进行测试;(时间控制在1小时内,5~8个功能点,简易可用性测试时间更短) 符合正常的操作流程。 

    测试用户的选择:

    选择有代表性的用户;

    用户数量的选择;(有调查表明,5名左右用户可以发现大约85%问题,随着用户数量增多,发?#20013;?#38382;题会逐渐减少。小功能3~5名用户,新产品、较大、重要功能5~10名用户。)


    测试过程中的注意事项:

    切忌引导性过强; 操作行为永远是重点; 不要忽视现场反?#24120;? 考虑使用场景; ?#34892;?#34987;测者,并给予一定报酬。


    问题的分析与改进:


    可用性测试(定性分析):样本量小,结果未必完全可靠,但可以了解到用户想法。

    A/B测试(定量分析):样本?#30475;螅?#32467;果较为客观,但很难直接通过数据了解到背后原因。



    22.设定衡量标准:根据产品灵活考?#29301;话?#30001;产品经理根据产品要求?#33539;ǎ?#20174;产品目标角度出发,将PV、UV、点击量、转化率、跳出率、二次返回?#23454;取?#30005;子商务类网站,?#37096;?#20197;考虑下单数、支付数、支付金额等。




    总结:

    界面中的视觉设计不是艺术作品,正确地理解信息和传递信息是最重要的事,忽略内容而关注形式是不可取的。 学会做人,内在修为决定未来高度。只有不断学习方能提升自我,工欲?#30772;?#20107; 必先利其器。 我们要做到别害怕被否定、学会忍耐和付出、识别真相、?#35782;?#22949;协、超越自我。未来,你会发现自己越来?#25509;?#31168;。





    雨言11

    我想看最美的风景,易如我想做更好的自己

    153粉丝/66关注

    首页新秀原创达人收藏家lv.3勤学标兵lv.1
    同鑫建投建材2b2电商平台PPTV视?#31561;?#20214;
    1
    面包哥JaZ

    看书后输出总结,才是真正读书的人~继续努力

    精彩!

    雨言11

    雨言11

    我想看最美的风景,易如我想做更好的自己

    首页新秀原创达人收藏家lv.3勤学标兵lv.1

    扫描二维码
    去手机端查看海报

    雨言11

    TA已经获得7枚勋章啦

    • 成就勋章

      • 特别勋章

      • 身份勋章

    • 已拥有

    • 作品

      创造者才是真正的享受者。

    • 经验

      经验是一所好学校,可它的学生却经常旷课。

    • 活跃

      大神都是从围观群众开始的

    • 拓展

      作品、经验、活跃?#20849;?#33021;满足你?

    京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN

    北京快乐8奖金
  • <div id="imyhx"></div>
  • <div id="imyhx"></div>
  • <div id="imyhx"></div>
  • <div id="imyhx"></div>
  • 手机网易彩票靠谱吗 贵州十一选五走势图彩经网 竞彩总进球数什么意思 快乐十分两期和除以二 辽宁省11选五开奖结果走势图 山西快乐十分86期开奖号码 甘肃快三27号开奖号码 今晚31选7开奖结果几点开奖 秒速飞艇七码计划 最新七星彩走势图 pc蛋蛋算法技巧 牛牛果实图片 电子游戏机设备 飞艇是不是全国统一开奖 什么网站有快乐十分