产品如何做好交互性

1. 怎么做好网站页面交互性

1、注意网站的链接、按钮和LOGO
一个网站的链接和按钮都应该符合用户的使用习惯。目前链接文字通用的表现方式是字色蓝色并带下划线的文字。而按钮应当是有一定的立体感，看上去就是一个突出的按钮，一看就知道是可以点击的。而LOGO是与其它网站链接以及让其它网站链接的标志和门户。在通常情况下，通过点击LOGO可以返回到网站的首页。所以，LOGO即是一个网站的名片，LOGO更是网站的灵魂所在，除此之外它还具有一个重要的导航功能。网站的LOGO作为一个重要的网页元素，当鼠标移上去或者划过等事件，应该有相关的信息响应。
2、网站页面加载进度
网站的每个链接，包括网站的首页打开都需要时间加载的，只是某些网站功能较为简单，加载起来很快是而无需担心页面延迟。但某些网站的加载往往不能一次性完成，例如淘宝这种大型购物平台，页面有很多的商品图片，加载需要一定时间，这个时候是需要一定的响应式的，所以页面更应该给出提示，否则让用户等待太久是很不友好的做法。
事实上，有很多的因素会影响到网页初次加载的响应时间：HTML文件的文档的大小；页面中的各种元素例如代码、图片、flash、音频、视频等元素文档的大小；HTML页面的复杂程度（浏览器可以很快的展现简单的页面）；用户反应的快慢也会影响浏览速度；被网页页面调用的其他内容所在的服务器的访问速度；网站的域名和外部域名的DNS的解析速度也会影响网页的加载速度；用户所使用的计算机的各种性能（如果计算机的资源消耗过多，或者配置过低，浏览器也会变得响应缓慢）；服务器的配置的高低。
除了上述因素会导致网站响应的快慢以外，一些人为的因素及一些硬件也会影响网页加载的速度。例如：服务器端、客户端和网速。服务器端主要包括：服务器的地域，是否双线，处理能力等。
3、网页中应隐藏不常用的操作
网站中不经常使用的操作可以不用突显出来，将其弱化或隐藏。例如，网站中有某个弹出层是几乎不用到的，为了不对用户造成干扰，我可以在当鼠标经过的时候才出现这个弹出层。这个是基于上文提到的不干扰用户注意力角度出发的。比如，在新浪微博中，微博的屏幕功能只有在鼠标移到对应某条微博的右上角并单击鼠标的时候才会弹出操作提示框，否则是看不到屏蔽操作的，这个就是一个隐藏操作的具体体现。
4、尽量减少弹出信息
为什么要尽量减少弹出信息呢，这里举一个例子来说明一下？当你正在看一部精彩的电影或看一本精彩的书，这时接到一个无实质内容的电话，你肯定会非常恼火。网页设计也是一样，如果能在当前页面显示完成就尽量在当前页面加载完成。对于那些弹出信息，例如弹出层、跳转页面、模态窗口等都影响用户体验。
5、网站对用户需要引导-网站导航
一个好的网站是能够让用户全面浏览，所以网站导航十分重要。每个用户在浏览页面时往往都是不确定性的、无规律的，同时用户更不喜欢选择。所以，网站需要时刻让用户看清当前的位置。如果浏览者不能快速、便捷地找到它，他们就很有可能去别的网站。例如，很多博客网站除了首页导航之外，还将分类作为第二导航放在页面的边栏。此外，网站的页脚也很重要，因为有部分用户浏览时接触到的是网站的底部，这个时候网站的页脚可以方便的让用户找到当前的站点位置。
一直以来，网页界面设计的研究主要针对于视觉方面，而设计的内容、流程和原则虚拟了实物产品的设计，基本上没有太大的改变。随着信息科技的发展和人机交互技术的成熟，交互界面的设计已经成长为一个独立的行业。本文阐述了基于增强现实的交互界面概念，分析了其突出特点，总结归纳交互界面设计的流程与原则。交互界面设计是一个全新而又复杂的研究领域，本文的研究仅仅是交互界面设计的冰山一角，如何将交互界面设计的理论特性分析清楚、理解透彻，还得依靠同行们的不懈努力和大量实践，使用户和网络的信息交流更加简便、高效和人性化。

2. 如何规范详细分析产品的交互ui

需求分析、用户场景模拟、竞品分析（聆听用户心声）。
需求分析：对于一个产品来说，必然有对用户需求的分析内容，更多的是从MRD与PRD获得，或者从产品需求评审会议上得到需求分析的内容，当然可以直接与产品经理交流获得相关产品需求。如果说设计原则是所有设计的出发点的话，那么用户需求就是本次设计的出发点。
用户场景模拟：好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要，了解产品的现有交互以及用户使用产品习惯等，但是设计人员在分析的时候一定要站在用户角度思考：如果我是用户，这里我会需要什么。详细点得网络文库，分析UI的理念https://wenku..com/view/.html?from=search

