首页

移动应用的十项设计原则及小提示

蓝蓝设计的小编

 

移动设备与传统桌面设备虽然都被成为“计算设备”,但它们之间的差异是显而易见的:移动设备的屏幕要小很多,无线网络链接方面会有不稳定,电池续航能力较弱,等等。这份“弱点”清单可以列的很长,但如果你因此认为移动设备就是降级版的计算机,那同样是错误的看法。

实际上,从其他一些角度来观察,移动设备又是比桌面设备更加强大的。智能手机和平板电脑都是更加个人化的设备,它们会一直陪伴在你身边,让你随时随地都可以接入互联网获取所需的信息;它们身上还有传统设备所不具备的很酷的功能,包括GPS、数位罗盘、加速计等等。

所有这些差异都使得移动设备当中的应用程序在界面设计方面存在很多独到之处。我(英文原文作者)基于在自己的workshop中的工作经验,总结出了移动应用界面设计的十条原则及小提示,在这里与大家分享,希望能够帮助那些还不是非常熟悉这个领域的设计师们建立起一套有实践价值的设计思维框架。

1.设计观念

从传统设备转向移动领域,设计师们首先要做的是调整思维模式和设计观念。

  • 专注 :移动应用的本质目标是帮助人们以最高的效率完成特定的任务。少即是多,你要砍掉的产品功能通常会比你想象的多很多。
  • 独特:从一开始就要理解你的应用与同类产品相比具有哪些独到之处,将其体现到产品的整体用户体验策略当中,并在交互及视觉设计流程当中着重突出这些卖点。
  • 迷人 :移动设备是相当个人化的工具,人们会在长久的使用过程中逐渐将感情融入到软硬件当中;应用程序同样要与用户在情感层面产生互动,通过各种友好的、有趣的、可信赖的设计与功能让用户觉得爱不释手。
  • 体贴 :不要将注意力过多集中在“开发”本身上,不要将自己的心智模型以及产品的业务逻辑作为设计的准绳。如果你确实希望自己的产品能够被更多用户所接受,那么必须学会站在他们的角度观察问题、制定设计决策。

点击查看原图

不要用“多多益善”的观念打造移动应用

案例学习 - 我们在设计iPhone应用时犯过的错误

蓝蓝设计的小编

今年,我们(英文原文作者及团队)发布了FreshBooks 的第一款iPhone应用。从前我们的产品一直是通过Web端应用的方式提供服务的。这次,我们把iPhone应用的设计开发过程看作一张空白的花布,尽力在其中实现一些新的功能概念和设计想法。在这个过程中,我们着实学到不少东西。

不要害怕犯错

对于移动应用这样的产品,设计过程中必然会遇到很多用户体验方面的问题与挑战,尤其是对于新手来说更是如此。

无论你的线框稿在逻辑上有多缜密,UI稿在视觉上有多漂亮,当它们落实成为原型或最终产品时,总会有问题呈现出来。这并不完全是坏事;我们在设计FreshBooks的iPhone应用时甚至将犯错这件事也纳入到了流程规划当中,这就意味着:

  • 坦承没有完美的设计,无论稿件和原型多么优秀。
  • 真正的成功或失败都是由用户的反馈来定义的。
  • 对于在设计过程中看到的问题要迅速做出反应,根据从实际用户身上得来的验证结果进行迭代。

接下来,我将向各位描述一下我们在项目中犯过的三个错误,以及我们是怎样解决这些问题的。

应用的主界面

在项目开始的时候,我们对FreshBooks的一些现有用户进行了访谈,了解他们在生活和工作中是怎样使用移动设备的,包括他们面对的实际问题,以及他们对移动应用版本的FreshBooks的期望。

根据这些访谈,我们归纳出了一些基本的设计原则,例如下面这条:

以任务为中心的用户体验

移动应用版本的产品应该围绕着一系列互不相关的帐单任务进行优化,包括时间追踪、为收据拍照存档、开票等等,这些是移动应用所处的使用场景当中最常见的任务。

而其他方面的复杂任务,包括批量编辑、权限管理、定制化等,则留给传统的Web端应用来承担,以此来保证移动版本在功能上的简约与集中。

基于这条原则,我们设计了应用的主界面。它由一系列最重要的任务组成,视觉上采用图标加文字标题的形式,点击进入相应的任务流程。例如,用户点击了其中的“创建新发票”之后会进入发票列表界面,然后创建新发票的界面会自动滑入视图。

点击查看原图

这种以典型任务为中心的设计思路在意图上是好的,但接下来我们发现了一些问题。

谈谈Mobile Web App的设计方法

