用户体验

交互设计:五维分析法

虽然一些人视交互设计特指那些信息系统——电脑系统或者具有计算能力的设备——我认为排除非信息设备是可耻的。我们交互观念的形成来源于感官和运动,比如看和触摸,和社会以及文化现象,比如模仿和时尚。这一切和该产品是否信息化并没有任何卵关系,非信息产品的设计理论同样适用于信息产品的设计。设计潮牌服饰的思想同样可以转化来设计酷炫的按钮。最后,当计算机系统越来越融入我们的生活时,甚至连日

网页设计中如何利用“黄金比例”?

黄金比例是什么?黄金比例是一个数学比率,通常在自然界中都能发现它,用来建立平衡的构图。 它大约等于1.6180,也被称为“中庸之道”、“黄金分割”, 通常用希腊字母Ф表示这个值。“黄金矩形”是指一个长方形的宽度是它高度的1.6180倍。 例如,一个划分为300 px的一侧, 则另一侧为300 * 1.6180≈485 px,就可以称之为黄金矩形。如果你从这个黄金矩形切分一个

2016年设计师必须掌握的微交互知识

如何打造一款看起来非常惊艳的应用,我想大家应该有所了解,借助有趣的故事、流畅的流程和令人难忘的视觉设计就好。但是仅有这些并不够,你需要拿出一些真正能打动用户心灵,产生情感联系的东西,让他们感受到应用真正鲜活的一面。这个时候,就需要微交互登场了。[br]那些真正让人沉迷的优秀应用很大程度上是因为微交互的存在。微交互出现的瞬间,用户会感受到更强烈的互动和参与感,这些微小而自然的

超实用的格式塔原理小科普

在界面排版,网页广告设计等视觉传达设计工作中,视觉上的画面琐碎,零散,信息混乱无序总是视觉设计师无可避免的问题。视觉的整体感做不好,会给人不舒服,不协调的心理感受。这些问题来自人们的主观感受(“不舒服”,“奇怪”),通常难以描述清楚。同时,设计师们也意识到:表现作品的整体感与和谐感是十分重要的。无论是设计师本人或是观者,都不欣赏那种混乱无序的形象。但是,“有毛病,不舒服,奇

微信公众号里八大不能忍受的用户体验

[br]首先要说这里写的“微信公众号”不是指微信的公众号服务,而是指企业申请公众号以后企业在公众号里提供服务。说到这点不得不说到国内的手机端web网页的迅猛发展(主要采用HTML5的技术,下文里用H5来代指手机端的Web网页)。H5在几年前刚推出的时候,虽然有像Facebook这样的公司给它加持,但是并没有扶起来。国内也有百度、UC等巨头在用轻应用的名号,想让H5的应用能有

【译文】移动应用界面设计7宗罪

[br]规则就是用来打破的?这完全取决于规则本身。在移动应用界面设计(后续简称:移动设计)的世界里,大家对美学、手势和动效的看法略有不同。有时一个简单的功能性应用比华丽的应用带来的效果更好,而有时候却恰恰相反。不过,有些基本规则是人们不愿意去打破的。如果你的移动设计使得用户无法顺利触达关键功能,这显然是行不通的。假使你的文字字号过小导致没人能顺利完成阅读,那么你得回炉重做。

交互译文-如何合理的在移动应用中使用动效

[br]本文是我在Smashing Magazine看到的一篇关于如何在移动应用设计中运用微动效的译文。初次翻译文章,很多词句用的可能不太妥当,在这里给大家作揖了!knock knock……下面进入译文。一个优秀的UX设计师可以轻松地解释每一个动作逻辑背后的设计概念,包括信息框架,页面内容的继承,每一个点击动作对于页面跳转的影响等。不久的将来,动效将被广泛的引入到原型的概念

iOS 9人机界面指南(一):UI设计基础(1)

[br]1.1 为iOS而设计(Designing for iOS)iOS 表现了以下三大设计原则:遵从(Deference):UI应该有助于用户更好地理解内容并与之交互,并且不会分散用户对内容本身的注意力。清晰(Clarity):各种尺寸的文字清晰易读;图标应该精确醒目,去除多余的修饰,突出重点,以功能驱动设计。深度(Depth):视觉的层次感和生动的交互动画会赋予UI新

iOS 9人机界面指南(一):UI设计基础(2)

1.5 导航(Navigation)除非导航设计不合理,不然用户应该明显察觉不到应用中的导航体验。导航设计应该能够支撑你应用结构和目的却又不分散用户注意力。[br]广义来说,导航主要有以下几种类型,每个导航都有其适应的应用结构:分层扁平内容或体验驱动在有层级结构的应用中,用户在每个层级中都要选择一项,直到到达目的层级。如果要切换到另一个目的层级,用户必须回退一些层级,或者直

移动端文字与排版设计的六个原则

在印刷与桌面端Web的传统领域我们有很成熟的文字排版经验,在移动时代,这些经验很多依然有效,但因显示设备与使用环境发生了变化,也给带来了不少变化……  在印刷与桌面端Web这些传统领域,我们已经有了很成熟的文字排版经验。随着移动时代的到来,APP的界面设计,加上网站越来越多地转身为响应式设计以适应多种显示设备,这些经验很多依然有效,但因为显示设备与使用环境发生了变化,也给文