《破茧成蝶》读书笔记——技能(2)

纸面原型

目的:快速表达想法、节省时间、提高效率,沟通、测试、尽快解决不确定的问题。

   可快速修改,尽早否定不靠谱想法。

     确定纸面原型后,可以每细化一个界面就交付给视觉,缩短项目周期。

使用工具:草图使用铅笔和纸张。逻辑使用马克笔、双头画笔等。交互效果用便签纸和小卡片,当提示气泡、弹出层、模态窗口等,贴在绘图本上,也可以作为页面标注工具,说明产品功能。

          若会用到很多可复用的标准交互组件,可以网上找到标准交互原型组件库,打印出来,剪裁成模块贴到页面框架中,与受贿草图配合使用。

     若为团队合作,可利用白板进行绘制,拍照留存文档。

需要表达什么:框架、流程、基本功能和内容,可以忽略细节。

         逻辑关系,可以用深浅颜色表现。

第七章  设计标准

什么是原型

它是产品功能与内容的示意图,既包含静态页面样式(线框图),也包含动态的操作效果(交互说明)。

设计师要在考虑商业性、各种限制的基础上,从用户角度出发,把需求文档“翻译”成设计目标,在一定程度上弥补因流程不合理导致的问题,充分发挥体现自身价值的设计决策过程。

eg:产品经理发现市场需要果汁,而自己手上刚好有苹果,就急忙让设计师榨苹果汁,但设计师经过思考、分析,发现用户更喜欢橙汁,在与产品经理沟通后,把苹果汁换成了橙汁。

标准的原型应该包含什么内容

简要说明与信息结构:

  • 变更日志:方便项目成员看到每次更改的内容。
  • 版本说明:此版本变了哪些地方。
  • 信息结构:产品内容、组织、页面层级等。主要是产品的逻辑结构和用户习惯,与需求文档不同。

任务流程&页面流程:

  • 任务流程:用户如何操作、界面如何反馈等。
  • 页面流程:从一个页面跳转到另一个页面的完整过程。

线框图&交互说明:

  • 限制:范围值(数据取值范围)、极限值(数据的显示限制)等。
  • 状态:默认、常见、特殊(非正常使用时)状态等。
  • 操作:常见、特殊、手势操作及误操作等。
  • 反馈:提示、跳转、动画等。

总之,除静态页面外,还需要考虑各种动态情况;除正常情况外,还需考虑特殊和错误情况。

绘制线框图

通过明暗对比表达:突出页面元素的优先级,但是,深色并不意味着比浅色重要,要看色块之间的对比关系。

不使用截图与颜色:不要拼凑各种竞品的截图来组成页面;不要在线框图上使用色彩,会对视觉设计形成干扰,告诉视觉设计需要营造的感觉和氛围即可,不需要太过具体。

合理的布局:尽量保持简单的结构,最好不要出现2列、3列混排的结构。确定界面布局时,提前和视觉设计师沟通。

遵守栅格规范:保证交互稿中的字号、间距尽量符合视觉要求。提前和视觉设计师沟通商量好。

标记第一屏高度:1024*768情况下,极限情况可定为 570 或者 600

时间: 2024-10-09 20:15:00

《破茧成蝶》读书笔记——技能(2)的相关文章

《破茧成蝶》读书笔记——技能

第四章 设计流程 如何参与一个项目 需求阶段:需求分析 设计阶段:设计规划.设计实施 开发阶段:项目跟进 反馈阶段:成果检验 第五章 需求分析 产品定位:产品的目标.范围.特征. 产品定义:用一句话概括某个产品.(使用人群.主要功能和产品特色) 用户需求:目标用户.使用场景和用户目标.(谁在什么环境下要解决什么问题)  注:关键是要把目标用户带回使用场景,只有在特定的场景下,用户的目标才会更加明确. 选择目标用户:选择哪种类型的目标用户,需要综合权衡用户对公司的价值以及潜在的需求量.优先考虑潜在

《破茧成蝶》读书笔记——价值

第十章 设计师的自我修养 好的设计师: 对设计充满兴趣和激情. 有天分.有很多想法,并时常记录自己的灵感. 执行力强. 情商高.能以积极的心态面对各种棘手的情况. 超出预期.追求完美,关注细节. 有条理. 有上进心. 眼界开阔.知识面广. 乐于分享. 从哪几个方面来提高: 专业:看大量专业书籍,多做项目. 沟通:有良好的沟通.组织能力. 流程:流程意识,需要根据产品.项目的具体情况,选择合适的流程并执行下去.以提高项目效率做改进和突破. 把自己当做一个具有专业技能的组织者.推动者.强大的执行着.