3. 交互设计师如何做交互

尽管很多谈及交互的书上都已经回答过了： 发现用户需要，建立明确需求 提出设计方案 制作设计原型 用户测试和评估 还是有很多对交互设计有兴趣的朋友会问我这个问题，并希望我能回答得详细，具体到我工作中的每个细节。 其实交互设计需要做什么，会随每个交互设计师的工作内容差异而不同，具体到每个项目也会有区别。 下面分享下我是怎样做交互，方式不一定是最合适，希望大家多指点，共同学习进步。 发现用户而要，建立明确需求 发现用户需要的方式有很多种，我们可以在用户反馈里收集到许多用户提出的想法，他们希望我们能提供帮助解决问题的产品;我们也可以主动去观察一些生活中的信息，为灵感的迸发做储备。 比如说日程管理项目，有不少用户跟我们的邮箱反应说，他们忙碌的时候会忘记一些重要的事情，比如一些会议或者约会，所以希望网易邮箱能提供一个专业的日程管理功能，能够帮助他们有效的管理和安排每天的日程。 确认了用户的这一需要，我们的产品同事就会组织立项，把用研和设计组的同事呼唤过来一起进行调研，确定我们的目标用户。 用研组会通过问卷调查等方式尽可能多的去收集信息，交互设计师也会参与分析调研，组织会议帮助用研组完善信息，我们会采取一些有趣的方式，比如一堆人在一起头脑风暴，大家回忆各种相关的生活场景，然后把一些关键词记录下来。 这一步我们的目的是要知道：用户想要什么? 通过这些步骤我们提炼出一些最重要的功能需求，接着产品组会整理出需求文档，设计师就位。 提出设计方案 通过调研，我们得到了大量数据信息，并建立了明确的需求，下一步就是开始提设计方案。 这个阶段我会做一些概念设计，类似于做实物产品时设计一个水杯，我会描述它说：我要设计一个旅行用的水杯，它能叠成一个小圆盘，喝水的时候只需要把小圆盘的圆心部分往下按，就能变成一个杯子。 互联网产品也是这样，需要赋予它一个概念，例如日程管理：这是一个专业的日程管理功能，通过使用它，我们可以有效的管理自己每天的日程和时间，以提高工作效率，并且不会再错过每个重要的约会! 这些文字并不一定非是交互设计师所总结，但是交互设计师必须要做到对产品心里有数，明确我们要做什么。 同时需要进行的还有初稿设计，在这里我所谓的初稿，并不一定是严格要求中的交互原型，可以是用Axure把主要的页面流程做出来，也可以手绘草图，只要能清晰表达设计构思的，什么样的方式都可以。 制作设计原型 制作设计原型，也就是常说的交互稿，区别于做设计方案时的初稿，这份交互稿我会尽可能细致的把流程和具体操作形式表达出来。 考虑到做交互是一个迭代过程，我会在设计稿的首页为设计的产品做一份交互更新日志，记录下交互更新时间、版本名称、更新类型、更新内容、参考需求文档与交互负责人。 这份更新日志的意义在于： 更新时间-便于全程跟踪记录项目，掌握每个时间点 版本名称-便于项目参与人员查找上一版本的交互稿 更新类型-了解每次更新需求的性质 更新内容-清晰呈现每一次更新的内容，并提供一个直接去到更新页面的链接，这样在进行迭代时我们的伙伴不用一页页去寻找更新点 参考需求文档-便于项目参与人员查找对应的需求文档 交互负责人-记录每次迭代的交互负责人，并能方便工作交接 交互稿的制作过程，一般是用Axure做原型，像邮箱这样视觉比较成熟且相对稳定的产品，我会偏向做高保真模型，我们会整理一个控件库，这样能提高制作效率;做一个全新项目时，黑白稿线稿都是可用的方式，如果交互设计师能对大概的视觉效果有把握，也能做得精致些。这些我想大家都很了解，所以不多说了。 制作交互说明 之所以把这部分内容提出来单独写一段，是因为之前和很多做交互的朋友讨论过该怎样做好交互说明，大家各有看法，很难找到这部分工作的衡量标准。 交互说明书在整个设计过程中，也许只会占用小部分工作量，但是作用不小，它能帮助我们减少沟通成本，辅助交互稿描述设计理念，表达交互流程，更细致的展现我们的设计。 与做设计稿不同，个人认为，交互说明这部分工作，需要我们更多了解它作说明的对象，即产品经理、视觉设计师、开发人员的需求，从而达到真正的“辅助”效果，而不是盲目凭自己主观去长篇大论，否则我们要为此花费时间，而且这部分工作只能沉积为一堆我们自己欣赏毫无意义的文字。 为此我曾与合作过的各组同事进行沟通，提炼出一些他们对交互说明的需求，不求全面，但求能说明一些问题。 1.交互说明最好是图文并茂(all) 便于阅读和理解。 2.页面跳转的说明(产品&程序) 页面跳转是涉及多个页面关系的操作，产品人员在看交互稿时，会更多去关注多个目的性的任务操作流程，而对页面跳转的记忆是有限的，所以需要页面跳转说明。 3.交互说明能否考虑与产品需求文档结合(产品) 开发文档会涉及产品概念、技术方案、业务执行角色等内容，和交互设计稿有着紧密关联，所以交互说明书与开发文档是可以相互做补充，整理成一份文档，这样也能避免工作内容重复。 4.对交互稿中不明显的交互动作或隐藏的设置项作说明(产品&视觉&页面构架) 细节和动作需要描述清楚，比如说鼠标focus、click的动作，或click后是loading还是跳转，这些平时都是开会上讨论，但是参与项目的人员不一定都能记住，所以会需要在交互说明书里做说明，并需要考虑到页面构架组需要预留适应变化的结构。 5.产品风格定位(视觉) 商务风?休闲风?视觉需要一个准确的产品风格定位。这部分工作不一定是由交互人员来确定，但在产品孕育阶段中，设计稿讨论以及不定时更新的数据调查，会使得产品风格定位渐渐明确，视觉的同事更多是参与设计阶段的工作，这就需要交互人员将这些信息在交互说明中记录下来，以辅助视觉完成。 6.极限状态(前端) 比如一个列表最长和最短显示。 7.异常/出错情况说明(程序) 这一点在交互稿制作和与产品沟通过程中容易被忽略。 有的设计师会疑惑：为什么我做的设计说明书会没人看?我写的很详细了，但是他们还是会问我一堆设计的问题!甚至，问我为什么要做这个文档? 在这些情况面前，设计师应该做些思考，我们所制作的这份说明是否真正解决问题了呢? 一些基本的逻辑判断和文字内容，产品人员已在需求文档中列出且在交互稿中已清晰呈现，例如原型中完整呈现的设置内容，或一个单选复选关系，这些内容我们再花时间去大篇描述，并无太大意义。 所以我的理解是，交互说明并不一定是一份文本，它不该是设计师的舞文弄墨，更不该流于形式做交互设计原型的复制品。 我们可以在交互原型上注释，在图上写说明，或者是在和项目组发邮件时写为邮件内容，当然也可以是word文档，PPT…。 总之，我们要做到的是真正解决问题，让交互说明书成为帮助项目中各组成员之间进行有效沟通、辅助理解设计内容从而达到提高项目效率的工具，并在需要的时候被制作。 用户测试与评估 产品基本功能实现后，我们会做用户测试，设计是很主观的，并且会受各种因素影响，所以我们的产品难免会存在一些意料之外的问题，通过招募用户来使用我们的产品，我们能收集到一些使用场景中发现问题的反馈，并把这些整理成优化点，完善我们的产品。 同时交互设计师也要多用自己的产品，保证上线内容与设计保持一致。 这就是我对自己交互工作的一个相对完整的描述，交互设计师这个头衔我领了不到一年，但是这一年学到了很多。我的感觉是，这是一份不难的工作，因为我自己也是一个用户，我会在使用产品的过程中发现这样那样的问题，所以我也自然而然的想去解决这些问题，并在寻求方法中得到一定的积累;然而，这确实是一份很需要花心思的工作，设计方式自由，但是设计内容需严谨，疏忽了一个问题，就有可能为产品带来极大的负面影响，甚至失去用户的青睐。 要让我们的产品保持良性发展，就要求设计师们不断探索优秀的设计方法。 最后，也希望大家能多分享各自的设计经验，相互学习，让我们的产品体验越来越好!

