首页

最好的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界面设计 、 包装设计

科班高手的方法!16个简单实用的排版小TIPS

之晨

@乘与九设计 :我们正处在一场注意力争夺战中。如何利用版式设计抓住用户的注意力呢?

商业环境中讲究一个「快」字。我们阅读的时候长期接受过载的信息,很难再集中精神,那么,一个内容清晰的阅读体验就非常重要。

所以,以下16张版式小Tips,或许能解决排版这个问题。

第一步,思考!!!别急着打开PS

做一个有思考的设计师,让设计更加美好

鹤鹤

人人都喜欢有成就感,这种感觉是对自己的肯定和支持,也是对自己最大的鼓励。设计师也是如此。设计出来的作品不断地得到客户的肯定,这就是设计师最想要的成就感,但是,成就感不是说来就来的,成就感是需要付出努力和一定的代价的,这种代价可能是时间,可能是金钱,也有可能是精力。那么今天我们就来分享一下如何让设计师能更好的获得成就感。

(1)、作为一个设计师要多去总结。每一个项目完成的背后肯定付出的很多汗水,把问题收集并且记录下来,成为你后续分享的重要途径,千万不要觉得这是多余的,默默无闻的做只会埋没你自己,设计师不能只是关注设计,有时间多去吸收相关领域的知识,不单单只是为设计而设计。

掌握这7个技巧,让你的设计拥有持久的生命力

之晨

编者按:想让一个设计经典而永恒并不容易,但是要实现这一点还是有迹可循的,今天我们来分析7个技巧~

那些真正经典的设计始终能够经受时间的考验,它们长盛不衰,大多还是因为它们符合最基本的设计规则和人的基本审美规律。就像Nike和可口可乐的LOGO设计,它们在过去的几十上百年里有着持久的生命力,就是这份规则的力量造就的。

而值得庆幸的是,这种永恒设计的规则适用于几乎任何项目。也许你无法再现Nike的LOGO设计的成功,但是你可以通过合理的设计,创造一个符合当下审美,拥有数年生命力的优质设计。接下来的七个技巧,值得你思考。

优秀的设计构图,有哪些?

鹤鹤

构图是整个设计中极为重要的一部分,好的比例、构图,能准确、深刻地表达设计主题、诠释设计的艺术之美。所以在设计前,选择什么样的构图方式就很值得思索。那今天就和大家介绍几个常用的构图方式,希望能帮助到大家。


01.webp.jpg

这四种大胆前卫的背景设计技巧,能让你的设计脱颖而出

之晨

在很长一段时间里面,网页中的背景图片元素,一直都生活在CSS、JS甚至视频的阴影当中,它的“参与感”并不强烈。不过随着审美和用户需求的逐步变化,背景图片在网页装饰上,开始发挥着越来越重要的作用。

当然,从总体上来看,变化并不明显,但是在绝大多数的情况下,背景图片开始作为主要的视觉驱动力而存在。

传统意义上的背景主要是使用图片,近几年开始流行视频背景了。而这些主要还是集中在网站的页头、Banner等位置,大多用来欢迎用户,推荐内容。许多网站都采取了相似的策略,让用户有所期待。

随着动效的流行,现在越来越多的设计师开始试图将CSS3、HTML5和JS等技术融入到背景设计中来,寻求全新的解决方案。事实上,现在已经有四种不同类型的动态背景设计方案,它们风格都非常符合时下流行的趋势,且都具备不俗的发展潜力,今天我们聊聊这四种风格前卫大气的背景设计。

不止是划条线!移动端UI中常见的视觉分隔设计技巧

之晨

乍一看许多APP的布局并不复杂,感觉换成自己也能设计出来,但是当你真的开始着手设计这么一个APP的原型的时候,会发现事情并不是那么简单。看着别人已经设计完成的设计可能觉得不难,可是当自己动手的时候,在特定的元素的选取和设计上很容易陷入困局,这个时候才明白它的难点并不在于工作量的多少,设计者常常深陷于细节构建的囹圄,这才是它的困难之处。即使是元素与元素之间的分隔方式,都能随随便便用一整篇文章来进行探讨。

传统的分隔方式

在UI界面中,最传统也是最常见的分隔方式用的是线,将视觉上或者内容上需要区分的内容用横向或者纵向的细线区分开来,它帮助用户了解页面的层次结构,赋予页面内容以组织性。

1-A2lLUDOWFDjePhePR5WcsA 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档