理清思路!如何从头打造让用户真正信任的界面

编者按:让人信任的网页到底是怎么样的?设计一个令人信任的网页应该是有迹可循的,几天文章当中的10个技巧,就是可行性相当高的手法,仔细看看,也许会让你获益匪浅。如何让你的网页设计作品令人信任?相信许多设计师都思考过这个问题。我们几乎每天都能听到各种产品安全漏洞的新闻,用户的不安全感无处不在,这也使得设计让人信任的界面势在必行。令人信任的界面是构建你和用户之间坚实关系的基础,它

远程日记法101

1 什么时候使用远程日记法?日记法是一种在常用的质性研究方法,经常被用于产品调研、生活形态研究、品牌调研等很多不同的调研情景中。日记法研究通常会持续一周或更长时间,可以对参与者在关键时刻的行为、态度、情感进行取样,并且,日记法的素材经常不只有文字,还包括图片影像等其他内容,能提供给研究者更为丰富全面的反馈。当研究问题需要大量的现场观察,并且问题具有开放、探索性特点,日记法有

建立良好的视觉层级

随着互联网信息爆炸式增长,用户浏览单个网页时,并不像我们想象的如阅读文章般从左到右、从上倒下逐一查看,为什么?一、 视觉层级为什么重要左侧是设计师期望用户的浏览方式,右侧为用户实际的浏览方式—摘自《Don&8217;t make me think》用户来到一个网站有他自己特定的目标,如阅读新闻、购物、查看新消息,然而信息量太大,逐一查看需要大量时间,这就要求网站能抓住主流用

工具型产品如何建立自己的商业化模式?

移动APP排行榜TOP10中,工具型产品便占了6位,其中不乏BAT三家旗下的产品,也有创业公司凭借单个爆款工具成功挤进前列。见过不少工具型产品,做了很多年依然停留在「小而美」的用户量阶段。小而美这个词我曾经很喜欢,代表着一种情怀,但这些年看到越来越多曾经小而美的产品因为用户量匮乏,没有好的商业化模式,最终只能停止更新,渐渐被人淡忘。也见过不少工具型产品,凭借先发市场优势和人

什么样的loading动画,我会等!

毫无疑问,每个人都不喜欢等待。尤其是在浏览自己喜欢的页面或电影时,对着千篇一律、毫无新意的加载页面,简直枯燥乏味无聊极了![br][br]实际上,有研究表明,普通用户能够忍受的最长的加载页面的时间一般为8秒钟。8秒是一个临界值,如果加载时间超过8秒,除非用户必须在这个页面获得一些信息,一般用户会关闭页面或者转到其他页面。[br]那么在这短短内,如何用一个小小的加载进度条吸引

3大原则帮你优化着陆页

很多做竞价的都不重视竞价着陆页的优化,虽然这只是一个页面,但是对于重要信息的传达,访问者的跳出率和转化率起着重要作用,为什么说会影响到重要信息的传达、跳出率以及转化率呢?我们来具体看看。[br][br]竞价着陆页是通过竞价链接到访的页面,这一个页面所传达的信息一定是竞价链接的创意是非常契合的。怎样来界定页面的信息的重要程度呢?可以把创意与页面内容作比较。如果通过创意进到着陆

产品微操的艺术:提高核心指标的5个需求原理

PS:向老周致敬,感谢360手机助手这样的环境我才能用数据验证完大部分自己总结的理论,ABtest需要人力、时间、资源,中小公司人力不够,大公司因体制问题,有人力、资源,时间慢、资源无法到位,在360这样主打短平快准的风格才有机会快速验证,当然弊病是中长线的活儿很难推动。[br]# [br]# 概述[br]产品跟DOTA或者LOL一样,不同的公司体制培养出了不同的产品风格,

原创译文 | 面向对象的用户体验设计

2012年6月,我在CNN.com工作时,接到了为“选举之夜”进行用户体验设计的任务。接下来的5个月我为那1个晚上贡献了全部精力——但我的成功对选举的胜利方没啥影响。我所关注的是页面的可读性,数据的可视化,可变形的画布,以及在iPhone上怎么实现该死的鼠标悬停弹窗效果。在当时,CNN.com首次上线了响应式体验站点,同时,我也第一次面临响应式体验设计。这是一场豪赌。选举之

交互设计:五维分析法

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

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

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

设计规范如何写?这20个精选案例让你大开眼界

如下为规范汇总页,里面囊括了许多大家熟知品牌的规范。1.Brand Style Guide Examples[br]从中大致可以总结出规范的分类:品牌类(VI)一般以产品宣传手册形式呈现,帮助塑造企业形象。平台、系统类面向第三方开发者,介绍平台、系统生态的设计指南,要说明平台理念,开发者要遵循什么,以及遵循这套规范有什么好处。产品业务类面向产品内部,规范侧重在产品设计和实现

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的界面设计,加上网站越来越多地转身为响应式设计以适应多种显示设备,这些经验很多依然有效,但因为显示设备与使用环境发生了变化,也给文