手机客户端信息最终页的布局设计问题

文章描述:手机客户端信息最终页的布局设计问题.

上周末,与kent.zhu、安姐喝茶闲聊,聊到关于手机客户端信息最终页的布局设计问题。

其实就两个问题:
1 对单条信息纬度多的情况,是顶部分tab,还是往下一直显示,还是左右滑动显示?
2 对信息的操作放哪?

其中聊到一些设计原则,比如:
1 取决于目标用户对信息浏览顺序是否一致,就是说他们关注的重点是有次序的,还是发散的。
2 产品鼓励以及期望如何引导什么样的路径和用例?
3 往下滑动交互上成本理论上是最小的。

在我观察到不少信息详情页面,在早期,都有过度耍花样的设计。当然,这是早期很多应用强调手机设计很“炫”的特性,比如横屏、左右滑动?但究竟目前如何合理,相信现在多数好的设计还是靠老设计师的经验与直觉。对新型交互的数据追踪,我是非常有兴趣了解,如果有人相关的资料,也请发给我。

最后,发现淘宝iPhone版与Android版的设计,呈现的是两种设计世界观。但确实是一个好的追踪案例,一个是顶部tab,一个是向下滑动。不过对设计细节的观察,感觉这应该是两个团队的作品,应该不是故意作为研究性的区分设计。

这是一个还没有结论的设计跟踪,需要时间沉淀。

时间: 2024-08-03 08:53:55

手机客户端信息最终页的布局设计问题的相关文章

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

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

手机客户端的两种主要的界面布局与设计方式

本文主要讨论手机手机客户端的两种主要的界面布局与设计方式,对于手机设计师来说,此类文章比较少见,当然其中对于用于体验与可用性的实现依然很普遍. 手机产品设计与传统的桌面和web产品设计相比,最显著的约束是设计空间的急剧缩小.打个比方,这就像从一个100平米的房子搬到5平米的单间,东西没少一样,可以施展的空间却小了几十倍.更重要的是,在这样一个小空间里,你不能把东西胡乱摆放,要依旧保持它们的清晰.合理.简洁.美观.借用<用户体验的要素>中的名词,这涉及到"框架层"的设计问题,

中国式网页设计:手机客户端和网页版合二为一

文章描述: 采用流式页面,手机客户端的编辑力量和网页版合二为一,一次推送,自动铺开到所有终端,大家在不同地方看到的都是一样的新闻列表,编辑力量将被空前地解放. [核心提示] 采用流式页面,手机客户端的编辑力量和网页版合二为一,一次推送,自动铺开到所有终端,大家在不同地方看到的都是一样的新闻列表,编辑力量将被空前地解放. 无限滚动,类似博客页面的版式终于开始替代所谓"新浪模式"的拥挤不堪的版面,成为传统门户网站的选择. 2012 年 7 月,腾讯科技改版成为博客版式,引发热烈讨论.随后,

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

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

手机客户端交互适配设计

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

朋友网手机客户端下载页面设计分享

朋友网手机客户端下载页面设计分享 先让我们来看看一些简单的数据: 据谷歌发布的报告显示, ① 97%的中国城市已拥有手机,其中35%拥有智能手机; ② 在电视与智能手机两者之间,50%的受访者表示宁愿放弃电视而非智能手机; ③ 中国城市智能手机用户随时随地都在使用智能手机,其中家里(66%),旅途中(59%),乘坐交通工具中(52%),餐厅(38%)及商场(30%)是使用智能手机最频繁的地方; (数据来源<中国城市智能手机数据调查报告>;http://www.dianru.com/news-5

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

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

手机客户端首页设计

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

设计优秀的手机客户端用户体验

手机客户端有着与网页不同的产品风格,将http://www.aliyun.com/zixun/aggregation/12560.html">1024*768大小的网页布局置于了240*320.320*240或者再好点是320*480大小,不是用鼠标点击,而是通过键盘或手指去操作每一步.但手机客户端的产品设计同样与网页一样,有许多的共同点,但也有自己独特的地方. 手机客户端设计优秀的用户体验: 1.抓住主要功能 手机没有网页那么大的屏幕,如何体现出主要功能,一目了然的给用户体现出主要功能显