设计师在设计时可能会忽略的小细节

设计师在设计时可能会忽略的小细节

 好不容易规划好的视觉接口与操作流程，但在实际程式实作时才发现许多冲突与不完整的地方，这是设计师与工程师的团队合作中常常会面临到的问题，因此产生许多原本可以避免的沟通时间与修改调整的成本。

接口设计并非单纯的平面视觉设计，在设计到开始实作之间，势必有些需要特别注意的地方，才能够避免遗漏掉许多应该考虑的状况，让整个设计更加完善。

以一个社群类的App为例，第一个页面主要表达了使用者要将自己的个人资讯分享给已选定的其他人，在此页面可以勾选要分享的资讯项目，也可以透过下方按钮个别新增额外的资讯，完成后就按下完成按钮，就会将资讯上传至服务器并分享给其他人，完成后就转场到下一个显示成功页面。 [广州网站改版www.faboweb.com]

假设页面色彩风格强烈，所有的控制元件都重新客制过，看似两个很正常又简单页面，感觉上没有什么不妥。

但是实际上这里就马上遭遇了两个问题：

第一：加入更多资讯的按钮，在按下个这个按钮后，使用者可以直接输入额外的个人资讯。但是要如何呈现？客制化的输入文字框要放在哪里？跳出的虚拟键盘也会影响文字框要出现在的方式与位置？一系列的问题就会接踵而至。

第二：按下「完成」按钮的后续动作，这是一个要透过网络沟通的动作，当牵扯的网络时，就必须要考虑到送出要求后等待回应的等待状态（读取状态的动画图示等），以及传送失败时的状态与回馈，送出时按钮要呈现什么颜色？文案内容是否有需要更改成分享中？如果失败了要显示失败的弹出对话框还是要显示在页面中并且有重新送出的按钮？这些不是设计师一个人可以擅自决定的，于是来来往往中又无形增加了许多沟通的时间与成本。

多元化考虑各种状况

即使是单一的资讯浏览页面中，也会有各种不同的状况与细节需要一并考虑。单单说在空白状态中，就可能会需要提供不一样的接口与视觉设计，来提示使用者进行其他的动作（见空白状态也可以发挥作用），另外还有当各种错误发生时的，可能会需要出现的警示讯息与接口以及不同的文字资讯长短也是很常被遗忘的变量之一。

处理这些状态对于程式设计师来说是非常熟悉的，他们会需要针对个例外状况与状态来提供对应的功能与回馈，例如程式一打开，App 向远端服务器索取资讯时，会有读取中的状态、读取失败的状态、等待使用者重新读取的状态、需要重新登入的状态等，这些都可能需要搭配接口元素来让使用者能够清楚他们正处于什么阶段、让他们知道他们正在作什么。

视觉设计其实与互动、操作流程与方式是个相辅相成的好兄弟，他们之间需要良好的搭配才能一气呵成提供完美的使用经验，所以设计师在 mockup 的阶段，就需要针对各种可能遇到的状况，事先做好规划或保留弹性，可以有效加快实作时的效率。

【关键词标签】设计师在设计时可能会忽略的小细节    (PC+手机)响应式网站建设

• 要知道留白也可以产生美的价值
• 做好网站设计的五个实现目标
• 如何设计一个简单的网页？
• 外贸企业如何掌握网络营销推广之法
• 外贸企业通过网络渠道推广的途径
• 网站品牌的建立与推广的过程
• 网站内链的建造方法与细节问题
• 网站内部连接的作用、优势和缺陷
• 网站优化：SEO的生活现象
• 网站SEO必要的四个内容
• 网站的百度权重下降是何种原因？
• 谈谈企业网络营销定位与相对问题
• 在网站优化中，关键词的应用
• 网站要具备哪些作用价值？
• 个人网站存在哪些价值性?