Chinaunix

标题: 《移动设计》图书试读写试读心得拿精美图书（获奖名单已公布-9-11） [打印本页]

作者: arron刘 时间: 2013-08-06 09:14
标题: 《移动设计》图书试读写试读心得拿精美图书（获奖名单已公布-9-11）
获奖名单已公布，详情请看：http://bbs.chinaunix.net/thread-4098329-1-1.html

移动应用的交互设计对于移动产品的体验来说有着决定性的作用。作者结合大量实际项目案例，从特征、原则、框架、细节、动效、适配、创新、工具几个角度出发，同时引入“流”的概念，对移动设备用户体验进行了全新解读。今天给大家带来的这本书适合对移动设计感兴趣、想进入此领域的设计师们做入门指引，亦可给正在移动产品领域从事设计的设计师们以借鉴。

活动规则：
阅读我们提供的图书试读章节来参加活动，写试读心得或根据提供的话题参与讨论！

本期讨论话题：
1.你认为移动设计包含哪些方面？
2.在移动设计过程中，要注意哪些基本原则？
3.影响移动应用的情景因素有哪些？针对不同的影响因素有哪些解决方式？
4.说说读完试读章节后您的感想。

活动时间：2013-8-6——2013-9-6

图书试读：http://wenku.it168.com/d_001137049.shtml

购买链接：http://product.dangdang.com/product.aspx?product_id=23277788

活动奖品：针对以上任意问题跟帖回答，我们会在讨论结束后，择优挑选5名网友赠送《移动设计》这本书作为奖励。

作者: seesea2517 时间: 2013-08-06 13:16
外行凑个热闹。个人感觉移动设备屏幕小，要求UI整洁清晰；移动设备一般使用环境不是很安静，需要能让使用者集中注意力，使用一些动画展示使用者的操作；适当适度的指引。

作者: heaven_sky 时间: 2013-08-06 13:52
移动设备的操作上下文和物理特性要求仔细进行编码和设计。例如，必须要简化代码以实现尽可能最快的执行速度。当然，代码优化只能起到这么大的作用；在设备限制范围内发挥作用的智能设计还有助于防止可视演示使呈现系统负担过重。

代码

尽管使代码更快地运行始终是有用的，但是大多数移动设备的处理器速度较慢，所以就更值得花费一些时间编写精简代码。此外，移动设备几乎总是使用电池电能运行。如果用较少的工作量达到相同的效果，则会使用较少的电池电量。

设计

在设计应用程序的用户体验时，必须考虑小屏幕尺寸、触屏交互模式甚至不断变化的移动用户环境等因素。

代码和设计一起

如果您的应用程序使用动画，则呈现优化非常重要。但是，只有代码优化通常是不够的。在设计应用程序可视效果方面，必须让代码可以将它们有效地呈现出来。

作者: rover12421 时间: 2013-08-07 10:01
1.你认为移动设计包含哪些方面？
操作流畅性，视觉引导，界面美观等
2.在移动设计过程中，要注意哪些基本原则？
操作要尽量简单方面，重要的内容放在用户用户视觉热点内。不能为了花俏丢掉性能和操作流畅性。
新功能须引导用户操作。
3.影响移动应用的情景因素有哪些？针对不同的影响因素有哪些解决方式？
电量：全屏应用应及时提醒用户电量不做，最好是内嵌电量图标，taobao的reader就做了这个
屏幕亮度：主要是电子书一类的应用要特别注意，最好是自带背景颜色文字颜色调整，亮度调整。taobao的reader再这方面也做的不错
分辨率适配：根据不同的分辨率应用不同像素的图片也很重要。目前就看到很多应用再高分辨率上做的特别不好，显示很粗糙，很影响视觉和心情
4.说说读完试读章节后您的感想。
图文结合说明的很清晰详细。从视觉热点到手指触点讲到视觉对操作的引导和反馈，表层基本就这些了吧。样章确实做到了本书对我的吸引。

