BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

UI

简洁至上的Web设计 - 创意要素及设计技巧 »

周五了,将今次的译文发上来,以纪念一周的过去。眼看着天气突然就这么热了起来,坐在空调风口下面不到一米的距离内,周身热乎乎的,双眼也似有若无的迷离了起来,这是闹那样呢。

这周有两大喜事。一是终于不用每天回家一直泡在iOS Wow Factor一书的翻译工作当中了,具体情况会在接下来一篇文章当中进行嘀咕。第二是公司UED新总监的到任。看到了一些希望在里面,这两件事都是如此。我们来看正题吧。

简洁,不等于简单。这与弹琴是一个道理,你也许有能力弹得很快,但你并不需要在所有地方都弹得这么快。在很多时候,让速度慢下来反而比弹得飞快要来的更加困难。实际上,味道往往最能体现在从容自然、舒缓平淡的韵律当中。接下来进入原文作者人格;我发现自己在很大程度上就是一Dummy System来着。

简洁的Web页面设计风格是当前圈子当中的风潮之一。在本文中,我们首先将对这类风格当中的那些最具代表性的组成要素进行分析,随后,我(英文原文作者)还会向各位分享一些工作中的实战技巧。

设计好脾气的Web页面 »

感觉已经连续下了九百多天的雨了,身上也仿佛即将生出苔藓与蘑菇。Down your sister's rain...淡定着,说正事儿。本篇译文其实在春节之前就有所着手,不过期间连续看到了几篇更想做的,于是相当没有节操的见异思迁了。今次恰逢母难日,抓紧时间补回来。走起。

随着技术的进步,Web设计的理念与技法也在不断发展。设备种类越来越多,带给我们的挑战也越来越大。怎样以最合理的方式使设计方案能够最大程度地适应各种设备的性能与规格属性,这是我们在工作当中必须考虑的问题。

面对这样的挑战,我们一方面会觉得自己曾经熟悉的工作领域突然充满了未知感,而另一方面,一直普遍存在的那些旧问题也依然摆在面前。我们是否需要花费全部精力用来解决各种新旧细节问题,还是可以从宏观上寻求一些具有指导性质的“真谛”?

Web设计的历史过于短暂,要想弄明白一些大道理,我们不妨将视野放远些,让思路跨越设计的范畴。其实,我们真的可以从那些看上去与设计没有多大关联的领域中找到一些抽象化的、更具普遍意义的思路和模式,以帮助我们解决自己的问题。心理学和音乐等都是我们可以加以研究和探索的对象接下来,就让我们一起了解一下巴赫与当前Web设计所面临的挑战之间的关系。巴赫诶。

又是为了触屏移动设备而设计 »

印象当中,最近这些年的春天总是会带来让人觉得真心别扭的气候体验,雨和冷风就像催化剂一样,让生活和工作当中的人和事也变得异常凌乱,仿佛一团被咀嚼到完全失去味道的槟榔。November Rain前奏当中的钢琴旋律多少可以让心安然一些,一旦摘下耳机便又是个令人想要把自己的脑袋拧下来吃掉的世界。

可脑袋一旦被拧下来,就什么也无法吃的样子了,不是吗。说正事儿吧。Designing for touch,关于这个话题及相关的文章,最近貌似已然铺到大街上了,不过我还是做我的吧。在标题里加了个不伦不类的“又是”二字,以示区分。内容方面应该会有些交集,但这是我自己的。

Josh Clark老师最近蛮活跃的。在本文中,他将向我们介绍一些触屏移动设备用户界面设计当中需要注意的问题,并对iPhone、iPad和Android相关设备在触控交互体验方面的友好性进行了对比和分析。欢迎,走着。

对于移动设备的操作系统及应用来说,判断其用户界面设计方案是否优秀的一个重要衡量标准,就是看它对于手指触控操作的友好程度。相比于桌面计算设备及相关的软件环境,触屏移动设备所具有的交互特性几乎将用户体验设计师们带入了工业设计的领域;设计方案更多是在体现着人机工学方面的原理,而不再是仅仅用来规划内容与功能的视觉呈现方式

iPad应用的十大用户体验设计准则 »

咱先祝各位情人节快乐吧,宅基腐都没太大所谓,2012了,图个乐呵。话说今次上新与之前一篇的间隔稍微长了些,不过也确实尽力而为了;天天梦里都在翻译东西,满脑子的iOS、交互设计、用户体验...希望事情都能快快的顺利搞定。

闲话不多说了,今天的这篇译文同样是移动方面的话题。有人说了你这不叫“为网而生”么,哪来这么多移动的东西呢?这事儿也不奇怪,首先这是我个人目前最关注的方向,也是除了工作时间以外花费精力最多的地方;其次,正像我们在“从网站到移动客户端应用 - 随机应变的用户体验设计 ”一文中提到的,我相信很多同行朋友们无论一直以来主攻哪个方向,也许现在都已经开始琢磨着探索移动应用的相关领域了;其实这是个生态问题。OK我们果断进入正文。

