请求处理中...
请求处理中...
导语：网站建设复杂产品的响应式设计是如何制作开发完成的?网页设计之用户体验至上，设计只是辅助
网站建设复杂产品的响应式设计是如何制作开发完成的?
响应式网页制作不像传统网页只需考虑一种状态，不是交付一套设计稿就完事儿了，它给设计、前端和开发团队之间的协作模式带来新的挑战。在一个复杂产品全面响应式的项目里，交互每个阶段该产出什么?交互与视觉如何协作?前端何时介入?哪些事情让后端开发来做更合理?经历“玩客”一版后，我们得到了一些答案。
响应式设计之所以叫响应式“设计”而不叫响应式“技术”，是因为它是一项设计先行的工作。需要设计先明确好响应方式再实现出来，不能出一套设计稿后等着前端看情况把它变成响应式网页。所以整个流程从交互阶段开始，分成6个主要步骤，视觉、前端、开发等角色根据情况尽早介入。
Step1：信息架构，确定内容策略。
根据产品定位和用户分析，交互设计师确定站点信息架构。
这时候可以明确这个产品有多少页面，每个页面包含多少内容，内容优先级是什么。很多产品包含N多页面，每个页面一一考虑响应式设计容易造成混乱且
成本巨大。所以下一步重要工作是分析页面类型把页面归类。以玩客为例，可
以把10多个页面分成三类：列表类页面、详情类页面、操作类页面。
Step2：移动框架
先说下为什么第二步要先设计移动框架。移动优先是移动互联网浪潮下应运而生的理念，由Luke Wroblewski较早提出。移动优先并不是指移动更重要，响应式设计理念里设备是同等重要的。它是指优先设计手机端的体验，有三个原因：
1、手机让设计专注，强迫你想清楚什么信息是重要的。因为手机屏幕小，每屏呈现的内容少;触屏手机使用手指操作而非鼠标这样的精密设备来操作，对操作有更高要求;手机使用场景更加丰富，很多场景用户是缺乏耐心的，比如当你排队看电影正在找手机上的电子票，马上排到你了翻半天却迟迟找不到那张票这是多么令人崩溃的事情。
2、手机许多特性让设计更强大。手机上的语音输入、地理位置定位、丰富的手势操作、越来越多传感器，手机交互比PC拥有更多可能性。从手机开始设计，让你更早地思考如何发挥这些特性。
3、手机正在迅猛增长。手机即将超越PC，成为主流的上网方式，这个趋势是不可逆的。
从移动开始做设计对习惯了PC环境的设计师可能是一种挑战，思考方式工作习惯都被迫做出改变。但这种改变必须去适应，因为用户习惯在改变。
回正题，上一步已经把页面归类并确定每个页面内容优先级，现在接着分析每种类型页面的导航、主体内容等框架结构，终得出一份框架结构表。从玩客框架结构看出，全局导航是所有页面公共的，局部导航只有列表类页面才有，详情类页面都有一个“页面主人”信息，而关联导航不是每个页面都有。
Step3：响应式框架
根据手机端的框架拓展出平板和PC端框架。这是复杂产品实现响应式设计的关键步骤，它是让众多页面有条理地响应起来的基础。一件事情是确定响应式模式，即从手机到平板到PC，导航怎么变化，页面布局用哪种响应方式，根据内容优先级如何调整模块顺序，等等。玩客在PC端以三栏布局为主，左边栏作为局部导航或者主人信息区，中间栏始终是页面主体信息，当页面需要关联导航时统一放在右边栏。
Step4：模块设计
按照移动优先的原则应该先进行移动端的模块细节设计，不过我们选择了从PC端开始设计细节。因为PC端开发能够充分暴露业务复杂度，项目团队的设计、开发、测试在PC环境下拥有成熟的工具和流程，从PC开始让开发过程更顺畅。所以个人认为移动优先是确定内容策略时应该遵循的理念，细节设计和开发过程是否要移动优先，取决于产品定位和项目团队情况。
响应式框架确定了页面结构和响应模式，模块设计这个过程开始完善所有信息排版和交互形式，这是交互设计师熟练也是耗时的工作。这个过程与传统流程没太大区别，只是心里要不断提醒自己，这个模块不是只为这个设备设计。
网页设计之用户体验至上，设计只是辅助
每次在手机上下载应用后，我的期望便是它能让我的生活变得更加简单，能有效解决我的问题，并让我轻松度过每一天。不过对于我来说，失望大于希望，很多开发者都忽略了用户体验设计原理。
简单说，如果应用需要告诉我怎样从一个屏幕导航至另一个屏幕，或者每个按钮的意思，那么它就会让我完全迷失，因为我需要记住如何来使用这款应用，这么一来，它并不能让我的生活变得更简单。
什么是用户体验，或者更广泛的说,UX是什么?它不是简单的UI或者图形设计，也不完全关乎技术，或者仅仅是一个“人”的角色
那么你如何在应用中把的用户提交交付给用户呢?以下是一些建议：
1.选择正确的功能
用户体验开始于应用的规划阶段，当你梦想为应用添加一系列功能的时候。很多开发者会陷入功能的怪圈，会觉得应用的功能越多越丰富越好，用户会越会觉得有价值。
开发应用过程中比较难的一部分是，你要决定一版应用要包含的内容。建议是尽量保持应用的简单，通过一个版本为用户提供核心价值的内容，比如功能和UI，这样用户首次使用应用就会变得非常简单。一旦你吸引住了他们，你可以再通过对用户行为的研究添加其他功能。
提供核心价值的功能，意思就是应用提供的功能要能解决用户的问题，比如一款银行相关的应用可让你快速查询账户余额和进行交易，一款airline app可以让你了解航线状况，并提供登机卡的功能。
2.层级清晰，易于使用和导航
一旦你决定了要往一个版本中添加的内容，那你让它的使用流程和屏幕间的导航清晰明了。可以这么试着想下，你做的应用应该是孩子都能看明白的。你的目标应当是降低用户的学习成本，使用更直观的导航。
3.理解你的用户
做出一款应用的前提是了解你的用户，典型的客户是哪一类人，比如年龄、性别、文化程度以及通过技术分析得到的用户行为等。一个三岁孩子使用的应用和一个45岁的中年人使用的应用区别在哪里?比如按钮尺寸，惯用手势是点击还是轻扫。
4.利用这个平台
不管是iOS还是Android平台都提供了基于手势的导航设计，比如左右上下轻扫可以移除或者添加一个记录，调出一个新的屏幕或者删除之前的屏幕。两指张开或者捏合以调整内容大小，用户可以通过两指张开放大阅读内容，或者两指捏合跳出当前屏幕。
根据应用的性质和目的，使用平台提供的手势来进行直观的导航。知名的 clear 应用就是充分利用了手势操作的优势，整个页面没有提供一个按钮。
5.构建信任
让用户信任你，让他们不必担心自己隐私资料的泄露。不要收集超过用户使用应用需要的隐私信息。如果你只需要用户名字和电子邮件地址，那就不要要求用户提供更多其他方面的信息。
同样，不经允许，不要把用户设备中任何内容上传至你的服务器上。曾有应用因不经用户许可上传用户联系人列表而被下架。
不要频繁通过电子邮件或者推送通知给用户发一些垃圾信息，除非你是为了打造更的用户体验。
6.利用推送通知
推送通知真的会惹恼你的用户，不过它们也可以进一步推进你的业务。要为推送通知设置开启/关闭开关，这样不会让用户觉得自己被打扰到了。(相关：手机系统消息通知设计的整理和分析)
7.构建一个反馈回路
你需要老子用户的反馈来理解应用的缺陷，或者用户喜欢哪种功能，这样你才能让产品朝着正确的方向演进，并满足逐步增长的用户需求。
从用户角度看，如果他们使用你的应用，并发现了其中存在的需要反馈给你的问题，这时候你要确保用户可以轻松联系上你或者你的支持团队。而你需要确保在24小时内给用户回复。客服可以帮你创建一个极好的用户体验，你也可以在应用的生命周期中获得更多用户。(相关：设计有效的“用户行为与反馈效应”循环)
用户体验不仅仅只是应用设计，而是你产品战略内在的一部分。记住，成功是有意而为的，不是靠运气。
交易额: 101.38万元
无 |广东省 |东莞市 |东莞市
交易额: 79.48万元
无 |山东省 |潍坊市 |奎文区
交易额: 68.68万元
个人 |江苏省 |常州市 |常州市
交易额: 62.23万元
公司 |广东省 |佛山市 |禅城区
成为一品威客服务商，百万订单等您来有奖注册中
价格是多少？怎样找到合适的人才？
￥3000 已有0人投标
￥3000 已有0人投标
￥10000 已有2人投标
￥5000 已有0人投标
￥10000 已有0人投标
￥5000 已有0人投标
￥5000 已有0人投标
￥1000 已有0人投标
企业QQ
智能客服