蓝蓝设计的小编


Native App与Web App的争论从未停息过,尽管很多人在批判Web App的各种不是,但也阻止不了各种各样的Web App如雨后春笋般出现,尤其是伴随智能手机的普及而受到重视的Mobile Web App。这是一种在非议声里成长起来的产品形态,无论其结果如何,都应该吸引开发者和设计师的关注。
 

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

蓝蓝设计的小编

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

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

著名互联网公司最早期的界面是怎样的?

蓝蓝设计的小编

人也挺好奇这东西的,于是就顺便在网上搜集了下,以下资料,如有不准确,请指出。

1、Google ,推出的时候界面其实就蛮简洁的了,只不过现在更简洁。

如何设计让用户满意的IPHONE应用?

蓝蓝设计的小编

你喜欢 iphone 吗?你喜欢iphone的应用吗?面对着如此之多新奇各异的应用,你是否有想 设计 一个属于自己的应用的冲动那?那么你知道如何才能 设计 出让用户满意的应用吗?我在平时的iphone应用设计中,总结了一些经验教训希望和大家一起进行探讨。

手机软件启动画面深入探讨分析

蓝蓝设计的小编

 

动需要时间,所以带来了一些用户体验 的问题

1.用户不知道机器在做什么,会怀疑机器迟钝、效率低下

2.用户等待会有厌烦情绪,直接影响对机器的情感

为了解决这些体验问题,人们使用一个画面来代替后台正在运行的代码,换来人们对机器的好感。为了做到这一点,很多公司都用心良苦,动画越来越细腻,形式也越来越多。这里不赘述举例,主要谈谈移动应用客户端的启动画面(以iOS平台为例)。

移动应用程序的启动画面存在的环境

移动应用程序存在的环境是恶劣的,这是相对PC来说。即使产品设计 支出对功能做了很多减法,即使工程师日日夜夜在做性能优化,应用程序的启动还是需要一些时间。启动画面在移动客户端产品存在的必要性不得而知。

移动应用程序启动画面的设计法则一  ——避免显示无关内容,包括一个漂亮的图,要尽力让启动画面变得有意义。对于用户来说,他们希望立即体验你的应用程序而不是欣赏一些无用信息。

如何理解这个法则,如何使用这个法则,下面的例子说明了一切,你也可以下载并体验这些应用,了解更多有关启动画面的秘密,欢迎随时交流。

场景一 品牌含义的延伸

如果启动时间不是一两秒那么短的时间,我们可以利用这个时间展示应用程序的品牌。但是不要只是展示品牌,最好能够结合应用程序所提供的服务,将品牌的含义延伸到画面中,带给用户一种亲切感,或者让用户了解到产品的文化,或者其他你想让用户了解的故事。

案例一

只是标识的设计。很多应用都是这样设计的。将自己的标识往中间一放,告诉用户我就是我。然后没有任何情感的进入了内容界面。有的时候,标识本身拥有质感,让画面还能充满视觉的期待,如果像bing这样,有点……

软件启动画面深入探讨

浅谈“移动端图片分享软件”界面设计

蓝蓝设计的小编

 

背景趋势
  读图时代的来临,让那140文字描述的Twitter显得黯然无光,“图片分享”被预言是社交应用的下一次革命,自2010年picplz蝉联Google market热门应用榜到去年instagram荣膺Appstore年度最佳应用,图片分享已成为当下最热门的社交应用,数周前Facebook以10亿美金收购了仅有13人的创业团队instagram,此举更印证了图片分享这一趋势。

Android手机应用UI设计的10个建议

蓝蓝设计的小编

最近,许多开发者进驻手机领域,小团队也能够构想出优秀和独特的想法,使用业余时间便足够来开发应用。

每个开发循环迟早到会走到应用几近完成这个点。接下来要做什么呢?你可曾听说过“用户体验”这个词?以下这10个技巧能够使新手机应用在发布前提升质量,最大化发掘该应用的潜力,从而最小化用户差评和低下载量这种不良结果。

1、首次开启体验

优秀的网站和手机应用有诸多相似之处。这两者都能够迅速吸引用户或访问者。如果没有做到这点,用户很可能会转而寻找其他替代品。多数用户不愿意浪费时间来弄清楚要如何运行应用或阅读复杂的教程。他们会选择放弃该应用。

首次开启应用时,每个人的脑中都会浮现出相同的3个问题:我在哪里?我现在能够做什么?我接下来能够做什么?

努力使应用立即对这些问题做出回答。如果你能够在前数秒的时间里告诉用户这是款适合他们的产品,那么他们势必会进行更深层次的发掘。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档