像专家一样重构 UI/UX 体验

重新设计网站或应用比全新设计更难,因为重新设计不仅仅是设计用户界面,而是要解决已有设计中存在的问题。我重新设计过很多网站和应用,在这边文章中,我将分享我的重构经验。

重新设计 Signal App

一、找到现有设计中的瑕疵

重新设计的困难点在于,你需要充分了解现有的设计,并找到其中的瑕疵。如何开始这项工作呢?可以从用户路径开始。分析现有设计中的用户路径,检查路径中的用户体验(UX),并尝试改善。最后,你还需要检查用户界面(UI)设计。

如果你找不到现有设计中的瑕疵,则可以尝试向用户提问,了解他们在使用中的感受,从而找到设计中的瑕疵。

二、按照 UX 准则修复瑕疵

如果你想要修复瑕疵,则你需要熟知用户体验设计的相关准则,尽可能让用户以最便捷的方式达到他们的需求。要达到这个目的最重要的是不要站在设计师的角度思考,而是站在用户的角度思考如何满足他们的预期。这就需要在设计中有清晰的层次,从而使用户能很容易理解。

“设计不仅是视觉和感受层面的工作,而是需要深入了解产品运行的原理” - 乔布斯。

三、研究竞品

因为我们需要做得比竞品更好,所以重新设计时不能仅仅把目光聚焦在自己的应用上。假设你在重新设计一款电商应用,那么你需要研究市场上处于领先地位的电商应用,把他们的主要功能点罗列出来,尽量找到他们产品中的吸引用户的亮点功能,并考虑如何比他们设计得更好。

四、分解组件并优化设计

重新设计大部分的工作就是分解页面上的元素,然后将它们设计得更好。

将流行的电商应用中的元素分解,并设计相似的用户界面

五、重新设计 UI 界面的关键点

  • 按流行趋势排版
  • 研究并审慎使用色彩方案
  • App 中的图标保持相同的设计风格
  • 正确的方式关键引导按钮(CTA),将主要按钮与次要按钮区分开
  • 包括深色与浅色两种方案
  • 使用当下流行的设计元素,例如毛玻璃效果、渐变色卡片等等

按照当下流行趋势来设计总能让应用焕然一新。

六、测试和不断优化

不断迭代测试新的设计方案。这将让你的设计保持新鲜并越来越好,也将让你的设计在同类应用中出类拔萃。

测试与优化循环

原文链接:How to redesign UI/UX like a pro

# #


发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注