《破茧成蝶》读书笔记——信念

第一章 什么是用户体验设计 用户体验设计 首先是观察用户问题,其次简化问题,最后给用户留下深刻印象. 用户体验设计特征 严谨.理性.创意. 提供特定问题的解决方案.明白设计目标.设计人群及如何解决. 不让用户思考.设计意图不清晰,让你摸不着头脑. 趣味横生.有创意点. 精益之道 热爱生活,细心观察,勇于改变.观察生活每一个不如意的地方,并积极思考改善的方案. 了解人,观察人.以“人”为中心思考,学会换位思考.注意观察人的使用行为,归纳人的共性. 理性的思路.出现问题-->找到面向的人群(问题的定

公司管理系列--Facebook 如何化茧成蝶[转]

拒绝传统,看 Facebook 如何以三大法宝化茧成蝶:人才吸引.工程师文化和项目开发流程 我将结合之前在Facebook的四年工作经验,介绍Facebook创新的管理方法以及整个工程文化形成的方法. 从大学宿舍到完整生态链:Facebook12年发展历程 首先我想解释下为什么我要说Facebook,并不是因为我在那里工作过.先请看一下Facebook的简单发展史: 2004年,扎克伯格在大学宿舍里开发了Facebook,很长一段时间它只是一个简单的网站.但是后来,扩展到硬件,开发了各种产品,占

看 Facebook 如何以三大法宝化茧成蝶

从大学宿舍到完整生态链:Facebook 12 年发展历程 先请看一下 Facebook 的简单发展史: 2004 年,扎克伯格在大学宿舍里开发了 Facebook,很长一段时间它只是一个简单的网站.但是后来,扩展到硬件,开发了各种产品,占据了整个社交领域,至少是北美的霸主地位.Facebook 还推进了 Connectivity(全民联网计划),给发展中国家提供免费的无线网络,再到后面做 VR.AR.人工智能等现在非常火的新领域,形成了完整的生态圈. 看 Facebook 12 年的发展,我一

化茧成蝶,开源NetWorkSocket通讯组件

前言 前后历时三年,期间大量参考.Net Framework和Asp.net MVC源代码,写写删删再重构,组件如今更新到V1.5.x了.从原来的丑小鸭,变成今天拥有稳定和强大的tcp协议支持基础层,原生支持http.websocket.flash策略服务,以及内置可快速构建tcp通讯的fast协议,最重要的是可基于此组件,很方便开发自己定义的某种tcp上层协议服务器和客户端.如果有人以支持的功能多为荣,我却以支持的扩展性强为傲,从WebForm到MVC的 时候,被其可依赖注入.可Filter过

RubySpec 重生:破蛹成蝶

RubySpec 现在由 ruby/rubyspec 和 MRI, JRuby, Opal,各种独立开发者积极维护着.欢迎越来越多的 RubySpec 贡献者. 在 12 月 31 日这一天... @brixen,RubySpec 的主要贡献者,决定终结这个 RubySpec 项目.虽然停止维护这个项目是可以理解的,但是完全终结却是有些过分了. 几天后,@headius 在 ruby-core 开启了关于 "Ruby 未来测试套件"  的讨论.参与者一致同意 RubySpec 和 MR

读书笔记:neuralnetworkanddeeplearning chapter5

(本文是根据 neuralnetworksanddeeplearning 这本书的第五章Why are deep neural networks hard to train? 整理而成的读书笔记,根据个人口味做了删减) 在之前的笔记中,我们已经学习了神经网络最核心的 BP 算法,以及一些改进的方案(如:引入交叉熵函数)来提高网络训练的速度.但如果仔细思考会发现,前面例子中的网络都很「浅」,最多就一两个隐藏层,而一旦网络层数增加,有很多问题将不可避免地暴露出来.今天,我们就来认识一个最蛋疼的问题:

读书笔记:neuralnetworksanddeeplearning chapter3(3)

(本文是根据 neuralnetworksanddeeplearning 这本书的第三章Improving the way neural networks learn整理而成的读书笔记,根据个人口味做了删减) 上一章,我们介绍了神经网络容易出现的过拟合问题,并学习了最常用的正则化方法,以及其他一些技巧,今天,我们将介绍本章节最后两个问题:权重初始化和超参数的选择 权重初始化 到目前为止,我们都是用归一化高斯分布来初始化权值,但是,我们很想知道是否有其他初始化方法可以让网络训练得更好. 事实上,确