首页

超实用的12个UI设计法则,大神都在用!

周周

想要制作一个漂亮,可用和高效的UI不是一件容易的事情,这不仅需要设计师有一定的审美能力,更需要花费大量的时间,并且在设计的过程中还要不断进行修订和调整,直到自己和你的客户满意。这个过程我自己也曾经感受过很多次。 

今天老王将跟大家分享快速提升UI水平的8个技巧,通过一些易于实践的小技巧来进行简单的视觉调整,从而改善你要创建的视觉效果,希望能为你在设计项目中提供帮助。

那些很熟悉但又不知怎么用的设计法则:80/20法则

前端达人

在理解了80/20法则后,我们可以将此法则广泛的适用于各个场景中,如下:

  • 分析数据,确定20%的核心功能。
  • 排定优先级。关注最核心的功能,不断的优化。
  • 精简80%非关键性功能,减少投入,必要的时候需要忍痛割爱。

80/20法则也有一定的争议,但是还是适用于绝大部门场景,当然特殊场景还是要特殊对待。80/20法则可以帮助用户关注核心功能,最终达成目标。


那些很熟悉但又叫不出名字的设计法则:选择架构

前端达人

简单明了,让人可以立即评估自己的表现距离目标有多远。

设计产品的时候,如果行为修正非常重要,可以把选择架构原则考虑进去。

最好的UI设计界面设计的8条黄金法则

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

设计师需要每天解决问题,找到合适的解决方案需要深入研究和精心策划的测试。发现一种适合所有人的方法或秘密公式可以自动解决我们所有的界面设计问题。我们可能还没有答案,但我们确实知道我们有时可以采取的某些捷径。


“启发式”是简单而有效的规则,可以帮助我们形成判断并做出决策。我们可以将它们视为UI最佳实践的一般指导原则。 


注意:这些规则有其时间和地点,并不是可用性测试的替代品。


虽然Jakob Nielsen的10个用户界面设计启发式算法可能是最流行的启发式算法,但还有其他一些。Ben Shneiderman创建了一个最好的固体交互设计指南,称为设计用户界面,它揭示了他自己的原则集合,被称为“八个黄金接口设计规则”。我们今天要看这些规则。


Image title


Loren Terveen和Ben Shneiderman在马里兰大学的Webshop 2011 ©Marc Smith


1.  争取一致性


设计“一致的接口”意味着对相似的情况使用相同的设计模式和相同的动作序列。这包括但不限于在用户旅程中在提示屏幕,命令和菜单中正确使用颜色,排版和术语。 


请记住:一致的界面将使您的用户更容易完成他们的任务和目标。


Image title


       Namastelight by Martin Strba风格指南是确保设计过程一致性的一种方法。


2.  启用常用用户使用快捷方式


说到使用UI规则作为快捷方式,您的用户也将受益于快捷方式,特别是如果他们需要经常完成相同的任务。 


专家用户可能会发现以下功能有用: 


缩略语


功能键


隐藏的命令


宏观设施


Image title


                                     Khalid Hasan Zibon的上下文菜单


3.  提供信息反馈


您需要让用户随时了解流程每个阶段的情况。这种反馈需要有意义,相关,清晰,并符合上下文。


Image title


                                            文件上传者Antonija Vresk 


4.  设计对话以产生关闭


让我解释。动作序列需要有开头,中间和结尾。任务完成后,如果是这种情况,请为他们的用户提供信息反馈和明确定义的选项,以便为您的用户安心。不要让他们疑惑!Image title


                                    Jose Antonio Orellana的Flash消息


5.  提供简单的错误处理


应设计一个良好的界面,以尽可能避免错误。但是当错误发生时,您的系统需要让用户轻松了解问题并知道如何解决问题。处理错误的简单方法包括显示清晰的错误通知以及描述性提示以解决问题。Image title


                                       由Adnan Khan进行的Litmus形式验证


6.  允许轻松撤销行动


在发生错误之后找到“撤消”选项立即得到解脱。如果他们知道有一种简单的方法可以解决任何事故,那么您的用户就会感到不那么焦虑,更有可能探索各种选择。 


此规则可应用于任何操作,操作组或数据输入。它可以从简单的按钮到整个行动历史。 Image title


                                           Tyler Beauchamp撤销倒计时


7.  支持内部控制点


一,定义:


“在人格心理学中,控制点是人们相信他们能够控制事件结果的程度” -  Julian Rotter


为用户提供控制和自由非常重要,这样他们才能感觉到他们负责系统,而不是相反。避免意外,中断或任何未被用户提示的内容。 


用户应该是行动的发起者而不是响应者。Image title


                                   Vlad Ponomarenko的权限对话框


8.  减少短期内存负载


我们的注意力有限,我们可以采取任何措施使用户的工作更轻松,更好。我们更容易识别信息而不是回忆信息。在这里,我们可以参考尼尔森描述“ 对召回的认可 ” 的原则之一。如果我们保持接口简单和一致,遵守模式,标准和惯例,我们已经为更好的识别和易用性做出了贡献。 


我们可以添加一些功能,以帮助我们的用户,具体取决于他们的目标。例如,在电子商务环境中,最近查看或购买的项目列表。Image title


                                     最近查看的胶囊由Gavin Williams联系


结论


虽然您应该始终采用基于启发式算法的决策,但遵循一系列规则和指南将引导您朝着正确的方向前进,并允许您在设计过程的早期发现主要的可用性问题。这八个原则适用于大多数用户界面; 它们来自Shneiderman自己的经验,经过三十多年的精心改进。其他人,如雅各布尼尔森和唐诺曼已经扩展了这些规则,并贡献了他们自己的变化。 


您也可以使用这些作为灵感来创建自己的启发式方法,或者结合现有的示例来解决您自己的设计问题。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档