[译文] 移动端交互设计的一些技巧

作者:Nick Babich;翻译:风口上的猪毛译者注:我是一个带有感情色彩的搬运工...回顾近些年来大多数成功的交互设计,都严格遵循着一些基础准则。他们适应人类的自然行为,悄无声息得减少干扰,专注于视觉呈现和交互体验以及其扩展性。一起了解一下这些重要的设计技巧,并且学以致用吧有效的排版方式应用中的内容可以建立用户和APP之间的精确关系,并且帮助用户达成诉求。在这个交互过程

网易用 19 年总结出来的发展之道:用户体验是价值线 像创业公司那样去做产品

很少有人意识到网易这家公司已经成立19年了。从卖软件开端,网易弄过门户,搞过短信,做过游戏……每次转型都紧跟时代的创业大流。2006年,网易在杭州设立研发中心,2010年正式投入使用。10年时间里,网易一直在鼓励公司的内部创业,也在用扁平化的组织架构推进业务的竞争力。现在,网易的游戏,移动互联网应用、电商产品、云计算以及其他产品都有了一些不错发展。作为国内较大、资历较深的互

从 APP 交互设计角度,来评判一款 APP 是否优秀

上一篇文章,我们谈到了如何去从一些优秀的APP案例当中学习交互设计细节和知识。其中有一点就是学会判断这款APP是否优秀,或者说是否值得我们去参考和学习。并不是全部APP值得我们去参考和学习,太浪费我们的time啦今天,教大家可以从下面的6个方面来评判下。第一个方面、使用是否符合其定位app本身是为了解决某一个特定的问题,但是在app中又难免加入一些商业的元素。app本身应该

Akamai 推出全新 Image Manager 智能化应对图像优化挑战

通信世界网消息(CWW) 阿卡迈技术公司(简称:Akamai)于今日推出了Image Manager(图像管理器)。Image Manager专门搭配Akamai的行业领先Web性能解决方案来使用,使客户能够以一种快速而简单的方法创建最佳图像,然后通过各种类型的设备和浏览器将其交付给所有用户。此外,视觉无损压缩功能能够在不影响用户体验的情况下降低页面大小,从而提高网络性能及

交互设计师,你原来是这样的“线框仔”

昨天在知乎上回答了一个关于“线框仔”的问题,其实对这个问题深有感触,我自己也曾经经历过这样的阶段,便写下了以下答案,希望交互设计师都能是真正的设计师而不是沦为“线框仔”。选择交互设计师这个职业,我相信有很多人当初和我一样都是怀着一颗“用设计改变世界”的心,我们看着那么多伟大的公司正在用设计驱动着科技,改变着未来,我们为之沸腾。这说的可能有点大了,但是往小的说,我们至少可以通

网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的 3 个阶段

交互设计师的三阶段:有美感、有逻辑、有sense我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个需求交由一个新来的小朋友锻炼锻炼,在这过程中产出的阶段性方案具有问题的典型性,不妨把它们看成一个交互设计师对交互设计理解的不同阶段。由于活动需求来得急,

由标签导航引发的几个问题

不要打破产品架构,深入思考根本原因。正文记得之前写过关于标签导航如何设计的一篇文章,大体上的介绍了几种类型,这周正好遇到个关于标签导航的问题,是我无意中看到别人在讨论的:产品要求在底部的导航中由原来的五个主功能增加至六个,交互如何说服产品打消这个念头?本周就这个问题我详细说下当中的几个要点以及延伸出来的几个问题。不要打破标签导航的架构之前写过一篇文章是关于产品核心功能的,文

用一个文本框,让你学到交互设计师的逻辑思考方法

文本框是设计工作中常见的组件之一,无论是PC还是无线,大多仅是样式上的不同,它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发,让大家看到 交互设计 师在工作中的逻辑思考方法,从而达到见微知著的直观感受。先来做个设计需求吧!这个设计需求是:我们需要用户填写活动的名称。第一反应,这个是用来收集信息的,需要用户填写内容,并提交给系统,应该使用文本框.然后大笔一挥,设计

别总把用户体验挂在嘴边

追求极致的用户体验,这是种精神,是在策划、设计、开发、运营、市场等等各个层面都仔细考量,并把艺术与实用一起带给用户的完美主义价值观,而不是用来挂在嘴边念叨的口号。不知道什么时候起,“用户体验”这个词开始被越来越多的人挂在嘴边——是的,挂在,嘴边。HR:诚聘产品经理/交互设计师,追求用户体验的小伙伴请到碗里来……BOOS:你是产品负责人,提升用户体验是你的责任……市场:不是推

SEO 网站图片优化的基本技巧

现在很多网站都是以产品为主,会有大量的图片,这些图片也是可以进行优化的,那么这些图片如何优化才好呢,下面博主列出了一下图片优化的技巧。一、图片优化要做上alt属性图片alt属性俗称替代文本是为了蜘蛛可以更好识别你的网站,图片优化做好alt属性描述是必须的,从用户体验来看,图片ALT属性也是必要的。比如带宽较低、网络阻碍等导致网页上的图片无法显示。描述性的图片ALT属性可以告

