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

移动应用

移动应用的视觉美学 - 谈三款拥有高收入的应用产品 »

“状态不好”这类话,无论自己讲给自己,还是他人讲给你听,其实都会产生一系列极其负面的自我暗示效应。一旦身处这样的效应链当中,想抽身便不那么简单了。

看似没头没脑的开场白,不过似乎在过去的一周里,自己就是纠结于这样的思维当中。终于到了周末,顺便多请了三天的假期,在家休整一下,放下那些会让我“状态不好”的东西,做自己喜欢做的事,看自己喜欢看的书,说自己喜欢说的话。不多说,进入今天的译文。今次偏向视觉方面,送给所有可爱的视觉小动物。

当前,智能手机的占有率仍在以前所未有的速度飙升,移动应用市场也在造就着下一代的“科技百万富翁”。苹果的App Store当中的应用数量已经超过68万个,并且正在以平均每天375个的速度继续增长着。

市场的巨大是毋庸置疑的,到处都有很棒的机会。不过一个显而易见的问题在于:成功的移动应用是由什么造就的?

这个问题的答案通常包括创新的概念、才华横溢的设计、坚实而高效的开发等等。其中,“视觉美学”这个要素通常可以对应用产品的成功以及品牌的塑造起到巨大的推动作用。在本文中,我们将以App Store当中三款拥有高收入的应用为例,来看看他们在视觉设计方面都有哪些独到之处。

移动应用设计案例 - 打造初创型产品的用户体验 »

又是天气不错的周末,不冷不热,一年里最舒服的一些时日了叭。感觉自从十一长假结束之后有些东西就变掉了,自己熟悉的很多事情、很多感觉,都像是在头脑里向后退去了一层,要努力去抓才能让它们回来的样子诶。也许只是阳光泛滥了太久的缘故。

好叭。今次的译文是我最喜欢的一类小菜,篇幅简短,实战性强。原文作者,来自Frog的一名交互设计师,讲述了她与朋友在共同设计开发拼车服务Ridejoy的iPhone客户端的过程中所遇到的一些挑战以及相关的解决方案。前戏到这里,进入正文。

Ridejoy拼车服务在Web端上线运营了几个月之后,大家对当前的用户基础有了比较清晰的认知。而对于Ridejoy的iPhone应用来说,我们希望它不仅仅是网站的移植版本,它所能带来的应该是更符合移动上下文环境的全新用户体验。

基于这样的产品思路,我们识别出了三个关键性的挑战:

  • 怎样鼓励驾车者及搭乘者发布更多的信息?
  • 怎样快速有效的帮助驾车者及搭乘者进行匹配?
  • 怎样促进那些已被匹配的驾车者及搭乘者更有效的完成约定?

设计师应该了解的iOS应用开发基础知识 »

先祝各位假期愉快喽。不知有多少同学和我一样计划把这8天当中的多数时间花在“宅”上;做做博客和小项目,看看live视频,录点demo出来,太赞了这日子。

话说这里我要长出口气先。今次选做的译文蛮科普的,也真是蛮长的,还好之前几天就开始着手来做,也在微博上做了预告;搞到这两天觉得简直是没有尽头的样子。

我之前几个月花了蛮多时间在iOS应用开发的学习上,到目前为止感觉也仍只是入门而已,所以真心觉得这一篇文章即使再长,也无法让人从零开始学会怎样开发一款应用。但之所以建议和我一样的交互或视觉设计师同学们来阅读,主要目的是让我们自己在头脑里建立开发意识,了解这摊子事情大体是怎么一回事。如果你有兴趣,以此为起点,通过学习逐渐掌握了开发技能,这自然不坏;但更实际的效用,我个人看来还是在平时的工作当中,在打造设计方案的过程中,可以结合具体的开发可行性进行考虑和评估。另外,当程序员同学告诉你哪些不能做的时候,我们自己心里也可以有个底;这事不用说太细,大家都明白。OK废话不多说,进入正文。

作为一名交互或视觉设计师,你希望顺应当前大环境的发展趋势,向移动领域拓展自己的视野和能力,于是决定挽起袖子学习iOS应用开发。兴奋之余,你开始做一些初步的研究,但是很快发现,除非自己有足够丰富的编程经验,否则要实现目标还真不是件易事。

确实是这样。苹果提供的开发文档主要是面向技术人员的,市面上多数iOS开发书籍都会一上来就问你是否掌握了足够的Objective-C知识,而网上各种教程的质量又参差不齐,其中有不少还是面向着很旧版本的iOS系统及开发工具的。

本文的目的就是帮助各位设计师在最短的时间内,以实战的方式探索iOS应用开发工具及相关的基础知识。我们将一同了解应用开发流程中的一些重要环节,包括理论讲解及方法演示,即使你没什么编程经验也没问题。

