资讯频道 → 移动开发
阅读更多

0顶
1踩

移动开发

转载新闻 体验新版Apple AppStore ——App设计从业人员必读

2013-01-15 17:00 by 副主编 WnouM 评论(1) 有5697人浏览
App Store app 苹果
首先和大家分享几个数据:

  • Apple开发者向 iOS App Store 提交的应用数量突破100万款大关
  • 有 4 亿用户注册了Apple ID，一共下载了350亿次应用
上面由Appfire提供的最新监控和统计数据，由数据看来， 苹果开放的App store模式是乔布斯时代最成功的商业模式，不仅成就了他今天的辉煌，同时也带动了手机类App的发展。App Store在拥有百万款数量级的情况下，引导用户快速、高效的找到所需的优质App不是一件简单的事情，由此也能得出苹果App Store这次版本升级的主要缘由及目的。伴随开发者、App、用户、下载数量的激增，苹果对App Store做了全新调整，包括信息架构、信息设计、交互操作都做了全新的调整升级。下面随这几个方面详细展开讨论。

一、扁平化的信息架构

新版的信息重构后整体呈扁平化结构，在架构上采用浅而广的分类方式，信息展示层级减少，使100万数量之多的庞大应用库，导览清晰、查找便利。

1. 体现最明显的是，默认首屏的精品推荐

去掉Title Bar上的Tab操作，层次更清晰；Banner改为横向轮播切换；新品推荐由三十个条目改为一个横向滑动切换条目；节省下的空间新增了两条运营位置及另外两条出色App和精彩游戏的条目。信息量加大的同时增加运用位置，可以让更多精彩App有更多机会展示。下图左侧是iPad新版增加的模块



2. 工具栏上的类别项目放到推荐、排行、Genius的顶部Bar上并以模态展现。



3. Genius功能回归

在新版中将Genius提到工作栏位置，目前能见到的就是Genius根据你所下载的App，了解你的喜好并发送给服务器，服务器根据信息再下发类似相关的App。所以你使用Genius时间越来越久，收集到的喜好越精确，也就越能摸得准你的喜好且智能化推送App也越符合你的心意。尽管它还待进一步功能细化，不得不让人猜测App Store部署的下一部将是智能化、个性化推荐应用方向。



4. 前25名改为排行榜，减少Tab切换，改为条目横向平移的方式

App个数随滑动加载，无需点击跳转。下载安装的功能前置，快捷了用户的下载操做。尤其是屏幕尺寸大的iPad，三列排行榜同页面无须切换既能下载安装。



较旧版的架构，新版做了较大的调整，扁平化架构及浅而广的布局方式使屏幕空间进一步利用。用户搜索信息的方式也充分体现：Known-item已知项目的搜索框，Exploratory探索的推荐，无特定目标情况下的排行榜单，所有的用户搜索入口的方式更明确，同时增加了Genius个性化推荐，向智能化、个性化迈进一步。

二、交互层面

1. 去掉Tab设计，改为条目滑动切换

最右边的App Icon只露出一半，自然教育用户右边还有更多内容，当向左滑动的时候辅以平滑移动的动效提示，加深用户认知理解。这种交互设计已经在手机系统里很常见了，如iOS系统桌面、Windows Phone 7的屏幕切换操作。优点有方便信息获取；增加运营推广位置；条目的方式便于以后新App集合条目的加减，灵活性高。

2. 操作方式由上下滑动切换，到上下左右切换，增加了一个操作维度

这种操作方式大大提高手机的空间利用率，且操作方式简单易用、容易上手，明显感觉比Tab切换高明。



3. 减少操作阻断感

当App下载操作完成的时候，用户将不再直接被踢回主屏幕，App Store依然维持打开状态，用户可尽情浏览，对像我这种App下载控来说无疑是福音。影响： 无间断的下载操作，可以降低用户的下载成本，以提高用户的下载安装量。但可能狗血的是，用户下载后就很少使用，降低了产品本身的活跃率。

三、视觉维度

