主要内容
移动应用的导航设计 最后更新: | 文章数: 8
导航是产品设计的重头戏,而Web导航设计与移动应用的导航设计存在诸多不同,所以,我们单独用一个话题来说这个
-
8. 浅议手机客户端设计:客户端导航设计 2009-05-23 23:51
一、前言 之前关于手机客户端导航曾经罗列一些常见的到导航设计,见下面两篇,当时本来想写第三篇的,由于手头事情耽搁下来了,现在继续此话题继续扯一下。 1. 浅议手机客户端软件导航设计(1) 2. 浅议手机客户端软件导航设计(2) 二、导航如何选择 ... ...
-
7. 移动设备-GPS导航产品交互原则 2010-10-31 23:31
作为移动设备的GPS导航设备在设计时需要注意一下几点交互原则: 1、 屏幕尺寸; 除PC以外的所有移动设备都要注意这个问题,由于移动设备的屏幕尺寸与PC比起来的话要小很多,用户的视线也会相应缩小,在交互上就要考虑更多的问题,例如GPS导航产品在设计时就要考虑到屏幕的实际尺寸和用户与屏幕之间的距离,在相对较小的屏幕上内容安排要紧凑、清晰,合理。 ... ...
-
6. 手机界面常用导航设计分析 2011-04-08 23:44
所谓的交互设计,其实设计的就是人如何向机器发送指令,机器如何向人传达信息,一来一往是为交互。当要传达的信息量很少时,好办,就想Google的搜索框那样,往白底上一放就行了。但当等到信息是海量的、在一屏上难以全部呈现时,就需要有效地组织信息,将部分信息先隐藏起来,待到用户需要时再将用户引导到那里。在界面设计中,广义地来讲,从一组信息向另一组信息转移的的过程,就称之为导航。 明确了定义, ... ...
-
5. iOS的隐性导航设计 2011-10-03 12:26
移动设备阅读类软件最重要的特性之一就是尽可能的增大阅读面积,为此,就必须尽可能的让屏幕中的导航占到最小,甚至隐藏,手机浏览器也基本属于阅读类软件,最近流行的海豚浏览器甚至将电脑中的“鼠标手势”引入到手机浏览器中。 什么是隐性导航 下图是iOS中read it later软件的阅读界面,除了最上方的状态栏,阅读区域占满了整个屏幕,没有任何诸如“返 ... ...
-
4. iphone Web App 导航设计探讨 2011-10-21 10:53
最近在做iphone端Web App的项目。由于产品形式新颖,技术环境不成熟,公司给与了较宽松的研发时间。在一个月的交互设计阶段,每个环节都得到多次讨论推敲,我从中感悟颇多。导航系统的设计是一个比较典型的点,拿出来与大家分享讨论一下。 导航系统所遭遇的挑战 iphone Native App较常见的导航如下图所示: 手机屏幕底端:A、B、C、D四个tab组成该Nati ... ...
-
3. 移动产品设计之ios导航模式 2011-10-27 22:15
写在前面:刚开始接触移动产品设计的时候对着设计指南懵懵懂懂的感知了一下,但是还是不甚寥寥。最近读《触动人心》,发现作者对ios的导航模式的总结实在太棒了,于是写下这篇读书笔记。 导航始终是产品设计的重头戏,往往产品设计中90%的事情就是在做导航。在iphone中预置了3种可以直接使用的导航模式,平铺列表、标签页、树状结构,每种模式都配有不同的工具栏和控件。三种导航模式可以独立使用也可以混搭 ... ...
-
2. 浅析移动应用的导航模型 2012-06-10 18:45
和网站一样,移动应用也具有自己的信息架构,根据应用的性质以及核心功能界面之间的关系,来对其采用合理的信息结构,此时,移动应用的导航模型便起到了穿针引线的效果,一个好的导航将使得应用的信息架构清晰明了,且操作简单高效。 移动应用的导航模型基本包括 平铺页面、标签tab、树形列表、九宫格、以及目前较为流行的左侧列表等,以下针对几种常见的导航模型进行简要分析和比较,以帮助我们选择最合适的导航模型,提升 ... ...
-
1. 说说抽屉式导航 2012-07-20 15:21
导航始终是产品设计的重头戏,不管在Web端设计还是在mobile的设计中。之前曾经在读《触动人心》的时候写过一篇“移动产品设计之ios导航模式”,其中的导航模式基本都是基于ios系统自身的一些模式,随着ios新产品的不断出现,新的导航方式也随之更新,这里说一下“抽屉式”的导航方式。 当然,抽屉式导航是我自己给这种导航方式取的名字,至于学名叫什 ... ...
1-8 of 8