先了解规则,再寻求创新 - 关于iOS应用界面自定义 »

刚刚在微博中傲娇的赞许了一下iOS 6当中图标形式的Action Sheet。我真心不愿意用九宫格这三个字,好傻。地图用谁家的,能不能用汉语调戏Siri,这类问题我个人来讲不是很关注了,没多大需求;倒是这些交互模式当中的小改变更让我觉得惊喜。

这些改变体现出的设计原则依然是我们耳熟能详的那些:针对移动设备特定的使用情境,减少用户对于文字的阅读量(文字按钮的文案)、减小UI元素的排布密集度(文字按钮纵向排布的方式)、充分利用用户对常规应用图标的辨识和记忆能力(邮件 、信息、微博)等等blahblah...iOS Human Interface Guidelines摆在那里,有多少设计师能真正把它吃透呢?不想代表任何人,至少我觉得自己远远没有达到那样的程度。

Xcode正在更新,不知所谓的“SDKs for OS X 10.8 Moutain Lion and iOS 6”当中是否包含制作新模式Action Sheet的方式,希望可以喽;就算不会去做iOS 6 only的应用,看到这样的变化及相应的原生制作方法一点点出现,也是一件非常开心的事。

蛮巧的这个话题与今次选定要做的小译文契合在了一起,多棒的一天。原文当中的一些铺垫就不做过来了,大意是作者的一些朋友把iPhone应用设计想的太简单,把过多的精力放在了业务、市场一类事情上面,却忽略了设备自身属性所导致的交互模式方面的一些特定问题,致使产品自身在细节设计当中具有硬伤blahblah...我们跳过前戏吧,想必看过日本动作片的同学是可以理解的。那么大家都可以理解喽。进入正文。

将产品在移动应用市场中推向成功的十点建议 »

话说最近忙的倒是有些昏天黑地了。和老朋友合作一个应用项目,“情感”方面的一个东西,做的还蛮来劲的。时不时的精分一下,全身心进入某个角色,体会ta的情绪和心理需求,难以自拔的时候心里还真挺难受的...

在这个流程中,有个环节确实需要一定的把握能力:一方面要尽量充分的进入角色去使用yy出来的产品,完成目标任务;另一方面又要让自己保持在一个观察者的位置上,对角色的每一个动机以及感受上的波动进行考量和评估。慢慢的,我发现自己必须借助辛普森之家以及90版封神榜才能恢复较为正常的心智状态。

写到这里突然阴云密布下起了大雨,我想还是不要扯下去了为好。这次上新的译文代表着我个人最近需要稍微关注一下的方面,当然最好也能为大家带来些阅读和参考的价值;如果不能,也真心希望您别太介意,毕竟我只是在自己的博客微博里做着自主分享和交流,不是自我感觉良好的在什么大会上给下面百八十号人讲课。江湖老油条我一辈子也做不来,咱各自玩各自的。正文走起。

iOS Wow体验 - 第八章 - 易用性与自动化技术 »

本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第八章译文精选,也是全书译文的最后一篇。上一篇:Wow体验 - 第七章 - 操作图例与触屏人机工学

关于本套译文分享的详情及目录结构,请参考iOS Wow体验 - 译文分享说明

全文由C7210自发翻译(编译),并首发于Beforweb.com,如需转载,请注明译者及出处信息。英文原书版权由Apress所有,中文引进版的版权由相关出版社所有。

在过去的几年里,自动化的概念逐渐出现在了用户体验设计的领域当中。这个概念的迷人之处在于,它会向用户隐藏一些复杂功能逻辑与操作流程,使用户将注意力集中在目标任务本身,从而令产品更加易用。

在本章当中,我们将了解一些自动化的基本知识与相关设计准则,看看怎样将自动化技术方案整合到产品的用户体验框架当中,期间需要注意哪些常见的问题。

横竖屏切换中的界面设计与体验提升 »

之前一周朦朦胧胧的过掉了,想来也没什么可回忆的。这是一种不坏的状态,就像每天早上莫名的空洞,它们都代表着生活和工作里至少还没有很坏很衰的事情让人焦虑。有吗?也许只是在哄骗和宽慰自己。

杂志一般的小译文一篇,适合这样的下午做一做,适合这样的周末读一读。走着。

眼下,智能移动设备内置的加速计的主要作用,就是根据设备的定向方式来决定屏幕的显示模式,也就是在横屏或竖屏模式之间进行切换。这种功能使用户通过简单的动作就可以得到额外的布局模式,期间不需要操作任何界面元素或实体按钮。对于我们来说,这是一个提升产品用户体验的契机,但其中也不乏挑战;我们要充分了解不同定向方式所涉及到的使用情境,并确保两种体验模式之间的差异不会给用户带来唐突的感觉。