1. 读图时代，以图胜文

以App详情页新布局排版为例（参照下图），突出产品形象图片信息前置，文字信息只显示部分其他隐藏后置，增加开发商和相关产品的展示位，整个版式通透、高效、提高美观度的同时又突出主要信息吸引用户。



2. 扑克式搜索结果布局亮相

无疑是新App Store中的亮点——搜索结果页界面增加了类似Chomp（苹果收购，计划用于重新设计App Store UI）的界面缩略图，用于展示App的信息。目前在iPhone上一次呈现一个结果，iPad一次可呈现六个。影响：毫无疑问，UI层面有了创新的展现，但是阐述产品信息的唯一一张截图会显得更加重要。同时的确会增加浏览查看的负担，因为这需要更多的翻屏与刷新，是否具有实用性也有待考究。



3. 与iOS6系统级的Title和Bar保持一致设计

与内容区的扁平化做区别，强调操作区域的特性，对地址栏的操作区域做明显区块化分割，增强点击按下的视觉感，以加强用户的认知，引导在其上进行操作。内容区以浏览阅读为主要目的，故减少拟物化，放弃了之前折纸明暗条目的设计方式，采用轻盈扁平的质感，以内容为王，使信息能快速且轻松被获取，减少阻断感。

以上就是iOS6里App Store的改版体验分析，随着新版iOS6的安装量的增加，需要我们Apple App从业人员明确的是：

  • 产品图片信息展示方式被普及，初次产品印象是由外观截图决定，对首屏的产品效果图要求很高，由形象好的产品图片宣传无疑是最好的捷径，最好经由设计制作；产品文字信息大部分被隐藏，需要将主要信息放在前几句介绍，否则不容易被发现。
  • 条目状横向浏览的方式，给首屏大大增加运营空间，首屏精品推荐由两个类目，扩展到七个类目，其中有三个条目的运营位置，这些位置无疑能为好的产品增加曝光率，让更多精彩App有更多机会展示给用户。
  • 扑克式搜索结果布局，一次呈现一个结果，虽然在UI层面上有了创新展现方式，但是唯一的截图产品界面信息会显得更加重要；同时也加剧了竞争激烈程度，用户很难有耐心加载翻看很多张卡片来寻找App，第十个以后的App将很难进入到用户的视线。
  • 大小: 53.3 KB
  • 大小: 29.9 KB
  • 大小: 40.8 KB
  • 大小: 35.9 KB
  • 大小: 31.3 KB
  • 大小: 35.9 KB
  • 大小: 38.4 KB
