HTML5培训-高端面授HTML5培训机构
云和教育:云和数据集团高端IT职业教育品牌
  • 华为
    授权培训中心
  • 腾讯云
    一级认证培训中心
  • 百度营销大学
    豫陕深授权运营中心
  • Oracle甲骨文
    OAEP中心
  • Microsoft Azure
    微软云合作伙伴
  • Unity公司
    战略合作伙伴
  • 普华基础软件
    战略合作伙伴
  • 新开普(股票代码300248)
    旗下丹诚开普投资
  • 中国互联网百强企业锐之旗
    旗下锐旗资本投资

移动ui设计培训_手机端界面设计

  • 发布时间:
    2016-09-20
  • 版权所有:
    云和教育
  • 分享:

手机端页面设计你需要了解的4大原则

作为UI交互设计师,要想做好手机UI设计,就需要了解手机UI交互设计的8大原则,下面UI界面交互设计培训老师带你了解这些原 则。

就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节 和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀。

手机端页面设计原则2:培养用户使用情景的思维方式做设计

要做到这个原则其实是很难的,需要长期的实战经验才能做到这点。

移动端ui设计培训

那我们都知道米聊出的比微信早,但后来被微信反超,个人认为不光是QQ帮了微信很大忙,比如用户登录门槛低,用户来源, 广告打得响之类的,其实在用户使用情景方面米聊研究的没有微信透彻。

对于一个社交即时通讯产品,添加好友的功能是好友汇聚的来源,虽然米聊微信都绑定手机通讯录,但话又说回来,用户找手机通讯录联系人语音聊天的还是比较少。添加好友是引导用户去发现好友,找好友, 碰好友的一扇门。所以对于这么重要的功能放 置在应用程序的哪个位置,在产品前期就会让用户明显的去选择用哪个应用,因为聊天工具的前提是要有人和你聊天。再回到现实 的界面中来,看看下面的对比:

微信1.0的时候(4.0)把添加好友放置主Tab上,方便用户很快的添加好友

米聊2.0时还是把添加好友放置在好友列表的第一排,用户很难发现

手机端页面设计原则3:尽量少的让用户输入,输入时尽量多给出参考

移动端的虚拟键盘一直是科技界无法解决的一个难题,虚拟键盘的主要缺点:1.输入定位无法反馈,所以无法形成高效的盲 打;2.虚拟键盘的空间限制,手指的点击经常造成误按。光是上面这两点就让虚拟键盘在输入上大打折扣,所以我们在设计应用程序 时,只要遇到Input Box的控件时,首先就要想到尽量让用户少输入,或者智能的给出参考。

百度音乐的搜索先是把近期最热门的歌曲依次排列在列表中,当有字输入时,会出现歌手的候选词,这里值得称赞的是百度音乐 的搜索能根据用户输入的字来判断用户是搜索歌手还是歌名。

百度地图也是我用得比较顺手的一个地图导航应用,在减少输入方面也做的比较出色,百度地图拥有cookies功能, 另外就是百度搜 索的技术应用在地名的匹配中也很让人欣喜,在用户输入到一半的时候,下面的候选列表就出现了目标地址,用户直接停止输入点 击列表即可。

郑州ui设计培训-云和数据

手机端页面设计原则4:全局导航需要一直存在,最好还能预览其他模块的动态

全局导航在Web交互设计中比较容易做到,在手机移动端全局导航要看产品设计的需求,什么功能需要全局导航,社交应用通常 是:消息,通知,请求;音乐视频应用通常是:下载,搜索;工具类产品经常是核心工具条(tool bar) 比如浏览器,语音助理,音乐 识别应用等等。

全局导航的价值在于可以让用户在使用过程中不会丢失信息,减少主页面和次级页面之间的跳转次数,当然全局导航中的 info-task要能在当前页面完成,如果需要跳转到新界面,就会失去全局导航的意义,因为当出现多个info-task的时候,就需要用 户不停的进入全局导航页面来完成。