4. 好的体验产品交互设计原则有哪些

原则1：用户界面应该是基于用户的心里模型，而不是基于工程实现模型
就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节和数据结合的凝聚点，用户的心理模型抓的越准，界面就会越优秀。
原则2：培养用户使用情景的思维方式做设计
要做到这个原则其实是很难的，需要长期的实战经验才能做到这点。
那我们都知道米聊出的比微信早，但后来被微信反超，个人认为不光是QQ帮了微信很大忙，比如用户登录门槛低，用户来源，广告打得响之类的，其实在用户使用情景方面米聊研究的没有微信透彻。
原则3：尽量少的让用户输入，输入时尽量多给出参考
移动端的虚拟键盘一直是科技界无法解决的一个难题，虚拟键盘的主要缺点：1.输入定位无法反馈，所以无法形成高效的盲打；2.虚拟键盘的空间限制，手指的点击经常造成误按。光是上面这两点就让虚拟键盘在输入上大打折扣，所以我们在设计应用程序时，只要遇到Input Box的控件时，首先就要想到尽量让用户少输入，或者智能的给出参考。
原则4：全局导航需要一直存在，最好还能预览其他模块的动态
全局导航在Web交互设计中比较容易做到，在手机移动端全局导航要看产品设计的需求，什么功能需要全局导航，社交应用通常是：消息，通知，请求；音乐视频应用通常是：下载，搜索；工具类产品经常是核心工具条（tool bar) 比如浏览器，语音助理，音乐识别应用等等。
全局导航的价值在于可以让用户在使用过程中不会丢失信息，减少主页面和次级页面之间的跳转次数，当然全局导航中的info-task要能在当前页面完成，如果需要跳转到新界面，就会失去全局导航的意义，因为当出现多个info-task的时候，就需要用户不停的进入全局导航页面来完成。
原则5：提供非模态的反馈，不打断任务流
模态弹出框的书面名称在iphone OS中称作：Alert-box，在Android OS中称：Pop-up box, 我们都知道弹框会打断任务流，所以在有限的屏幕上怎样让这些弹框弱化，或者说优雅、绅士的提醒用户，这个需要设计师来定义。
模态是指界面中只有提醒弹框才具有可交互行为，其他一切都不可操作；非模态不会把提醒做成弹框，可能会处理成List Notification, Toast list等方式来提醒用户。
原则6：不要让用户等待任务完成，用户还要发现更多有意思的地方
移动互联的核心就是给用户带来移动体验的方便和高效，这是 移动互联网Apps需要考虑的，用户在使用你产品在很多情况下都是碎片时间，
所以在设计上尽量让用户在短时间内熟悉我们的产品，知道这个产品的诚意，特别是某些等待界面需要设计，不能把一个很枯燥的等待界面呈现在用户的面前，那用户很快就会换其他apps。
原则7：自动保存用户的输入成果
在移动端，由于输入面板的复杂性，而且触摸输入没有物理按键的反馈自然，特别是手机上去输入一段文字或者信息，对用户而言本身就是一件很痛苦的事情；对产品而言，用户的在你的产品中输入是一个很值得庆幸的事情，所以设计人员需要让你的apps自动保存用户的输入成果。
原则8：为了程序响应的速度，设计有时候需要担任掩护的作用
科技并不是万能的， 技术依然是移动互联网应用程序最需要优化和完善的，作为技术的盟友我们设计人员也需要辅佐他们，让用户觉得程序原本就应该是这么运行的。特别是程序响应的速度很多时候不光是技术的问题，与网络环境也有很大的关系，这时候设计人员需要考虑这些客观存在的情况，帮助程序来掩护这些瑕疵，让用户感觉到在使用时是流畅的。