ThinkPad 商用端产品进化进行时:微调一小步 用户体验增进一大步

ZD至顶网个人商用频道 9月21日 北京消息 (文/陶婧婕) ThinkPad的标签就是高端、商务,不过近期,这种固有印象似乎被ThinkPad自己打破了。不再坚持“纯黑”外观,在2014年年底,联想推出了ThinkPad首款全银色笔记本——ThinkPad S3 Yoga;今年7月份,ThinkPad还吹响了进军游戏圈的号角,并推出了首款游戏本黑将S5。小黑,你变了!你还

超详细!给平面 / 交互设计师的实用报价指南

这篇文章以最常见的“平面设计项目”和“交互设计项目”为例,由表及里,为您详细分析设计项目如何计费!创意和爱情一样,是很难用价格来衡量的东西。俗话说,谈钱伤感情,但是和设计师合作就像谈一场恋爱,不投入哪里有回报?这时候你一定头疼了:我并不是舍不得花钱买好创意,但我希望我花的每一分钱都值啊!来看看下面这篇文章,你就会懂得如何与设计师谈一场“物超所值”的“恋爱”。项目估价、报价不

用好的交互设计来管理复杂-“Tab”

标签可能看起来像一个微小、乏味的图形用户界面设计,但我们合理的运用Tab的特点,易用易理解,就能为你的用户体验加分。最简单的界面小部件会是大模块功能的基石,是否用好用得合适对产品的体验起着重要的作用。本文谈论的就是一个经常被误用的设计元素:Tab。上下文替换在相同的上下文中使用Tab来替换视图,设计的标签是平行的性质,而不是导航到不同的区域。这种Tab切换,可以直观的看到逻

腾讯 X 项目的交互设计小结

最近在做腾讯内部系统X项目的交互,具体的项目内容现在还无法透露,趁热打铁,先来一段交互小结吧。一、可视化当系统的数据过多,数据结构繁杂时,可以将数据可视化展示。能让使用者更好的理解数据,有效提高使用者的操作效率。可视化的设计过程,可以分为两个步骤1、提取数据结构;分析现在的数据,并总结现有数据的框架结构,将数据分层级归类。比如:在文章中,一级标题下包含二级标题,二级标题下包

用好的交互设计来管理复杂-“查看更多”

“查看更多”按钮像一个链接标签的拐杖,在各类网页及App中被通用,网站现在已经大量使用这个通用的标签链接。作为一个独立的标签,“查看更多”按钮,直接描述所表达的含义,用以帮助用户从下一页了解所期望的内容。现在的很多网站及App设计,越来越弱化不太重要的信息内容。也就是说,标签及按钮描述都会选择简短精致的措辞,以保证用户易于扫描,方便消化。当用户决定他们想要更多的信息的时候,

用户体验设计研究:入门完全指南

对于一个在乎用户(谁在使用我们的产品,服务,以及应用程序?)的领域来说,调查研究是极其重要的。我们提出问题,记录观察到的信息,了解一切关于我们目标用户的信息,然后在整个设计过程中不断测试我们的想法或者设计。UX(用户体验设计)研究—或被称为设计研究—在整个设计过程中起到多方面的作用。它可以帮助我们确认、证明或反驳我们的假设,发现我们目标受众的共性,并提取他们的需求、目标和心

打造用户体验,从微交互开始

用户体验设计的本质在于既要关注细节,又要关注大局,只用这样用户才可获得最好的体验。解说微交互的重要性:为什么产品的留存率低,为什么用户还未使用产品就决定了放弃,为什么我们的用户一边抱怨一边在使用产品?设计在于细节,而细节又决定成败。因此导致以上的“为什么”在于产品的细节设计。我们经常宏观考虑,忽略了用户使用产品过程中的许多细节。但这些细节正是让产品更加人性化的东西。什么是微

重要却容易被忽视的用户体验

1.容错性容忍用户不禁意间的错误操作,e.g. pinterest的开屏登录注册页。2.可预见性pinterest页面上的图片加载出来之前,会预先在图片的位置显示分析出的图片主色调;medium也会预先显示该图片的模糊效果图片。3.快速使用让用户可以快速的使用一项功能,不要让用户等待。将可以省略的步骤省略,将不重要的步骤放在后面操作。anti-e.g.知乎的话题收藏功能。4

如何将视觉设计与用户体验的统一,途牛设计师是这么做的!

Dribbble,国内比较追捧的媒体。上面聚集了很多项目的视觉设计图,有的配色很漂亮,有的表现手法很新颖(一定程度上会激发我们灵感的火花),但我们在不了解设计场景、目标的情况下是无法判断出这样的视觉设计是否最终解决了用户的问题。脱离业务场景的设计是没有生命力的更谈不上产品体验、服务体验,只有视觉和体验统一起来才能更好的占有市场,设计才具备了商业价值。一、什么是视觉设计人所获