几乎所有类型的移动应用都能从显示模式切换功能当中获益。本文将围绕着这一话题,为应用的设计师与开发者们介绍一些可以运用到实际工作中的基础概念,同时还会帮助大家了解那些在实践当中有可能遇到的挑战以及相应的解决方案

从iOS到Metro - 重新设计应用的交互模式 »

上周有幸玩了一会Metro的平板。单说视觉风格,仍是我的大菜,但真正用起来却不觉得舒畅,尤其是横向浏览内容列表的时候,视线不停的在X轴与Y轴之间切换,很快感到头晕目眩,这一切似乎比瀑布流更加凶残。

当然,仅仅是个人感受;我不想这样就得出Metro中看不中用的结论。做这篇译文大致可以代表我的立场,即相比于iOS来说,Windows这套东西确实有很多独到的精华在里面;我想通过这样的文章加深认识,了解一些表象背后的东西。也希望本文可以给那些已经熟悉iOS,但对Metro及Windows平板仍属于初识的朋友们一个小小的起点。接下来让我们进入正文,一篇与来自微软官方的案例文章。

iOS是个不错的平台,人们在其中创造了各类触控优先、有趣且吸引人的应用。不过,随着Windows 8的登场,设计师和开发者们又多了一个释放创意能量的新舞台。

在本篇案例当中,我们将帮助各位使用Metro风格的设计原则对原有的iOS应用设计方案进行重新构思,大家会了解到怎样将iPad当中一些常见的界面元素及体验模式转换成为Metro风格,以打造全新的Windows 8应用。我们将对同一款应用在两个平台中的不同设计方式进行对比,帮助各位了解怎样将你的应用与Windows 8以及Metro设计原则进行完美的融合

iOS Wow体验 - 第五章 - 利用iOS技术特性打造最佳体验 »

本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第五章译文精选,其余章节将陆续放出。上一篇:Wow体验 - 第四章 - 为应用的上下文环境而设计

关于本套译文分享的详情及目录结构,请参考iOS Wow体验 - 译文分享说明

全文由C7210自发翻译(编译),并首发于Beforweb.com,如需转载,请注明译者及出处信息。英文原书版权由Apress所有,中文引进版的版权由相关出版社所有。

iOS是设计师们得以施展技能的绝佳舞台。同时,苹果也向开发者们提供了一系列专业化的技术方法,帮助他们从容应对各种复杂的设计方案所带来的挑战。

伴随着技术的革新与发展,越来越多的交互体验模式正在孕育而生。设计师的创作思路得以扩展,技术开发人员也拥有了更多高效的方法和工具来准确的实现设计方案。设计与开发之间的障碍正在被各种新技术不断的突破,项目中一些职能角色的性质也在发生着变化,越来越多的设计师超越了相对传统的专职领域,开始直接进行开发方面的工作

对于团队来说,那些同时掌握着设计与开发技能的人员是非常有价值的。我们所说的这种“掌握”不单单是指对于技术概念或术语有基本程度的了解,更重要的是,设计师需要对开发技术在各方面的特性及优缺点做到心中有数,并能针对这些特性来创造最合理的设计方案。

iOS Wow体验 - 第四章 - 为应用的上下文环境而设计 »

本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第四章译文精选,其余章节将陆续放出。上一篇:Wow体验 - 第三章 - 用户体验的差异化策略

关于本套译文分享的详情及目录结构,请参考iOS Wow体验 - 译文分享说明

全文由C7210自发翻译(编译),并首发于Beforweb.com,如需转载,请注明译者及出处信息。英文原书版权由Apress所有,中文引进版的版权由相关出版社所有。

对于要打造怎样的iOS应用,也许你在心里已经相当有谱了。不过在读过上一章之后,你就会发现自己还可以站在更高的层面上,通过具有差异化的用户体验策略来重新定义产品概念。

正如我们在前文中了解到的,用户研究方面的工作是用户体验策略当中的一个重要环节。当你在创造用户角色、构思需求用例、设计任务脚本的时候,必须对用户及移动应用所处的上下文环境加以考虑。这可以帮助你更加准确和有效的验证产品的概念模型,为打造杀手级的iOS应用奠定良好的基础。

在本章当中,我们首先会阐述一下移动设备的核心价值,并为你提供一个用于比较iPad与iPhone之间行为模式差异的思路框架,从而让你可以根据不同的需求情况来更合理地塑造相应的用户体验模式。随后,我们还将一同来了解一下有哪些指导原则可以帮助你制定更具针对性的需求用例,使你的用户研究工作更有成效,确保产品能够准确地命中用户的需求点

Pages