BeFor Web
为网而生 - 原创译文博客 - 关注移动、VR及互联网产品的用户体验设计

产品

网站产品移动化的用户体验设计思路浅析 »

又是到处流淌着阳光的周末。让人忙碌和揪心的一件件事依然在继续。想到之前在微博上看到的一句话,大致是这么说的:“最终一切都会好的;如果还没好起来,那就是还没有到最后...”。今天的内容发掉之后,继续收拾家当;最好呢,这两天可以再抽时间搞些字出来,接下来的几篇候选文章还是不错的样子。大约10天之后搬家,所以下个周末能否如期更新就看前面几天的造化了。

说正事儿,今天的小译文相对务虚,原文作者浅谈了一些关于移动化产品在用户体验设计方面需要注意的问题,值得思考和借鉴;话题中有待深入探讨的空间还不小,全当抛砖引玉,强烈欢迎各位朋友通过评论提出您的看法。走着。

对于移动化产品(移动版本的站点、Web应用等)的用户体验设计,我们会习惯性的将更多注意力放在“动”的方面。回想一下自己是否经常会幻想这样的情景:用户正走在上下班的路上,或是在等车,或是挤在地铁上...他们掏出手机很匆忙的上上网或是摆弄摆弄app,然后继续奔波。

现实中,用户对移动产品的使用情景以及体验需求,其实早已超出简单的“动”的范畴;另外,随着平板电脑的普及,需求的种类也在不断的扩大和发展。作为用户体验设计相关人员,我们会发现,曾经惯用的一些小伎俩,比如简单的缩放功能或是更容易触控的大按钮等,已经无法满足用户更深层次的体验需求了

具有引导性的移动应用界面设计模式 »

文字工作搞的有点儿奔放了啊,一直玩到周日晚间这般时候;任何其他事情恐怕都难以让自己有这样的劲头了吧。也难说。其实周末两天主要是收拾家当准备搬家;忙里抽闲做做内容,纯当休闲娱乐。

今次的译文,与之前一篇产品早期原型设计与用户测试方面的文章类似,也是来自一本新书,Mobile Design Pattern Gallery(移动应用UI设计模式)。确实没时间念叨那些有的没的了,有点闹不住了;让我们欢快的进入正文吧。

前段日子,我们(英文原文作者)的团队接到了一个新的移动应用项目。悲催的是,当时所有的移动方面的设计师都已经被其他项目买票了,剩下的设计师所擅长的领域基本都在企业级应用或效率工具等方面。于是,我制作了一个包含大量移动应用截图的快速教程,希望帮助他们尽快熟悉新方向。结果真心好,培训效果喜人,这套教程也成为我们手头的移动应用设计模式参考,并逐步编纂成书。

我(英文原文作者)个人对其中关于“引导”方面的话题最有爱,在这里分享给大家。需要提一下,虽然这些设计模式都是基于移动应用归纳出的最佳实践方式,但它们在某种程度上同样适用于移动化的网站设计

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

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

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

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

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

台式机、iPhone还是iPad - 不同设备上网时间的统计分析 »

又是一周过去了。想想两年前每天早上做CMS方面博客译文的时候,最多念叨一下当天的天气啊路上的事情啊一类;如今每周搞这么一次,想对过去一周总结些什么,却发现记忆这东西真的不靠谱了。虽然只有几天,但是各种猫事、装修事、工作事、家庭事统统在头脑中纠缠在一起,只觉得自己好像一周一周的都在打仗。

之前有朋友提到过文章风格问题,觉得每篇开头的废话偏多;其实我也觉得。不过还希望各位谅解啦,怎么说呢,“为网而生”毕竟不是那些专门发布技术时讯文章的知名大站;这里只是我自己的个人博客之一,页头slogan里面提到的确实是核心内容,但是作为我个人来说,还是会随便念叨些有的没的。

那今次废话就到此为止了。本文中,作者汇总了一些具有代表性的网站(包括Read it Later、Financial Times、Linkedin等)的统计数据,图形化的向我们展示并分析了一天当中,用户使用不同类型的设备进行上网访问的时间分布情况希望本文可以对涉及移动互联网领域的产品同学有些参考价值。走着。

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

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

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

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

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

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

线框原型(线框图)的本质及实践应用概述 »

家里小猫生病,从周二开始一直折腾到现在,仍在治疗与观察中。几年来经历过几次这样的状况,虽然每次都会恢复健康平安,但一旦再次置身这样的过程里,怎样也无法停止焦虑与担心。除了尽心尽力以外,能做的只有不断祈祷,期盼着一切安好平安的状态早日回来。

篇幅不长的一篇文章,也因为这样的状况而拖沓了多日;一方面没时间,一方面没有任何心力的感觉。不多说了,我们来看今次的译文。