作者: rover12421 时间: 2013-08-07 10:05
这个活动咋分类到C/C++里了，感觉很别扭啊。这个应该归属到应用层，不应该在语言层。从论坛现有分类来看，我建议归类到移动操作系统板块

作者: forgaoqiang 时间: 2013-08-07 23:19
本帖最后由 forgaoqiang 于 2013-08-09 17:23 编辑

恩这个又意思一直在搞兼容性的页面移动设备因为种类等原因难度很大先占个位置稍后分享下经验~~

1.你认为移动设计包含哪些方面？
  我认为移动射击包含两个方面，还是经典的C/S结构，虽然移动应用完全可以是基于WEB的，表面看上去没有Client这个结构，其实不然，因为移动用户本身网络质量可能会非常的不好，如果不在用户本地做存储和一些JS等操作，用户的体验可能会非常的差，因此需要在服务器端和客户端两个方面进行考虑。

  服务器端没有特别的问题，和传统的其他的服务一致，只要提供好接口即可。关键在于客户端的设计，客户端设计就涉及到两部分的内容，分别是：界面、功能（view和function）
①界面：可以考虑使用jQuery UI这样的统一界面来做，用户习惯的统一风格的UI设计，和windows窗体一样，即使是完全未接触过的程序也能在界面上立即上手，同时注意应用内部连续一致的用户体验。
②功能：菜单一般不要超过3级，不然使用体验就会比较差，比较无语的就是腾讯的微云网盘，如果想要签到赚取空间，需要进入到第四级菜单才能进行。

2.在移动设计过程中，要注意哪些基本原则？
  ①重中之重，不要挑战用户的使用习惯。可以适当的创新或者修改一些表现内容，但是最不要做的就是挑战用户的使用习惯，比如把一些按钮移动到其他的位置上，或者改变流程性的东西。Win 8甚至都因为开始菜单问题，导致推广举步维艰，移动设计也是如此，如果用户需要大量的学习成本，很有可能就放弃使用这款产品。
  ②界面复杂程度要低：尽量采用导航方式，而且菜单目录不要太深，不应超过3级，否则用户为了一个功能却要连续点击3、4次二级菜单，体验会比较差。
  ③适当的本地存储，因为移动设备的确不能保证一直有稳定的网络，如果所有的功能都需要服务器端来确认的话，非异步方式会让程序经常处于“未响应”状态。
  ④注重响应式设计，因为用户的显示屏幕分辨率和大小各不相同，如果使用固定分辨率的排版，在很多设备上可能出现排版问题，虽然有viewport的帮助，但是为了查看一个页面却需要上下左右的移动也会严重影响使用体验，因此Responsive这个设计理念也是移动应用的设计原则之一。

3.影响移动应用的情景因素有哪些？针对不同的影响因素有哪些解决方式？
  移动应用情景比较多，我想出几点和对应的解决方式来分享下：
  ①网络问题：移动设备可能不能时刻连接到网络
解决方式：适当的做些本地存储，很多操作完全可以在本地完成后进行缓存，等到联网的时候再统一上传，比如咕咚运动就可以本地保存运动数据，联网的时候再统一和服务器端进行同步，还有就是开心词场可以离线背诵，联网同步。
  ②分辨率问题:设备显示屏幕的分辨率问题，这个一直都是问题，比如一个应用安装在平板和手机上就完全不是一个体验
解决方式：一些程序可以设计成类似响应式的，有些就需要单独设计界面程序，比如UC浏览器就有单独的for HD和for ipad等版本，虽然需要同时维护几个产品线，但是为了体验也只能如此了。
  ③平台问题：不同的平台系统不同，开发语言不同，需要维护大量的版本，比如iOS，Android、Windows等
解决方式：非底层的应用完全可以考虑使用中间件技术开发，比如前段时间刚发布的PhoneGap 3.0 已经能够支持六大移动平台，完全可以使用HTML5的方式来写本地应用。或者直接使用站点形式，网站本身不存在平台问题。