5. 什么是产品交互设计

产品交互设计的定义是两个或多个互动的个体（产品）之间交流的内容和结构，使之互相配合，共同达成某种目的。

交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和”用户体验“两个层面上进行分析，关注以人为本的用户需求。

交互设计的思维方法建构于工业设计以用户为中心的方法，同时加以发展，更多地面向行为和过程，把产品看作一个事件，强调过程性思考的能力，流程图与状态转换图和故事板等成为重要设计表现手段，更重要的是掌握软件和硬件的原型实现的技巧方法和评估技术。

(5)产品如何做好交互性扩展阅读：

产品交互设计的主要内容：

1、定义产品的行为和使用密切相关的产品形式。

2、预测产品的使用如何影响产品与用户的关系，以及用户对产品的理解。

3、探索产品、人和物质、文化、历史之间的对话。

4、要形成对人们希望的产品使用方式，以及人们为什么想用这种产品等问题的见解。

5、尊重用户及其目标。

6、对于产品特征与使用属性，要有一个完全的形态，而不能太简单。

7、展望未来，要看到产品可能的样子，它们并不必然就像当前这样。

参考资料来源：网络-交互设计

6. 如何体现Moka的产品交互好

开发的角度来说，通用方法是做用户研究确认用户需求，做产品可用性测试，观察用户路径，然后想办法优化。
如果是分析的话，抓一批竞品，对比流程，观察流程环节，上一些产品的论坛，或者去简书，产品经理溜达溜达，观察用户这么评价，其他人对于这个功能怎么看，找些用户研究的数据支持你的观点，想要说明的有道理，就是有理论支持。
如果是宣传策略的话，营造一个场景，比如我说我手机在查找应用的时候特别方便，因为手机又个可滑动的操控区，上下滑动可按字母查找应用。方不方便不知道哈，我一般是按照文件夹分，在哪我自己都知道，不用这个功能。但是你宣传的时候一定是一个很混乱的场景，然后你特别着急比如哎呀好饿啊，我要订外卖，然后妈蛋找不到饿了么在哪了，然后这时候卡吧一滑动，基本上就是利用场景增加用户代入感，这样突出产品交互的效果最好。