网页设计中的交互 第1篇
1、明确改版目的，挖掘价值点。
2、构建原型框架，评审优化。
设计新版架构，确认范围层细节(功能型：功能规格支持。信息型：内容需求)，完善流程与信息框架，然后拉拢项目相关人员进行评审优化，直到新版框架大体定型后，再进行视觉层输出。
3、明确产品定位，建立设计语言。
要保障产品气质与视觉风格的契合，即一个资讯网站肯定不适合采用电商视觉进行输出。然后根据内容占比，考虑呈现的布局方式，即不同模块中的视频、图片、文字比例情况。然后你可以结合上文的视觉层创意形式进行套用，当主要的静态视觉设计完成后即可进入评审阶段。
4、高保真评审，挖掘交互创新点
对网页高保真进行评审，确认页面信息框架或界面设计可行。然后对交互创新方案探讨，结合网页的板式设计，提出交互创新的细节，与开发者同步，确保实现的可行性与项目工时可控，同时披露交互细节帮助开发者进行调研或准备。
5、交互创新对齐开发，进入研发阶段。
准备提供交互的细节Demo或参考内容，在基础内容开发完成后或开发者认为适合介入的时机，进行交互创新内容的对齐，使创新方案在最小可行的基础上进行开发实现。之后建议设计同学耐心的陪同开发小哥进行还原，确保效果。
6、测试验收，预发上线。
最后进行成果验收，确保基本的内容是否符合标准，再根据工时情况或上线计划等，考虑交互创新部分的细节还原调试，适公司实际情况可以考虑再迭代一版。之后根据产品情况自行考虑是否A/B测试、灰度上线等，上线后就是线上数据跟进或用户调研了，希望你的新版本收获一片叫好 哈哈。
网页设计中的交互 第2篇
对于复杂的或是不常见的流程，向导/快速启动屏幕模式可以有效地导航。
京东上使用wizard快速引导不熟悉流程的顾客完成付款
.Q&A
Q&A模式是指用户通过选取相符条件，从而自主找到适合自己的解决方案。Q&A不同于搜索模式，它通常需要了解用户基础上，通过提问来帮助用户弄清他们缺乏经验的在哪里（比如健康保险，抵押，计划，购买）有哪些可供的选择或建议。
上海移动资费导购系统可以让用户通过回答几个问题，可以建议用户选择哪种话费套餐
.平行面板
平行面板屏幕模式可以收起（一次只显示一个），也可以展开（同时显示全部）。这种模式适合组织大量类似或相互影响的信息，让用户在同一页面更高效的获得信息。最佳应用在：需要申请者需要填写各种没有顺序的类别目录。
.交互模型
网页设计中的交互 第3篇
还有两种广泛使用但在企业软件很少使用的模式。
- 门户：如果你是市场调研专家，商业需求分析师和用户反馈调研员设计门户，可以参考控制面板的设计规范和案例。
- Tabs：其实Tab是一种部件，不是一种模式。它为在多种同语境下的数据提供多选一选择。如果数据结构导致你的设计tab显得很多。有两个小建议：第一，重新考虑架构。通过使用卡片分类或请教一名专业的信息架构师；第二，可以参考平行面板的规范和案例。
参考文献：《Designing interfaces》and 《Designing web interfaces》