如今的设计圈子里,线框原型(线框图)这个词正在越来越多的被提起。过去几年中,在软件和Web设计等相关行业里,线框原型得到了迅速的普及,同时也带来了很多的误解。它的概念甚至在慢慢的被扭曲,使新手在入行时往往不能正确的理解它的用途。

问题出在哪里呢?最近,我(原文作者)与一些设计专业的学生进行了交流,他们问到不少关于线框原型的问题。通过这些问题,我发现他们对于“线框原型”这个概念的心智模型与其本质相去甚远——在他们的理解中,这个概念包括很多涉及视觉设计方面的因素。更糟的是,他们甚至不愿意去做线框原型方面的事情,他们只知道这是流程中的一个需要执行环节,却不明白它的重要性。这事弄的我相当郁闷,最初,我觉得这搞不好只是个例而已,但通过对行业内的现状进行观察,我逐渐发现,线框原型在很多项目流程中的执行情况真是够惨不忍睹的;原因来自很多方面,包括客户、设计新手、产品决策者等等

怎样通过更好的用户体验促进网站转化率的提升 »

若干年下来发现一规律:无论周末还是节假,只要是可以从头到尾在家休息的日子,起床未必会比平日晚许久,做事的强度与密度也不一定次于平日的工作。这是一种纯粹的主动。平日早上那种对懒觉和闲适的迫切的渴望,一旦可以实现,其实反而不在乎了;这些渴望,大概只是对无法按照主观意愿自由安排时间的一种无奈和反感吧。

说是这样说,但貌似蛮久没有周末两天都可以完整在家休息和做做事了,培训、贷款、装修一类公事私事绵延不绝的;也说不好眼下是疲劳呢,还是一种兴奋与憧憬。总之整体感觉还不算坏。

废话不多说了。本次的译文回归到传统Web方面,涉及可用性、用户体验及转化率的话题。走着。

对电子商务网站来说,可用性和用户体验的改善,对转化率的提高是有显著效果的。所谓的改善,不仅包括更好的视觉效果与内容架构,更重要的是,怎样以更专业化的、让人信赖的方式在正确的时间传达正确的信息,与潜在客户进行有效的沟通

通过本文,你将了解到,为产品创建着陆页面时需要注意哪些涉及用户体验和可用性方面的因素,包括怎样使用户的注意力集中在最重要的信息上,以及怎样通过视频、用户打分等方式,有效提升转化率

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

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

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

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

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

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

导读文摘111018(移动应用的用户体验,轻博客,简约设计...)  »

导读文摘节目时间。老规矩,选出6篇值得一看的新闻资讯或观点论述,无论网站产品还是移动应用都有涉及,就当作一顿精简而营养全面的下午茶点吧。

  • Adobe发布iOS与Android版PDF阅读器Adobe Reader
  • GuruDigger - 帮助靠谱的互联网工程师找到志同道合的技术合作伙伴
  • Chime.in - 和用户共享收益,为挑战传统社交媒体而生
  • 单一功能的应用程序是否给我们更好的用户体验?
  • 轻博客浅析
  • 简约主义设计:少就是多

走出移动互联网的迷宫 - 网站移动化的方法策略 »

继两篇关于响应式Web设计的译文之后,再来搞一篇“网站移动化”方面的。琢磨着自己大概是无论穿着什么鞋都打算趟趟这摊浑水的样子了。

今次篇幅不长,在我看来,本文更像是当老板或产品决策者无论穿着什么鞋都打算趟趟这摊浑水时,作为项目执行者,尤其是用户体验设计团队,所能给到的建议和方法参考。正像前面那篇“步步为营的用户体验设计 - 团队、影响力、协作与策略” 一文中提到的:“其实,‘用户体验设计’并非用来获取答案,它应该为项目执行方式的选择提供建议,或是为更好的设计开发流程创建架构。”OK走着吧。

眼下,移动互联网正扮演着越来越重要的角色,无论开发者还是普通用户,几乎所有人都在谈论它。传统互联网用户所习惯的那些访问内容、使用服务的交互方式正在被智能手机、平板电脑等设备迅猛的改变。作为线上内容及服务的提供者,我们必须尽快进入这个新兴市场,学习新的游戏规则

愿望是好的,“移动化”的方式却会时常让人找不着北。究竟应该怎么做?开发一款iPhone或Android应用吗?还是为网站专门搞一套或N套适用于不同移动设备的设计方案?最重要的莫过于首先对自己产品的内容及功能进行正确定位,对移动化需求的程度进行合理的评估;在此基础上,尝试最适合自己的移动化方式。目前,有一些比较常见的思路可以供我们参考选择:

Pages