4.说说读完试读章节后您的感想。
  首先，图书本身采用彩色印刷，这个阅读体验就不一样，更加真实的体验到移动应用的丰富多彩的内容。其次，图书没有长篇大论的讲解艺术设计等问题，而是从用户的角度指出应该如何做，怎么样才具有吸引力，并使用箭头等进行流程演示，让读者只读图书也能在脑中想像操作流程，非常形象。
本书完全是从用户体验的角度来进行说明的，对UI的设计进行了深入的讲解，试读的内容较少，目前体验到的只有这些。

作者: arron刘 时间: 2013-08-08 09:37
恩，是滴。我已经移动了。嘿嘿回复 5# rover12421

作者: emperor9 时间: 2013-08-08 16:25
点评：
   精美的lz用精美的大脑想到了用精美的图书作为精美的礼品勾引广大精美的屌丝对这个精美的问题进行讨论。想我大国词汇浩如烟海，新生词汇也层出不重。为何lz就在精美这颗树上吊着不下来了。连作死都不找个有新意的方式，你让本吊怎么继续表扬你？
   对于手机领域，本吊相对有兴致且止于兴致。因为手机发展至今已经俨然艺术品了。已经在卓越的基础上追求变态的卓越了。这个时候拿出这个图书，显然是为了图书而图书。相信已经在这个领域的人，对此估计不屑一顾了。但是，本吊认为这样的议题也很有必要，因为任何领域都永远有初学者。
   冷点就冷点吧，反倒相对宁静，足以志远。所以，内容上72分妥妥的。

。。。

作者: jieforest 时间: 2013-08-08 16:44
1.你认为移动设计包含哪些方面？
移动设计包含了用户、场景、功能、架构、交互、手势、视觉、动态等诸多方面。

2.在移动设计过程中，要注意哪些基本原则？
1）要尊重用户的使用习惯
2）思考用户的使用场景和干扰源
3）跟随潮流趋势，比如目前的扁平化设计趋势
4）操作简单明了
5）主操作栏的内容不易过多，一般不超过三项
6）设计要主次分明
7）始终提供明确的导航
8）尊重用户的付出，自动保存用户输入的内容
9）尽量减少用户的输入，输入时给出适当的辅助提示
10）尽量去猜测用户的行为，但要允许纠错
11）只在最重要的时候才去打断用户

3.影响移动应用的情景因素有哪些？针对不同的影响因素有哪些解决方式？
向用户提供完美的体验是不可能的，一款应用无论如何也不会使所有人都满意。因为每个用户都会以不同的方式使用产品，其中涉及到的因素有方方面面，包括文化、社会环境、个人品味、目标动机等等。
我们需要尽可能全面深入的了解用户，有针对性的打造产品的体验模式。还有就是对移动应用进行准确的定位，以满足目标用户为首要目标。

4.说说读完试读章节后您的感想。
试读章节有点少，只有23页。读了之后，移动设计引起了我的一些思考。因为这本书提供了很多不同的视角来看待移动应用，而这些是我以前从未考虑过的，感觉移动开发的功力都增长了不少。

作者: forgaoqiang 时间: 2013-08-09 12:13
嘿嘿不管怎么说这“精美礼品”挺有诱惑力我是上钩了分享下自己的想法顺便向精美礼品看齐 ~~

回复 8# emperor9

