手机客户端首页设计

  如果客户端不支持像iPhone那样记载最后使用的情形,客户端开启之后,经过3秒左右的开机画面会进入首页。首页是用户使用客户端的第一界面,起到展现内容和引导用户使用的作用。如客户端的功能和内容比较简单,通常会采用“首页+设置”的单级形式,如客户端的功能和内容较多,无法一页完全展示,页面之间存在层级关系,那会采用“首页+多级页面+设置”的多级形式。


  单级形式的iPhone客户端


  多级形式的iPhone客户端

  首页在不同的客户端中不同的功能:


  1.展现功能。如人人网iPhone客户端。


  2.展现内容。如腾讯微博iPhone客户端。


  3.展现功能和内容。单级形式和比较复杂的多级形式的客户端的首页通常如此。

  使用何种首页取决于客户端的类型和架构方式,内容为主的客户端,首页当然是展现内容。但是当客户端既有功能也有内容时,如何合理设计首页呢?是通过功能去查找内容,还是根据内容去使用功能?人人网的客户端的首页为展现功能“新鲜事/个人主页/好友……”,虽然是模仿Facebook的设计,不见得是最好的方案:

  九宫格的设计比较死板,是继承物理按键手机的设计,没有发挥触摸屏手机的优势。

  功能的切换必然要返回首页,增加操作步骤。

  展现功能的首页基于的假设是功能之间比较并列的,没有明显的主次之分。而使用SNS的客户端先查看是否有消息推送,然后浏览朋友分享的内容,而”发状态/查看好友/传照片”等功能较弱。

  Android版本和iPhone版本几乎完全一样,没有发挥手机操作系统的特性,Android菜单键本可以承载更多的功能。

  首页的设计最重要是引导用户使用,根据用户使用产品的需求安排或者推送用户最想看到的内容,而不是摆放几个功能让用户去挑选。就像用户进入衣服店时,看到的是整整齐齐的衣架,但没有推销衣服的广告,没有主打款式,也没有热情的服务人员。


  大众点评网的iPhone客户端,标签栏“搜索”和“附件”中的内容几乎一样,都有“美食/小吃/咖啡厅”的信息分类,只是查询信息时的范围不同,这在“附件”中也有根据地理范围搜索信息,可以将“搜索”和“附件”归类成在一个标签内。大众点评网在是用户有需求再来查找内容,有分类有搜索,信息架构上比较简单。一方面要扩大数据库,完善内容,另一方面还要考虑如果向用户推送内容,精准化营销,基于LBS的客户端具有这样的优势。如何利用LBS、手机类型、用户的使用记录和偏好和好友的推荐等等手段去精准推送内容才是发展趋势。

  另外,如果是手机客户端是主打的产品,不是像腾讯微博和淘宝那样属于web的衍生产品,当需要账号注册时,应该尽量放到用户看到首页,并且已经开始使用产品之后再邀请其注册。这时的首页还要起到推销产品的作用,展现内容是必不可少的了。

  文章来源:晓生语录 转载请注明出处链接。

时间: 2024-09-21 12:30:50

手机客户端首页设计的相关文章

手机客户端的设计

谈手机客户端的设计.接触才1周,我就敢谈--整理一下思路,为以后鄙视现在的初级阶段做个铺垫. 抛开产品本身不谈,手机客户端要从几个方面综合考究,才能做出精彩的东西.手机端和WEB端,在很多方面是一致的,都要尽可能的把用户当成懒汉和笨蛋.在以懒汉和笨蛋的态度对待受众的基础上,再考虑不同手机平台用户的使用场景,让这种懒和笨发挥的更加贴切,就可以了. 如果在WEB端已经有了一个成型且比较稳定的产品,比如某电商平台.某社区,在此基础上做手机端产品,大致有章可循: 理顺功能框架--设计交互--确定UI--

手机客户端交互设计原则及信息展现方式

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式. 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受. 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点. 首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移

移动应用交互设计:手机客户端的交互适配方法