与众多优秀的产品相同,iPad应用的成功也取决于产品核心价值以及用户体验模式等诸多方面的因素。除了游戏之外,多数类型的应用都必需能够在一定的上下文环境中帮助用户解决某些特定的问题。它应该足够的简单易用,使用户不需要进行复杂的设置和学习就可以顺利上手。而产品在视觉外观、交互方式、情感联接等方面的表现更会直接影响到用户对于应用的体验满意度。

在本文中,我们将共同了解一些你在设计工作中需要认真考虑与贯彻的指导准则。我们不会对创建iPad应用的完整设计流程进行讲解,也不会将时间花费在几乎任何一篇移动应用设计文章都会提到的那些细节当中的小方法小窍门上。本文的主要目的是帮助你在实际的iPad应用项目中制定更加合理与正确的产品设计决策

比较与选择 - 怎样通过设计帮助用户制定决策 »

话说时间也真不是怎么挤怎么有的,除了上班和翻书以外,每天再来这边码码字就已然把最后一点可用资源占用干净了。不过有一点自己还是比较清楚的,能够把大部分时间精力都放在这些事上面,其实完全能够说明现在日子的状态在好转,让人揪心耗神的事情在逐渐变少。OK,双鱼男的唠叨就此打住,我们来看今次的译文。主题关键词:比较、选择、决策、设计的引导。

设想一个潜在用户正在浏览你的网站,比较着你们所提供的产品与服务,琢磨着是否要进行购买。也许你可以自信的说,当前的“购买”功能对于用户来说是非常醒目和易用的,但是你能保证在“对比”和“选择”等方面的体验也是同样靠谱的吗?

如今,很多用户体验设计师对于面向用户行为的设计思路已经非常熟悉了。但是在很多情况下,大家的设计都是基于“用户必然会执行操作”的假设。要知道,所有的操作行为都是跟随在某种“决策”之后的;例如,要产生购买行为,用户首先需要在目标商品的选择上做决策。

曾经有研究指出,决策的制定过程是具有很强的弹性的,可供人们参考的因素也不像我们一直以来认为的那样明确和稳固;该过程所处的上下文环境对于决策结果本身具有很大的影响。从网站产品设计的角度讲,这个研究结果是非常重要的;它相当于在告诉我们,作为用户制定决策的上下文环境,网站本身的设计方式不仅会作用于“可用性”等常规的用户体验要素,更可以影响到用户对行为的选择和决策

怎样打造高性能的移动用户体验 »

在新家一点点安顿了下来,不过心里还是缺乏踏实的方向感;猫猫们也都有些瞻前顾后草木皆兵的样子,有待继续习惯;希望大家都好好的。话说眼前的这篇候选文章貌似已然有同行做过译文,不过正像 “关于BeForWeb”中所说的,我只挑那些我喜欢的 、对我自己有学习和收藏价值的内容来做译文,其他方面的因素和我没有半毛钱的关系。不多说,直接进入正题。

在人际关系中,良好的第一印象是非常重要的,人们愿意在彼此身上寻求信任与诚实,并期望在接下来的经历中重现和增强这些好感。同样的道理也体现在移动应用或互联网产品中。在打造良好的品牌信誉及其与终端用户之间持久信任关系的过程中,“设计”扮演着极其重要的角色。

在用户的期望中,移动应用应该是准确、友好和高效的。然而,移动设备自身的局限性确实为产品的设计带来了不少挑战。要打造值得信赖的移动应用用户体验,产品在性能方面的表现是极其重要的关键因素。

本文中,我们将对移动应用的设计与性能表现之间的关系进行讨论,并了解七个相关的设计准则。这些准则都是我们(英文原文作者)团队在各类移动应用实际项目中逐渐总结归纳出来的 ;希望它们同样可以帮助大家在落产品实需求的同时,从性能的角度更加合理的规划设计方案

Web应用的成功之路 - 产品早期的原型设计与用户测试 »

最近一阵有些难以抑制的脑痒手痒,阅读和码字的欲望也渐增;却受时间精力等绝对客观因素所限,不得不维系一周一篇译文的频率,感觉多少有那么点沮丧和无奈。

关于本文,其实在标题上犹豫了蛮久。这篇内容是新书A Practical Guide to Web App Success的第15章;主题显然应该在Web应用方面,但是本章单独拎出来看的话,却又适用于各种常见类型的Web产品。whatever,不矛盾。作者Dan Zambonini在本文中将向我们阐述Web应用在原型阶段的设计与测试工作的重要性,并从实际执行的角度出发,介绍一些经验方法和常用工具。走着。