作者: yifangyou 时间: 2013-08-11 21:43
1.你认为移动设计包含哪些方面？
1）功能设计，设计最基本的要求是满足功能
2）交互设计，通过什么方式输入很重要，这个决定了界面如何设计，通过文字、二维码、语音、摄像头、网络、手势、键盘等等
3）界面设计，界面设计尽量简单，每个按钮的大小都得符合人手指适合点击的大小
4）动画效果设计，这个使得界面充满吸引人
5）用户体验设计，同样的功能使用的方式可以设计出很多种，如何让用户很方便使用需要设计，例如输入车牌号，我们可以设计一个所有省简称的键盘，用户输入省时，一点击就可以了。
6) 界面风格一致性，所有的界面和操作方式应该都是一致的。
2.在移动设计过程中，要注意哪些基本原则？
答：1)界面简约，能够让用户能够一眼能够看到功能点
2)操作简单，能够一次完成的动作尽量一次完成
3)适配不同大小的界面，由于移动设备众多，最好设计一套响应式界面，自动适配不同大小界面。
3.影响移动应用的情景因素有哪些？针对不同的影响因素有哪些解决方式？
答：影响移动应用的情景因素有：行业，功能
行业因素影响设计非常大：例如一个银行业的app注定做出来的app偏向于安全性，可用性，那样做得设计首先保证安全可靠，那么在设计时很多操作必须带有确认功能。
一个企业内部crm App注重于实用和易用性，设计时很多考虑用户如何很方便上手
一个营销类的App注重于酷和炫，设计时着力于动画设计
4.说说读完试读章节后您的感想。
答：样章从设计的微观方面入手，阐述了设计是如何连接视觉和动作的，向我描绘了很清楚为什么这些元素是摆放在这个位置，而另外一些元素是在另外一个位置，一方面是突出视觉，另外一方面使用户的动作流程简单。

作者: jimmy-_-lixw 时间: 2013-08-17 11:59
本帖最后由 jimmy-_-lixw 于 2014-04-06 21:38 编辑

提示: 内容被隐藏或删除内容自动屏蔽

作者: rover12421 时间: 2013-08-22 10:32
回复 10# forgaoqiang

这话我赞同

作者: xike2002 时间: 2013-09-02 15:13
1.你认为移动设计包含哪些方面？
答：目前的移动设备主要包括手机、PAD等。大部分人都认为手机网页设计与电脑网页设计有很大不同，其实不是，手机网页除了小且可以触摸外，很多设计原则与电脑网页设计是共通的。这里有几个基本的元素，希望对设计师有所帮助。
（1）有意义的导航
首先，确保导航在用户看来是“可点击”的，比如按钮、列表、箭头等等，这些小图标可以在一定程度上帮助用户明白下一步的操作。在没有鼠标悬停效果和tags的帮助下，要尽可能多地对用户进行引导。
标签是很重要的，用好它可以更好地引导用户。标签应保持简单且有意义，例如有一个链接需要好几个taps，你不用把返回键命名为前一页的标题，只需用“back”代替就行了。此外，避免使用作用不清的按钮或标签，这些都是丢失用户的潜在陷阱。但是简洁并不意味着简单，因此与其把“My Profile”或“Passwords” 隐藏在“设置”里，不如为它们增加额外的一两个导航按钮。
图标是一个简单却强大的沟通途径，不仅仅是因为手机阅读文字比较困难且耗时，还因为使用图标可以达到更好的视觉平衡。在手机网页中恰当地使用图标，可以提高用户的整体体验。另外，与标签相结合的图标对用户来说意味着更明确的导航路径。

（2）内容的排版
简单地对内容进行删除操作并不会令页面更简洁，而且这些被删除的内容说不定正是用户所需要的，因此对内容的排版设置多花点儿时间是很有必要的。不要简单地删除你认为“不重要”的内容，应该重新调整这些内容的布局。为了易于用户阅读，要尽量避免使用大量的文字，将这些文本重新调整为小图标或小条目是不错的做法。此外，用引语、线条或其他设计元素隔开大段的文字，使这些板块显得更美观。从用户角度来说，他们希望阅读所有的内容，所以我们进行内容呈现，只是用隔断、重组或其他视觉方案来让这些内容更容易访问。

