移动网站开发的黄金法则

 

　　1、内容优先：用户界面布局应以内容为核心，提供符合用户期望的内容。

 

　　对于手机而言，屏幕空间资源显得非常珍贵。为了提升屏幕空间的利用率，界面布局应以内容为核心，而提供符合用户期望的内容是移动应用获得成功的关键。如何设计和组织内容，使用户能快速理解移动应用所提供的内容，使内容真正有意义，这是非常重要的。

 

　　2、为触摸而设计：界面的交互系统以自然手势为基础建构，符合人体工学并保持一致性。

 

　　点击操作是PC 时代交互的基础，在触屏设备上基于手指的手势操作已经代替了鼠标的点击操作。手势操作灵活多变、交互自然，但也带来识别性差、操作精度不高等缺点，都需要一些手势设计的基本原则来指导和完善。

 

　　由于手势在界面上是相对隐藏的操作类型，需要用户的探索和学习。因此，除了基本的用户都熟知的手势外，其他手势在使用时都需要给出提示和引导。手势操作基于程序性操作知识，最好的学习方式就是通过实际操作来理解和记忆。因此在手势引导设计上，更多的是以指导用户操作的方式来做，能让用户快速掌握。

 

　　3、转换输入方式：使用各种手机的设备特性和设计手段，减少在应用内的文字输入。

 

　　文字输入是移动端的软肋之一，不管是手写输入还是键盘输入，操作效率都相对较低。在行走或者单手操作时，输入的出错率也比较高。如何在应用设计时避免文字输入，或者使用一些代替方案来提升输入效率，在移动应用设计中显得尤为重要。

 

　　4、流畅性：保持应用交互的手指及手势的操作流、用户的注意流和界面反馈转场的流畅性。

 

　　在移动应用的操作过程中会碰到多种多样的情况——找不到目标、不知道该怎么操作、操作后没有及时反馈，等等，这都会对应用的流畅性造成影响。

 

　　在移动应用的操作过程中会碰到多种多样的情况——找不到目标、不知道该怎么操作、操作后没有及时反馈，等等，这都会对应用的流畅性造成影响。

 

　　用户在操作界面时，注视点转移形成的焦点流连起来后就形成了注意流，注意流是否圆滑也是判断界面是否流畅的重要标志。注意流大幅跳跃的界面一般被认为是界面元素的布局不够合理，需要让界面元素重新布局或者设计更好的注意引导机制，让注意流更圆滑。

 

　　5、多通道设计：发挥设备的多通道特性、协同的多通道界面和交互，让用户更有真实感和沉浸感

 

　　多通道设计是指系统的输入和输出都可以由视觉、听觉、触觉等来协作完成，协同的多通道界面和交互也会让用户更有真实感和沉浸感。当前各个系统平台下的基础技术已经越来越成熟，语音输入、手势识别及其他由多种传感器组成的综合识别系统也会给用户带来更自然的感觉。设计师们在思考时，也可以从其他通道的角度来思考设计，给用户一个更好的交互方式。

 

　　6、易学性：保持界面架构简单、明了，导航设计清晰易理解，操作简单可见，通过界面元素的表意的和界面提供的线索就能让用户清楚地知道其操作方式。

 

　　对于移动应用产品，提倡的是简单、直接的操作，倾向于清晰地表达产品目标和价值。让用户快速学会使用，尽量不要让他们查看帮助文档。保持界面架构简单、明了，导航设计清晰易理解，操作简单可见，通过界面元素的表意的和界面提供的线索就能让用户清晰地知道操作方式。只有这样的设计，才能让用户的学习使用没有负担，而不是通过帮助系统来教会用户操作。

 

　　7、为中断而设计：考虑应用的使用情境，确保在各个产出中断的情境下，让用户恢复之前的操作，保持用户的劳动付出。

 

　　在玩手机时突然没电了、写微博时又被老板叫去做重要的事情、在搜索商品时收到了一条重要的信息……在移动情境中，被各种其他的事情打断是很平常的。因此，为保障用户体验，设计师要做得一是保存用户的操作，减少重复劳动；二是无缝切换不同设备的内容，未来多设备的用户会越来越多，如何能在这方面提升用户的切换体验也是值得设计师们考虑的。

 

　　8、智能有爱：给用户提供让他感到惊喜有趣的、智能高效的、贴心的设计。

 

　　在E-mail 的设计中，邮件内容中有”附件”文字时，如果没有贴附件，则会提醒用户”是否忘记附件了？”这是一个被大家广为称赞的贴心设计。在移动应用的设计中，更需要这样的设计来提升应用的竞争力。评价一个移动应用体验的好坏，除了要看它是否满足用户需求和是否具有友好的可用性之外，能让用户感受到惊喜是在移动应用设计中最为推崇的，这样的设计往往是超越了用户的期望。移动应用的设计应是惊喜有趣、智能高效和贴心的。让人惊喜的有趣的设计主要是通过设计手法来实现的。