来自: 百度MUX
0
顶
1
踩
评论 共 1 条 请登录后发表评论
1 楼 joynn 2013-01-19 22:32
被打开速度折磨的痛不欲生，根本没心思考虑他的美观

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • C语言试题汇总200例目录

    1、温馨提示 C试题汇总里可用于计算机二级C语言笔试、机试、研究生复试中C程序设计科目、帮助C语言学者打好程序基础、C语言基础，锻炼您的逻辑思维和解决问题的能力，帮助你成为C语言笔试、机试解题高手，帮助你拿到C语言工作的offer，每一个题目都附带源代码和运行结果，让你不再有任何困惑，妈妈再也不担心我的C语言了。如果程序有任何看不懂或者哪个步骤不理解的地方都可以加我微信（15874274916）私聊我，或者有更好的思路解决办法都可以加我微私聊，一起探讨、希望可以正真的帮助到你，同时也可以扫下面的二维码关注

  • 大一萌新写的c语言都能看懂版（一）

    c语言的框架 简单来说，c语言的主要组成部分为头文件和主函数构成，头文件为#include，主函数是int类型的函数：int main 变量 变量在c语言的地位很高，类似于我们一段话的文字，通过c语言的语法共同构成c语言 当然变量即为可变的量，我们都应该给它取一个名字（标识符）标识符只需要自己认清即可，所以我们在使用变量的过程中，我们应该进行定义。变量有三部分构成：变量名，变量值和存储单元（地址） 我们在定义过程中格式非常简单：数据类型 标识符； 变量赋值的过程中可以先定义变量1再赋值，也可以边

  • C语言%lld、%llu无法正常输出比long long长整数小的数

    加粗样式 %lld和%llu是长整型变量long long的格式化字符，用来输出有符号和无符号长整型数据 printf("longlong max=%lld,min=%lld", LLONG_MAX, LLONG_MIN); printf("\nunsigned longlong max=%llu,min=%llu", ULLONG_MAX, 0); printf("\nlonglong max+1=%lld,min-1=%lld", LLONG_MAX + 1, LLONG_MIN - 1);

  • 考c语言是什么,C语言是计算机二级吗考什么？考了有什么用

    c语言是计算机二级考试科目。对编程感兴趣，或者今后想从事编程的人可以参加c语言。这是编程语言中最基本的一种，学习后可以给自己打下坚实的基础。计算机二级c语言考试内容分值1、单项选择题、40题、40分(包括公共基础知识部分10分)。2、程序填空问题，2~3个空，18分的机题。3、程序错误，2~3处错误，18分的机题。4、程序设计问题，1问，24分的机题。考试内容:1.c语言程序的结构。程序的构成、m...

  • 用c语言的简单循环实现科拉茨猜想

    #include<stdio.h> //科拉茨猜想：任取一个整数，如果是偶数则除以2，如果是奇数则*3+1 void CollatzGuess(int x) { for (size_t i = 0; i < 100; i++) { static int p = 1; while (x % 2 == 0) { x = x / 2; printf("第%d次运算，结果是：%d\n", p, x); p++; } while (x % 2 == .

  • 100条经典C语言笔试题目

    100 条经典C语言笔试题目 题目来源： 1、中兴、华为、慧通、英华达、微软亚洲技术中心等中 外企业面试题目； 2、C 语言面试宝典(林锐《高质量编程第三版》)。 说明： 1、部分C 语言面试题中可能会参杂部分和C++ 相关的知 识，为了保持题目的灵活性故保留，但选题最终还是 会以C 语言题目为主体； 2、以上公司的面试题目已成为国内中小型企业公司出题 模板； 3

  • 计算机考证c语言（大全）

    全国计算机等级考试（National Computer Rank Examination，简称NCRE），是在1994年，经原国家教育委员会（现教育部）批准，由教育部考试中心主办，面向社会，用于考查应试人员计算机应用知识与能力的全国性计算机水平考试体系。它是一种重视应试人员对计算机和软件的实际掌握能力的考试。成绩合格者由教育部考试中心颁发考试合格证书。合格证书用中、英文两种文字书写，全国通用。 全国计算机二级Ｃ语言证书的用途 1.二级证书表明持有人具有计算机基础知识和基本应用能力，能够使用计

  • %d %ld %lld

    相信下面几个表达方式，就能说明问题吧： %d=int, %ld=long, %lld=long long; 在32位编译器上，int=long=32bit；long long=64bit。

  • %d, %ld, %lld 区别

    相信下面几个表达方式，就能说明问题吧： %d=int, %ld=long, %lld=long long; 在32位编译器上，int=long=32bit；long long=64bit。 不用解释了吧。

  • C语言考试题

    C语言考试题 1. 什么叫分配内存，什么叫释放内存 操作系统把某一块内存空间的使用权力分配给该程序叫分配内存。 操作系统把分配给该程序的内存空间的使用权力收回，该程序就不能够再使用这一块内存空间，这叫释放内存。 附注：释放内存不是把该内存的内容清零 2. 变量为什么必须得初始化 不初始化，则变量通常就是垃圾值 3. 详细说明系统是如果执行：int i =5;这个语句的 请求操作系统为i分配存储空间 操作系统会在内存中寻找一块空闲的区域，把该区域当做i来使用 把i和这快空闲区域关联起来，今后对字符

  • C语言面试题

    1 预处理 问题1：什么是预编译？何时需要预编译？ 答： 预编译又称预处理，是整个编译过程最先做的工作，即程序执行前的一些预处理工作。主要处理#开头的指令。如拷贝#include包含的文件代码、替换#define定义的宏、条件编译#if等。. 何时需要预编译： 1、总是使用不经常改动的大型代码体。 2、程序由多个模块组成，所有模块都使用一组标准的包含文件和相同的编译选项。在这种情况下，...

  • 最长考拉兹序列

    在正整数集上定义如下的迭代序列：n → n/2 （若n为偶数） n → 3n + 1 （若n为奇数）从13开始应用上述规则，我们可以生成如下的序列：13 → 40 → 20 → 10 → 5 → 16 → 8 → 4 → 2 → 1 可以看出这个序列（从13开始到1结束）共有10项。尽管还没有被证明，但我们普遍认为，从任何数开始最终都能迭代至1（“考拉兹猜想”）。从小于一百万的哪个数开始，能够生

  • 【The 2017 BAPC】C题-Collatz Conjecture ---- GCD+优化去重

    题意: 给你一个大小为n的序列，让你求里面所有子串的GCD，求里面最多有多少不同的GCD。 思路： 利用集合set–tmp维护 到当前子串的最后一个元素的所有GCD，set–ans保存所有不同种类的GCD。 分析一下为什么不会超时，一开始以为这个算法很暴力,觉得是O(n^2 * logn) 其实，我们猜想最暴力的情况 即，1 ，2 ， 4， 8 ，16，…… ，2^n 这组数据，我们会以...

  • C语言考试

    １.数组A【5】【6】的每个元素占5个单元,将其按行优先存储在起始地址为1000的连续的内存单元中，则元素A【4】【4】的地址为? 答案是1140 A【0】 A【1】 A【2】 A【3】共四行4X6=24； A【4】24+4=28； 28X5=140， 1000+140=1140 按列也是相同原理先经过列 在C语言中，顺序存储长度为３的字符串，需要占用４个字节 末尾＼ｎ也要算上 ２.设有一个长度为n的顺序表，要在第i（从1开始）个元素之前（也就是插入元素作为新表的第i个元素），则移动元素个数为ｎ－ｉ＋１ 题

  • 用正确的方式写if语句——与零值作比较

    1.if语句中的布尔变量与零值作比较 不能用布尔变量与true,false,1,0直接作比较。布尔变量类型的语义是：零值为“假”，任何非零值都表示“真”。因为true的值并没有唯一的标准，因此不能用布尔变量与它直接进行比较。 假设布尔变量为flag，那么它与零值进行比较时if语句应该是if（flag）\\表示如果flag为真 if（！fla...

  • 期末考试题C语言

    楼主的代码 搞了两个多小时，发现直接写代码真不是个好习惯。。。。 先思考，想明白 ，再去实现。。。 #include<stdio.h> int main() { int b[4],c[4]={0},a[19]={0,20,4,10,6,10,4,0,0,20,5,3,0,5,8,3,4,3,10}; int i,j,m,n[4],p,q; printf("请按顺序输入每组家庭...

  • Collatz序列

    编写一个名为collatz()的函数，它有一个名为number的参数。如果参数是偶数，那么collatz()就打印出number//2，并返回该值。如果number是奇数，collatz()就打印并返回3*number+1。 然后编写一个函数，让用户输入一个整数，并不断对这个数调用collatz()，直到函数返回值1. 第一步：根据第一段信息，定义出collatz()函数： def collatz...

  • c语言%ul,C 64bit的longlong printf格式符%u、%d、%lld、%llx、%#llx

    64位无符号整型打印方式：#includeunsigned long long ll=0x9102928374747474;void main(){printf("**************\n");printf("%x,%llx\n",ll,ll);printf("%llu\n",ll);printf("**************\n");}整型不同长度小常识温故：d，lx，ld，，lu，这...

  • C语言printf的处理方式让人费解，%f输出整型为0，%d和%lld

    %f输出整型，有符号数和无符号数的运算

Global site tag (gtag.js) - Google Analytics