（3）信息反馈
信息反馈是设计中很关键的一个部分，特别是手机网页，用户反馈显得尤为重要。
移动设备不存在鼠标悬停和动画，而且大多数设备都是在被触摸时才有所显示，所以及时提供清晰的操作反馈信息是非常重要的。在现实生活中，当我使用ATM机时，操作反馈信息包含听觉（按键声）、触觉（按钮的金属冰凉感）等方面，但在移动设备上，我们只有一个选择——视觉反馈。

（4）清晰的品牌
每个公司或应用都有不同风格的品牌元素，塑造品牌的关键是设计元素比如logo、字体和颜色等等要能代表该品牌。对于手机网页设计来说，这一点至关重要。Logo的位置可能与电脑版本有所不同，甚至可能只在Web应用的主视图呈现，所以配色方案很重要。另一个要注意的点是，手机网页的顶部没有标题栏或地址栏，相应地，也就没有网站标题和图标。所以你的设计应该让用户知道，他们现在所浏览的网站名称，这对塑造品牌也很重要。

2.在移动设计过程中，要注意哪些基本原则？
答：
（1）布局结构清晰
清晰的布局结构是对一个应用是否可用的基本要求，功能布局层次鲜明，使得新用户通过低成本的学习快速记忆掌握应用的功能布局，能够在短时间内完成既定的任务。

（2）内容清晰
保持图标的简约以及文字的可读尺寸，切忌因为过于追求特效与视觉美感，忽略最基本的可读性。

（3）适合的灰度与色彩对比度
为不同的环境模式提供相应的对比度设计，以减少用户的阅读疲劳，其中仍需保持内容的可读性。

（4）声音事件的反馈
设计不应局限于视觉体验，在enable操作后触发的声音，会让用户确信每一步操作的正确，以及填充某些环境下视觉设计的死角。

（5）适合的环境元素参与
更多具有感情色彩的元素参与，将赋予界面更多的灵性。将weather的元素加入reader不是一件很温馨的事情么！

3.影响移动应用的情景因素有哪些？针对不同的影响因素有哪些解决方式？
答：（1）减少空间占用
与面向桌面电脑的网页设计不同，移动平台的设计中，屏幕空间是一个不可忽视的限制因素。设计需要符合移动平台用户的使用习惯，以最佳的状态呈现屏幕信息。
有一句话说的很好，和大家分享，“UI不只是皮肤，请用心使界面更加好用”。

（2）Flow大局观
在移动设计中，我们需要完善的功能flow，对它认知的价值使得flow在整个设计开发过程中始终走在前面。完善的flow不仅令功能产品更加易用，带来良好的用户体验，与此同时，也有助于提升开发效率，不到位的flow将带来设计与开发的反复，使团队蒙受损失。

（3）给用户perfcert的建议，让用户体验视觉的享受
这一点说起来容易，做起来可是真不容易，因为必须快速、准确的把握用户的需求，让用户有一种“没错，我要的就是这个”的这种感觉。

4.说说读完试读章节后您的感想。
答：这本书给广大设计师和将要成为设计师的朋友们提供了很好的素材，可以从中获取到很多在网上找到的宝贵知识，虽然我也只是读了本书的试读部分，但是看得出来这本书的作者的确是有丰富的设计经验。大家有机会好好品读一下这本书吧。

作者: jimmy-_-lixw 时间: 2013-09-02 23:01
本帖最后由 jimmy-_-lixw 于 2014-04-06 21:40 编辑

提示: 内容被隐藏或删除内容自动屏蔽

作者: jimmy-_-lixw 时间: 2013-09-02 23:04
本帖最后由 jimmy-_-lixw 于 2014-04-06 21:43 编辑

提示: 内容被隐藏或删除内容自动屏蔽

作者: jimmy-_-lixw 时间: 2013-09-02 23:08
本帖最后由 jimmy-_-lixw 于 2014-04-06 21:43 编辑

提示: 内容被隐藏或删除内容自动屏蔽

欢迎光临 Chinaunix (http://bbs.chinaunix.net/)