产品在原型阶段的设计与测试工作,是决定一款移动应用能否成功的重要因素。提到原型设计和用户测试,人们往往容易产生厌倦与回避的感觉。这也不奇怪,在很多实际项目中,这方面的工作似乎就是“随意性强”,“耗时”,“高成本”一类的代名词。

不过在我看来,它们其实是整个设计流程里最重要的环节。无论你或你的团队在用户界面视觉设计等方面有多高的造诣,我都建议各位对原型环节的相关工作提高重视。基于高保真原型的用户测试,可以让很多关于需求、功能、界面设计等方面的潜在问题尽早暴露出来;这类问题往往直接关乎着产品的成败

Foundation框架 - 快速创建跨平台的网站页面原型 »

整个一周都在揪心的猫事中度过。从十月底到现在的这段日子里,倒是越发懂得珍惜每天中片刻的宁静时光。有时会怀疑家里是否有时空漩涡一类的东西,不然钟表怎么会走的那么快,一点儿也不愿停下等等我的样子。一切都会好起来。

独白终了,进入正题。最近两篇译文都有涉及框架和跨平台方面的话题:前一篇中,我们了解了一些用于移动应用开发的前端框架工具;今天这篇的立足点偏向设计开发流程的上游,它将向我们展示怎样使用Foundation框架快速创建跨平台的、可以在多种设备上进行测试的响应式页面原型。下面开始正文部分。

开门见山的说,作为网页设计和开发人员,我们面临着以下几个严峻的问题:

  • 每天,人们用来上网的设备种类和数量都在不断上升。
  • 为每种设备设计开发不同的界面是不可能的。
  • 即使你专门为某些设备定制打造,这些设备也很有可能在不久的将来退出主流舞台。

真心欢乐。别怕,大家一起面对并解决问题。其实,不同类型的设备及屏幕的这个问题,很早以前就开始存在了,只是多年来我们一直忽视这个状况,一厢情愿的守着960像素的网格系统

案例学习 - 响应式网站的产品需求和设计流程详解 »

今次的译文中,我们继续响应式Web设计方面的话题。前面的几篇相关文章以概念诠释、方法说明为主,本篇则围绕一个实际网站案例展开,从需求、流程、步骤细节等方面描述了响应式设计在项目中的实践方式。

本篇的部分内容要点会与之前几篇产生交集;我们会在这些地方提供相应文章的入口,便于深入参考阅读。接下来进入正文。

根据DailyTech的统计,到2015年,移动互联网的用户数量将会超过桌面用户。除了智能手机之外,使用平板电脑甚至是电视机进行上网的用户也在持续增加。在这种形势下,怎样让我们的网站尽量兼容各种类型的设备,并确保优良的用户体验,这将是越来越重要的问题。

通过响应式的设计开发方式,我们可以使网站页面随浏览设备的不同而自行响应,动态的调整布局结构、元素规格样式,将相同的内容以不同的格式呈现给不同设备的用户。

如果你对响应式Web设计还不大了解,可以先参考阅读我们之前的关于响应式设计的概念、组成要素及基本实现思路方面的文章,全方位预热一下。

从网站到移动客户端应用 - 随"机"应变的用户体验设计 »

平日的工作忙碌了些许,疲劳因素让每晚散碎的时间显得更加吃紧;赶上这样稍微有点篇幅的文章,做起来就有些迟缓了,哼哼唧唧的翻译了将近一周。

话说,又是以移动应用为主线的文章,这是闹哪样呢。但也不至于和本小博客的主旨相悖;网站产品移动化,设计思路移动化...在移动互联网汹涌的大潮面前,这是合情合理的趋势,也是我们在用户体验设计相关的日常工作中越来越多需要面对和学习的。

如果你一直以来从事着相对传统的交互、视觉等方面的Web设计工作,而如今开始打算扩展视野、提升技能、随“机”应变,做一名移动互联网的弄潮儿...那么本文很适合你阅读。相关领域中的几位牛人会在接下来的时间里带给我们一些很实在的经验之谈。全文大致分为三个主题:

  • Web设计师需要学习哪些知识和技能,才能进入移动应用的设计和开发领域?
  • 从设计的角度讲,移动客户端应用与传统网站页面之间的主要区别在哪里?
  • 怎样提升移动客户端应用的用户体验?设计师需要特别注意哪些?

开始进入正题。现如今,到处都有人在谈论移动应用方面的话题,从视觉外观到交互体验,这个那个的不亦乐乎实际的统计数字也是蛮惊人的。最近,一份来自Flurry的研究报告显示,用户(美国地区)每天使用移动应用的时间,平均下来是81分钟,已经超过了平均74分钟的上网时间

Pages