网页交互稿
A. 要毕业答辩了，做的是交互式个人网页设计，答辩的时候要说些什么最好能提供稿子
答辩主要是围绕你做的毕业设计进行的，阐述一下完成过程中自己的想法和思路，内用容到了哪些技术，遇到了什么问题，怎么解决的，为什么这么做。可以在这些内容里选两三个深入一下然后引导老师在你准备的内容上进行问答。
B. 一个网站的交互文档该怎么进行撰写
你好，今天我来详细介绍交互设计师的输出物–交互文档的相关细节，其实，UX设计师在今天看来，仍然算是一个新兴职位，所以我多讲一些UX设计师的职位背景和相关工作内容，作为本篇文章的背景。
一、交互设计师的工作内容
5.在线预览、分享更便捷
在摹客中在线撰写或上传的产品需求文档，可通过链接快速分享给团队成员，团队成员获得链接后可自由查看，当产品需求文档有修改时，团队成员仍可通过链接查看最新版本。
使用摹客等高效便捷的产品文档撰写工具，可以简化产品文档撰写流程，提升产品经理的文档撰写能力，让产品经理事半功倍。
C. 如何让交互稿的体验更好
1. 不同复杂度的需求应有不同的设计
我们会在工作中遇到不同复杂度的需求，因此，我们也应该有着不同的交互稿展现，比如一个非常简单的优化，不会涉及太多修改和分析，就完全不需要过多冗余的内容;而一个复杂庞大的需求，就需要复杂的分析和展现。因此，在我们进行交互稿的设计之前，就需要对需求的复杂度有清晰的认知，进而能够明确该采用什么方式来展现设计内容。
举例说明：图1-1至1-3中的三个需求的交互稿分别对应着，简单，适中和复杂的需求。简单的需求可预见的无需太多的更新迭代，有着比较明确的优化迭代，可能无需太多角色(可能不涉及视觉和产品)，则无需太多的复杂信息，用最简单的信息传递想要优化和修改的体验问题即可;针对稍微复杂的优化，则需要一些必要的信息，比如可能需要有需求背景、流程图、更新记录等;而非常复杂或者全新的产品，可能会涉及到更多的内容，如图1-3所示，将会在以下的注意点中提及。因此，优秀体验的交互稿也是根据不同场景和情况、不同需求相应的变化的，而不是一成不变的。
2. 需求简介和涉及的各角色的展示
需求肯定需要一个名称来标明是什么需求，最好能够清晰明了，并且标注相应的版本，以方便未来需要用到时候能够清晰的查看到。
针对稍微复杂点的需求，可能会牵扯到各种角色，一般的移动端产品大致包含：产品经理、交互设计师、视觉设计师、iOS开发，AOS开发，web开发，服务器开发，iOS测试，AOS测试，web测试，服务器测试等。而图2中的需求简介能够无形中提升体验：当某个角色因为某些问题，需要找到相应的人时，无需再去需求列表中寻求，在交互稿中也能一一查看。另外，需求来源的标明也能够让各个角色清楚的知道需求的重要程度和优先级，比如图2中的需求来源于“老板”。
3. 清晰的更新记录，可直达更新内容，并有清晰指示
设计其实是个过程，没有完美的设计，只有更优的设计。在不断的设计过程中，不可避免的会涉及增添、删除、修改，因此，清晰的更新记录不仅能够帮助各个开发、测试等角色清楚的明确修改的内容并及时跟进查看;也可以让自己更明确的总结和回顾在需求中自己的那些经历，进而避免下次做设计的过程中遗漏和修改。图3中即为笔者自己的交互稿中的更新记录案例。
D. 到底要如何写好 UI/ 交互稿的文案
Step 1 掌握产品需求和交互流程
你也许想象着交互设计师会坐下来，喝着咖啡款款而谈。然而，现实是：
-“有个文案要review，交互稿发你。”
-“好。”
于是，文案审核的工作开始了。
有时交互设计师会花个几分钟时间，做一下简单的解释。在这几分钟里，迅速的理解交互稿的背景和大纲是文案审核的必备技能。
当交互设计师不多作解释时，拿到交互稿后，我会先认真地从头到尾、像一个真实的用户一样过一遍流程，目的只有一个：摸清这个流程是做什么的、为什么要做这个，作为之后正式审核的准备运动。
当然，如果在这个过程，我就发现看不懂或者其他疑问，我都会立刻询问。曾经很多次在发现怎么改都词不达意后，仔细的询问了原始需求才发现，其实那里根本不需要文字或者用其他表达方式会更好。所以为了提高效率，比起匆忙着手开干，不如先静下心来看懂交互流程或需求。
Step 2 查阅参考和案例
查阅现有案例
像点融理财这样比较成熟的APP，优化流程以达到极致体验的工作，会比从0到1的工作要多一些。所以在审核文案时，以前的交互稿，可以作为文案审核的重要参照。
就像我在以前的文章里讲的那样，UI文案最重要的一点，就是产品整体风格的统一性。对已有流程进行优化时，如果没有出错或没有明显需要优化的必要，应该与现有的文案和规范保持统一。
同时，现有文案又是以前在遵守规范的基础上写出来的，以此类推，即使时间推移，也能保证文案的质量不会下降。
查阅参考资料
在金融类APP里面，经常会出现一些难懂的术语和规则说明，一旦不能理解就应立刻会去查询，再转换成用户能理解的语句呈现给他们。原则就是：自己都不懂的文字，就不该出现在界面给用户看到。
而另一方面，了解背景资料也是为了保证用户体验。
比如，在一些流程里，会要求输入证件号码。这时如果问：你知道号码有几位吗？是英文还是数字，还是英文和数字混杂？
也许有人会说，这些跟我有什么关系？╮(╯_╰)╭
那不如这么问：
用户输入时一般会怎么犯错？犯错之后文案要怎么反馈，他才能立即理解自己的错误？文案要怎么提示，他才能知道如何修正自己的错误，从而顺利通过这一步？
这个过程中出现的错误提示和反馈文案，也是UI文案中重要的一部分。了解背景资料是为了能写好这些文案。但从另一个角度，如果从一开始就增加提示预警用户：“号码共X位，全为数字”，很可能用户就不会发生输入错误。
所以，通过调查了解证件号码的特征，再结合用户操作的特性以后，最终会得出推荐的方案：除了错误提示和反馈以外，增加预警提示文案。
所以哪怕只是一个简单的背景知识，也不妨多了解一下，因为了解这些，也是为了更好地理解用户行为、他们可能碰到的真实情况，从而在用户最需要的地方给他最恰当的文案提示，帮助他们完成操作、度过难关。
Step 3 开始修改和重写文案
要修改的文案问题，分为这几种：基本问题，不符合文案规范，不符合产品特征，以及不符合用户体验。
基本问题就不提了，就是错别字、语法问题和语句不通顺等，这些问题原本就不该出现在用户界面，是文案审核的底线。
其次，还必须符合文案规范。之前我在另一篇文章也提过，每个APP或网站都应该有自己的文案规范，这是根据产品特性和文案风格来定的，建立文案规范可以保证文案的统一性和质量，写出让用户能理解的文案。
如果说排除上面两类问题，是文案审核的基本的话，那发现不符合产品特征和用户体验的文案问题，就相对比较高阶了。
基本上，文案都是由交互设计师或者产品经理给出的，产品经理往往会从产品需求的角度去想，交互设计师则很容易陷入流程的泥沼，而无法对文案精雕细琢，有时也会忘记真正的文案阅读者——用户，导致文案不符合用户体验，所以，将文案到能真正让用户立即理解和顺利操作、又能满足产品需求，是最难的阶段。
E. 网站交互设计：线框图，原型和视觉稿的区别
首先，他们都是网站的界面和交互方面的模型，但完成度各不相同。
线框图 —— 更多侧重呈现网页界面的主体结构，极易只要的页面跳转和逻辑关系。一目了然的了解网页设计的大致情况。
原型图 —— 原型添加更多的界面细节以及交互，已然是相当真实的网页设计模型，能够进行初略的产品演示和测试。
视觉图 —— 更进一步丰富视觉、细节以及交互，与最终产品十分接近，方便演示和迭代。
当然，设计师设计过程中，使用的工具也会有所不同。例如，线框图和原型图，一般原型设计工具，例如摹客Mockplus, 几分钟就能快速完成。它新出的在线全新升级版本，提供更多模板、组件、交互以及状态设计选择，高还原度原型设计，轻松打造。
F. 如何写一份易懂的交互文档
我用的摹客来写交互说明文档，感觉是为产品团队量身打造的文档工具，支持在线撰版写或上传本地权文档。
文档可以和Mockplus、Axure的原型图和Sketch、Adobe XD、PS的设计稿互相引用，相互论证。也支持自动生成历史版本，可随时追溯和查看。完成后可以直接生成链接分享给同事，同事可以在上面选中文字评论，审阅很方便，哪里有问题也可以随时查看修改。
文档结合设计稿或原型图，可以更加清晰地阐述交互逻辑、设计思路、功能范围、页面细节等等。团队领导也可以根据产品需求文档清晰了解为什么需要开发这样一款产品。项目的其他相关方也可以随时参阅需求文档，了解项目的基本信息。
自从2008年正式发布以来，HTML5已经成了如今互联网的通用标准，作为构建以及呈现互联网内容的一种语言方式，被认为是互联网的核心技术之一。在这种语言结构下，设计者能够自由的创作动画和交互式网页内容，提高用户体验。然而，如果用传统的方式制作HTML5，需要对代码较为精通，学习成本较高。那么，广大没有学习过代码，但是想象丰富的用户，就无法涉及网页设计和制作的领域了吗？
当然不。
H. ui的交互文档怎么做
我用的摹客来写交互说明文档，感觉是为产品团队量身打造的文档工具，支持在线内撰写或上传容本地文档。
文档可以和Mockplus、Axure的原型图和Sketch、Adobe XD、PS的设计稿互相引用，相互论证。也支持自动生成历史版本，可随时追溯和查看。完成后可以直接生成链接分享给同事，同事可以在上面选中文字评论，审阅很方便，哪里有问题也可以随时查看修改。
文档结合设计稿或原型图，可以更加清晰地阐述交互逻辑、设计思路、功能范围、页面细节等等。团队领导也可以根据产品需求文档清晰了解为什么需要开发这样一款产品。项目的其他相关方也可以随时参阅需求文档，了解项目的基本信息。
I. UI设计和交互的区别
交互设计是隐藏在背后的一系列用户使用的习惯及人与机器一系列互动的版方式，界面权视觉设计（UI设计）就是在此基础上呈现出来的，大家可以感受到的。先交互后视觉。
交互设计是一种目标导向设计，所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为，让用户更方便更有效率的去完成产品业务目标，获得愉快的用户体验。
如果是广义的UI设计，应该包括原型设计、交互设计、视觉设计。狭义的UI往往只是人们看到的最后一个环节UI视觉设计，交互是当用户发生动作事件，所产生的反映。比如点击弹出下拉菜单，浏览过链接的颜色变紫，这都是非常细微的交互，但却处处体现着用户体验。交互设计更多是对用户行为响应的设计,UI视觉设计，更多是界面的外观静态设计。