文章描述:本文中,我想简单的总结一下手机客户端的交互适配方法,希望能更好地来指导当前移动应用的设计需求. 简摘:本文从手机平台.机型(触屏和键盘)及屏幕大小三个方面简单的讨论了一下手机客户端的交互及适配特性及一些原则. 手机客户端软件虽只是手机中一个功能,但它却要比设计单款手机更为复杂.在设计单款.单系列手机时,需要考虑这款手机的软.硬件优势及不足,考虑其特性.其UI Style Guideline ,确定这些内容后,整个平台的UI也找到基础了.说起来,这至多是考虑某个系统.某个屏幕的特性而已,

手机客户端交互适配设计

简摘:本文从手机平台.机型(触屏和键盘)及屏幕大小三个方面简单的讨论了一下手机客户端的交互及适配特性及一些原则. 手机客户端软件虽只是手机中一个功能,但它却要比设计单款手机更为复杂.在设计单款.单系列手机时,需要考虑这款手机的软.硬件优势及不足,考虑其特性.其UI Style Guideline ,确定这些内容后,整个平台的UI也找到基础了.说起来,这至多是考虑某个系统.某个屏幕的特性而已,而不同功能的所有设计基础都是一致的. 但是对于客户端,咋一看,好像很简单,就是设计一个应用.实则不然,客户

手机客户端交互适配设计之我见

简摘:本文从手机平台.机型(触屏和键盘)及屏幕大小三个方面简单的讨论了一下手机客户端的交互及适配特性及一些原则. 手机客户端软件虽只是手机中一个功能,但它却要比设计单款手机更为复杂.在设计单款.单系列手机时,需要考虑这款手机的软.硬件优势及不足,考虑其特性.其UI Style Guideline ,确定这些内容后,整个平台的UI也找到基础了.说起来,这至多是考虑某个系统.某个屏幕的特性而已,而不同功能的所有设计基础都是一致的. 但是对于客户端,咋一看,好像很简单,就是设计一个应用.实则不然,客户

手机网站交互设计中的信息设计

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式. 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受. 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点. 首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移

网易新闻手机客户端在产品发布三个月,用户下载和安装量突破百万

主要为iPhone和Android等智能手机用户.网易门户今年3月宣布发力移动新闻领域,并发布了基于iPhone.Android和Symbian智能手机的新闻客户端软件."网易新闻手机客户端的新闻推送和跟帖互动功能,满足了用户对于信息时代瞬息万变的资讯渴求,延伸了网易在传统互联网上新闻运营的专业水平,100万用户仅仅是一个开始,是对我们产品一个初步的反馈,相信随着产品和新闻内容质量的继续提升,未来用户数量还将呈几何倍数的增长."网易移动中心总监徐诗说.网易新闻手机客户端在设计上整合了网

网易新闻手机客户端在产品发布三个月

用户下载和安装量今日突破百万,主要为iPhone和Android等智能手机用户.网易门户今年3月宣布发力移动新闻领域,并发布了基于iPhone.Android和Symbian智能手机的新闻客户端软件."网易新闻手机客户端的新闻推送和跟帖互动功能,满足了用户对于信息时代瞬息万变的资讯渴求,延伸了网易在传统互联网上新闻运营的专业水平,100万用户仅仅是一个开始,是对我们产品一个初步的反馈,相信随着产品和新闻内容质量的继续提升,未来用户数量还将呈几何倍数的增长."网易移动中心总监徐诗说.网易

客户端交互设计适配之——屏幕大小

随着各个手机操作系统的应用平台的上线,几乎所有的互联网应用都在往手机上迁移.然而手机与PC 不一样,PC经过了多年的发展,在设计上形成了很多不成文的规则,如网页的宽度都在960px左右[当然,由于整体的电脑屏幕往大尺寸及高分辨发展,除了背景宽屏自适应外,不少网页也正朝着更宽的方向上发展].当前的手机种类繁多,手机屏幕的大小.比例各异,并且手机的屏幕本身就小,因此既要考虑应用在不同屏幕大小上的适配,又要保持其一致性,同时还要提高每个手机屏幕的使用效率,这就存在着很多的矛盾点. 在客户端的设计过程中