众多周知,设计在很多时候都是靠灵感的闪现,移动应用的设计则更加的灵活多变,也是它成功的关键,为了能更好地避免设计师们走弯路,移动让设计师们学习设计原则是有必要的,它给了设计师们一定的参考和指导,这些设计原则是各大公司累积的移动设计的重要经验的集合,可以给我们很多的参考和启发。
移动端界面设计的8个优化要点-九曲网络
从用户体验上来说,使用移动设备联网的用户多属花费零碎时间上网,不大可能有耐性的点击很多的页面,所以,移动网站设计时应尽量简洁,如果你的网站需要设计购买页面,那么从这一点出发,我们在设计购买的流程应该尽量精简再精简,直接省去冗余内容,放置核心信息即可,避免让用户产生反感的心理,那么我们在该如何优化移动端界面设计呢?
1、用户界面应该是基于用户的心里模型,而不是基于工程实现模型
简单的来说,就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式,其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀。
移动端界面设计的8个优化要点-九曲网络
左边界面:大众点评新版的价格的搜索就比之前改得更符合用户心里模型。
右边界面:食神摇摇的摇动手机找餐厅更加符合大众用户的心里,大家应该都有那种中午不知道去哪家餐厅就餐,那么就摇一摇来随机抽出一个附近的餐厅。
2、培养用户使用情景的思维方式做设计
要做到这个原则其实是很难的,需要长期的实战经验才能做到这点,我们都知道米聊出的比微信早,但后来被微信反超,个人认为不光是QQ帮了微信很大忙,比如用户登录门槛低,用户来源,广告打得响之类的,其实在用户使用情景方面米聊研究的没有微信透彻。
对于一个社交即时通讯产品,添加好友的功能是好友汇聚的来源,虽然米聊微信都绑定手机通讯录,但话又说回来,用户找手机通讯录联系人语音聊天的还是比较少,添加好友是引导用户去发现好友,找好友,碰好友的一扇门,所以对于这么重要的功能放置在应用程序的哪个位置,在产品前期就会让用户明显的去选择用哪个应用,因为聊天工具的前提是要有人和你聊天。
3、尽量少的让用户输入,输入时尽量多给出参考
移动端的虚拟键盘一直是科技界无法解决的一个难题,虚拟键盘的主要缺点:①、输入定位无法反馈,所以无法形成高效的盲打;②、虚拟键盘的空间限制,手指的点击经常造成误按。
光是上面这两点就让虚拟键盘在输入上大打折扣,所以我们在设计应用程序时,只要遇到Input Box的控件时,首先就要想到尽量让用户少输入,或者智能的给出参考。
移动端界面设计的8个优化要点-九曲网络
百度音乐的搜索先是把近期最热门的歌曲依次排列在列表中,当有字输入时,会出现歌手的候选词,这里值得称赞的是百度音乐的搜索能根据用户输入的字来判断用户是搜索歌手还是歌名。
移动端界面设计的8个优化要点-九曲网络
百度地图也是我用得比较顺手的一个地图导航应用,在减少输入方面也做的比较出色,百度地图拥有cookies功能, 另外就是百度搜索的技术应用在地名的匹配中也很让人欣喜,在用户输入到一半的时候,下面的候选列表就出现了目标地址,用户直接停止输入点击列表即可。
4、全局导航需要一直存在,最好还能预览其他模块的动态
全局导航在Web交互设计中比较容易做到,在手机移动端全局导航要看产品设计的需求,什么功能需要全局导航,
(1)、社交应用通常是:消息,通知,请求;
(2)、音乐视频应用通常是:下载,搜索;
(3)、工具类产品经常是核心工具条(tool bar)比如浏览器,语音助理,音乐识别应用等等。
全局导航的价值在于可以让用户在使用过程中不会丢失信息,减少主页面和次级页面之间的跳转次数,当然全局导航中的info-task要能在当前页面完成,如果需要跳转到新界面,就会失去全局导航的意义,因为当出现多个info-task的时候,就需要用户不停的进入全局导航页面来完成。
移动端界面设计的8个优化要点-九曲网络
5、提供非模态的反馈,不打断任务流
模态弹出框的书面名称在iphone OS中称作:Alert-box,在Android OS中称:Pop-up box,我们都知道弹框会打断任务流,所以在有限的屏幕上怎样让这些弹框弱化,或者说优雅、绅士的提醒用户,这个需要设计师来定义。
模态是指界面中只有提醒弹框才具有可交互行为,其他一切都不可操作;非模态不会把提醒做成弹框,可能会处理成List Notification,Toast list等方式来提醒用户。
移动端界面设计的8个优化要点-九曲网络
Gmail是第一个把删除的模态弹框设计成List
移动端界面设计的8个优化要点-九曲网络
从用户体验上来说,使用移动设备联网的用户多属花费零碎时间上网,不大可能有耐性的点击很多的页面,所以,移动网站设计时应尽量简洁,如果你的网站需要设计购买页面,那么从这一点出发,我们在设计购买的流程应该尽量精简再精简,直接省去冗余内容,放置核心信息即可,避免让用户产生反感的心理,那么我们在该如何优化移动端界面设计呢?
1、用户界面应该是基于用户的心里模型,而不是基于工程实现模型
简单的来说,就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式,其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀。
移动端界面设计的8个优化要点-九曲网络
左边界面:大众点评新版的价格的搜索就比之前改得更符合用户心里模型。
右边界面:食神摇摇的摇动手机找餐厅更加符合大众用户的心里,大家应该都有那种中午不知道去哪家餐厅就餐,那么就摇一摇来随机抽出一个附近的餐厅。
2、培养用户使用情景的思维方式做设计
要做到这个原则其实是很难的,需要长期的实战经验才能做到这点,我们都知道米聊出的比微信早,但后来被微信反超,个人认为不光是QQ帮了微信很大忙,比如用户登录门槛低,用户来源,广告打得响之类的,其实在用户使用情景方面米聊研究的没有微信透彻。
对于一个社交即时通讯产品,添加好友的功能是好友汇聚的来源,虽然米聊微信都绑定手机通讯录,但话又说回来,用户找手机通讯录联系人语音聊天的还是比较少,添加好友是引导用户去发现好友,找好友,碰好友的一扇门,所以对于这么重要的功能放置在应用程序的哪个位置,在产品前期就会让用户明显的去选择用哪个应用,因为聊天工具的前提是要有人和你聊天。
3、尽量少的让用户输入,输入时尽量多给出参考
移动端的虚拟键盘一直是科技界无法解决的一个难题,虚拟键盘的主要缺点:①、输入定位无法反馈,所以无法形成高效的盲打;②、虚拟键盘的空间限制,手指的点击经常造成误按。
光是上面这两点就让虚拟键盘在输入上大打折扣,所以我们在设计应用程序时,只要遇到Input Box的控件时,首先就要想到尽量让用户少输入,或者智能的给出参考。
移动端界面设计的8个优化要点-九曲网络
百度音乐的搜索先是把近期最热门的歌曲依次排列在列表中,当有字输入时,会出现歌手的候选词,这里值得称赞的是百度音乐的搜索能根据用户输入的字来判断用户是搜索歌手还是歌名。
移动端界面设计的8个优化要点-九曲网络
百度地图也是我用得比较顺手的一个地图导航应用,在减少输入方面也做的比较出色,百度地图拥有cookies功能, 另外就是百度搜索的技术应用在地名的匹配中也很让人欣喜,在用户输入到一半的时候,下面的候选列表就出现了目标地址,用户直接停止输入点击列表即可。
4、全局导航需要一直存在,最好还能预览其他模块的动态
全局导航在Web交互设计中比较容易做到,在手机移动端全局导航要看产品设计的需求,什么功能需要全局导航,
(1)、社交应用通常是:消息,通知,请求;
(2)、音乐视频应用通常是:下载,搜索;
(3)、工具类产品经常是核心工具条(tool bar)比如浏览器,语音助理,音乐识别应用等等。
全局导航的价值在于可以让用户在使用过程中不会丢失信息,减少主页面和次级页面之间的跳转次数,当然全局导航中的info-task要能在当前页面完成,如果需要跳转到新界面,就会失去全局导航的意义,因为当出现多个info-task的时候,就需要用户不停的进入全局导航页面来完成。
移动端界面设计的8个优化要点-九曲网络
5、提供非模态的反馈,不打断任务流
模态弹出框的书面名称在iphone OS中称作:Alert-box,在Android OS中称:Pop-up box,我们都知道弹框会打断任务流,所以在有限的屏幕上怎样让这些弹框弱化,或者说优雅、绅士的提醒用户,这个需要设计师来定义。
模态是指界面中只有提醒弹框才具有可交互行为,其他一切都不可操作;非模态不会把提醒做成弹框,可能会处理成List Notification,Toast list等方式来提醒用户。
移动端界面设计的8个优化要点-九曲网络
Gmail是第一个把删除的模态弹框设计成List