WI 设计通常包含以下两种含义：
一、工作指导书（Work Instruction）设计
流程设计
工作指导书的设计首先要明确工作流程。例如在汽车组装生产线中，对于安装汽车轮胎这一工序，WI 设计要详细描述从轮胎搬运、定位、安装到紧固等每一个步骤的先后顺序，确保操作人员按照合理高效的流程进行操作。
内容呈现方式设计
在设计 WI 时，要考虑如何以清晰、直观的方式呈现内容。对于复杂的机械操作，可能会采用图文并茂的方式，如在文字说明旁边配上详细的操作流程图、工具使用示意图等，使操作人员能够快速理解。对于一些简单的操作，可能会以简洁的检查表形式呈现，操作人员只需按照检查表上的项目逐一确认即可。
格式排版设计
合理的格式排版能提高 WI 的可读性。例如，使用不同的字体大小和颜色来区分标题和正文、重要步骤和注意事项等。在电子文档形式的 WI 中，还可以设置超链接，方便操作人员快速跳转到相关的参考资料或其他相关工序的 WI。
二、网页界面（Web Interface）设计
用户体验设计
在设计网页界面时，要充分考虑用户的操作习惯和视觉感受。例如，对于电商网站的购物车界面，要设计简洁明了的添加商品、删除商品、结算等按钮，并且按钮的位置要符合用户的操作习惯（通常在页面的右侧或底部），方便用户操作。同时，要注意界面的色彩搭配，避免使用过于刺眼或难以区分的颜色组合。
视觉设计
注重网页界面的整体视觉效果。包括页面布局的合理性，如将导航栏、主要内容区域、侧边栏等进行合理划分；图片和文字的搭配要协调，图片要清晰、有吸引力，文字要简洁、准确地传达信息。例如，在设计新闻资讯类网站的界面时，要保证新闻标题的字体大小和颜色能够吸引用户的注意力，同时新闻内容的排版要整齐、易于阅读。
交互设计
良好的交互设计可以提高用户与网页的互动性。例如，在设计社交媒体网站的界面时，对于用户发布的内容，要有方便的点赞、评论、分享等交互按钮，并且这些按钮在用户操作后要有及时的反馈，如点赞按钮点击后颜色变化、评论提交后显示成功提示等。