Enviar búsqueda
Cargar
移动应用 从想法到卓越设计 Ctrip 2014
•
2 recomendaciones
•
923 vistas
Jason Bao
Seguir
1.靠谱的移动应用的想法 2.NUI、目标用户和用户目标 3.功能肥大症 4.移动应用的导航结构 5.移动应用的动画设计 by Jason Bao 包季真
Leer menos
Leer más
Móvil
Denunciar
Compartir
Denunciar
Compartir
1 de 172
Descargar ahora
Descargar para leer sin conexión
Recomendados
包季真 - 移动应用从想法到卓越设计 IxDC 2013
包季真 - 移动应用从想法到卓越设计 IxDC 2013
Jason Bao
AnyShoot诞生于中美黑客马拉松,能够将手机变成体感射击外设。
AnyShoot 配件 演示PPT
AnyShoot 配件 演示PPT
Henry_T
An Introduction to Typography 字体、排版简明入门 by 包季真 www.om19.com
包季真 字体、排版简明入门
包季真 字体、排版简明入门
Jason Bao
第18期极客活动-有道词典
第18期极客活动-有道词典
geekparknet
LeanMessage 是 LeanCloud(https://leancloud.cn) 公司推出的实时通信服务,文中详细讨论了实时通信云构建中,我们是如何处理大规模、高并发的挑战,解决方案涉及微服务架构、实时监控系统、消息协议、冷热分离的存储系统、网络安全等方面的问题,欢迎大家讨论交流。
大规模、高并发实时通信系统的挑战和思路
大规模、高并发实时通信系统的挑战和思路
Junwen Feng
何謂敏捷與PAIA如何透過敏捷組織企業與學生共融的開發團隊
20231028 清大GDSC演講-何謂敏捷與PAIA如何透過敏捷組織企業與學生共融的開發團隊.pdf
20231028 清大GDSC演講-何謂敏捷與PAIA如何透過敏捷組織企業與學生共融的開發團隊.pdf
Ivan Chiou
道成資訊 張賜賢 台中市工商發展投資策進會
社群行銷 台中市工商發展投資策進會
社群行銷 台中市工商發展投資策進會
道成資訊股份有限公司
http://MobileDev.TW
打造你的工具人 Chatbot / Voice Assistant Development 101
打造你的工具人 Chatbot / Voice Assistant Development 101
Ryan Chung
Recomendados
包季真 - 移动应用从想法到卓越设计 IxDC 2013
包季真 - 移动应用从想法到卓越设计 IxDC 2013
Jason Bao
AnyShoot诞生于中美黑客马拉松,能够将手机变成体感射击外设。
AnyShoot 配件 演示PPT
AnyShoot 配件 演示PPT
Henry_T
An Introduction to Typography 字体、排版简明入门 by 包季真 www.om19.com
包季真 字体、排版简明入门
包季真 字体、排版简明入门
Jason Bao
第18期极客活动-有道词典
第18期极客活动-有道词典
geekparknet
LeanMessage 是 LeanCloud(https://leancloud.cn) 公司推出的实时通信服务,文中详细讨论了实时通信云构建中,我们是如何处理大规模、高并发的挑战,解决方案涉及微服务架构、实时监控系统、消息协议、冷热分离的存储系统、网络安全等方面的问题,欢迎大家讨论交流。
大规模、高并发实时通信系统的挑战和思路
大规模、高并发实时通信系统的挑战和思路
Junwen Feng
何謂敏捷與PAIA如何透過敏捷組織企業與學生共融的開發團隊
20231028 清大GDSC演講-何謂敏捷與PAIA如何透過敏捷組織企業與學生共融的開發團隊.pdf
20231028 清大GDSC演講-何謂敏捷與PAIA如何透過敏捷組織企業與學生共融的開發團隊.pdf
Ivan Chiou
道成資訊 張賜賢 台中市工商發展投資策進會
社群行銷 台中市工商發展投資策進會
社群行銷 台中市工商發展投資策進會
道成資訊股份有限公司
http://MobileDev.TW
打造你的工具人 Chatbot / Voice Assistant Development 101
打造你的工具人 Chatbot / Voice Assistant Development 101
Ryan Chung
2012-3-24 iOSCon Canton
iOS产品如何实现快速版本发布
iOS产品如何实现快速版本发布
Bin Feng
一个技术码农的感悟
干 货
干 货
ZodiacMa
Mobile app design 2010
Mobile app design 2010
Baidu
Tencent.Wechat.ProductDesign-Xiaolong.Zhang.2012
Tencent.Wechat.ProductDesign-Xiaolong.Zhang.2012
Changshu Liu
VR是 Virtual Reality的簡寫,中文稱為虛擬實境,是利用電腦模擬產生一個三度空間的虛擬世界,提供使用者關於視覺等感官的模擬,讓使用者感覺彷彿身歷其境,可以及時、沒有限制地觀察三維空間內的事物。 本報告從定義出發,逐步到技術發展進程、應用與商業模式、技術障礙,讓讀者有入門的基本觀念和產生對VR產業未來的想法。
VR的發展以及應用
VR的發展以及應用
Collaborator
design an mobile application for sleepless people, PPT is described in Chinese
goodsleeping App
goodsleeping App
zhuohuiying
【MMdc 分享】(11月課程) 行銷新時代 ,行動大未來(Mobile Marketing Strategy)
【MMdc 分享】(11月課程) 行銷新時代 ,行動大未來(Mobile Marketing Strategy)
關鍵數位行銷股份有限公司 Minmax Digital Consulting
爱途迹 (ituji.cn)致力于打造一个优秀的旅途分享社区。 生活中,总有这样或那样让你珍藏的相片,难忘的回忆,开心的旅程,还在发愁找不到合适的方式珍藏或和朋友们分享么?快来爱途迹吧,在这里,你可以以最省心的方式管理、记录、分享你的旅程中的点点滴滴、精彩瞬间,发现精彩的旅游线路,结交志趣好友,轻松享受乐趣!
爱途迹
爱途迹
wuxianlehe
开源改变世界
开源改变世界
kiwiboard
介紹瀏覽器與網頁原理 Introduce to principles of browsers and webpages
瀏覽器與網頁原理 Principles of Browsers and Webpages
瀏覽器與網頁原理 Principles of Browsers and Webpages
安齊 劉
Idea chapter14
Idea chapter14
Yong Jheng Tang
感測器Cloud教學
感測器Cloud教學
感測器Cloud教學
Ida Wu
迅雷熊竹
探讨成功产品的设计方法(迅雷 熊竹)
探讨成功产品的设计方法(迅雷 熊竹)
Benimaru ZHANG
「區塊鏈」這個新技術名詞你已經快聽到爛了嗎?是不是沒看到程式碼總覺得內心不太踏實,這麼多種鏈卻又不知道從何開始?你買了一些比特幣,好像依稀知道區塊鏈好像跟比特幣有點關係,想要進一步了解底層技術?這次的分享就是針對新竹碼農量身打造的! 不適合: 1. 聽過比特幣,卻不知道區塊鏈技術是緣起於比特幣的人。 2. 已經有在開發區塊鏈的人。(這次的分享對你們來說太淺。) 3. 想要學習智能合約怎麼寫的人。(若反應熱烈,日後再找機會分享。) 大綱: * 「區塊」與「鏈」 * 區塊鏈就是分佈式的資料庫吧? * P2P、拜占庭、公私鑰、共識,這些都是老技術,創新的點在哪? * 礦工到底在挖什麼? * 公開帳本?到底記在誰那裡?怎麼查的?節點移除了怎麼辦? * 分散式系統的共識與區塊鏈共識有什麼不同? * 面對區塊鏈浪潮,身為工程師的我該做什麼準備? https://hcsm.kktix.cc/events/13025939
從碼農的角度來剖析區塊鏈 @新竹碼農
從碼農的角度來剖析區塊鏈 @新竹碼農
Yao-Wei Ou
An introduction to Big Data (AI) with plenty of examples in Chinese, and the author's projection of AI in the future. 以大量日常实例介绍大数据/人工智能,以及作者对于人工智能未来的畅想
Big Data and Future
Big Data and Future
Qifang (James) Zhao
手机的玩法变了,更重要的是用户使用手机的场景变了;核心制胜;在网页设计中,关键在于你怎么将东西展现出来,而在移动产品设计中,关键在于你怎么将东西隐藏起来。
Kentzhu:玩法变了,移动产品设计新思路
Kentzhu:玩法变了,移动产品设计新思路
kent zhu
每個星期邊境數位科技都會提供一份當期的新發現提供給各位讀者分享,各位讀者自由Download喔!
第十期邊境數位異想週爆
第十期邊境數位異想週爆
鴿 永
Startuper周刊,是由Startuper互联网科技资讯网站,针对国内外互联网最新动态、国内创业公司点评、创业学堂及APP推荐的资讯网站所整理编写的周刊,于每周五发布。
Startuper周刊:第一期(10.1~10.7)
Startuper周刊:第一期(10.1~10.7)
starjake
公司简介: 神念电子科技(无锡)有限公司(NeuroSky) 是世界消费领域生物传感技术的领导者。公司全球总部于2004年创立于美国硅谷,是世界上第一个提供消费级脑机交互设备的公司,至今已有100多万套产品销往世界各地。我们的生物传感器和可携带芯片可以探测到人的脑电波和其他生物信号,并将其转化成可被识别的数字信号,实现人机交互。 产品简介: 目前,NeuroSky(神念科技)的技术在手机,智能家电,游戏,玩具,健康,教育和汽车行业都得到广泛的应用,产品主要销往北美,欧洲,大中华地区,日本和东南亚等。 在教育领域,神念科技研发出了第一款可供全世界青少年使用的脑立方大脑训练系统。这套训练系统中的脑波耳机能够测量出可用于研究领域的高精度脑电信号。这些脑电信号经过复杂的数学运算后, 可以被解读成多项反映人们心理状态变化的参数,如“专注度"、“放松度",并可探测到眨眼的动作。脑立方耳机通过无线通信技术与计算机进行数据通讯。通过专业人员设计开发的应用软件,有效的对青少年进行脑力训练。这套训练系统还可以进行教育效果的评测,帮助老师及教育机构及时评测教学效果及教育成果。在竞技比赛中,还可以用来实时观察运动员的心理状态,从而帮助其调整到最佳比赛状态。 同时,神念科技的产品风靡于玩具,健康等领域。玩具领域有风靡世界的美泰MindFlex,它曾被评为美国亚马逊圣诞节采购清单第一名,此外还有Star WarsForce Trainer,意念轨道车,意念猫耳朵等。还有智能家电,如海尔的脑力波电视,冥想禅修用的脑控灯,心理评测用的多人脑波评测系统及意念控制的视频游戏等。
神念科技公司宣传小册子0914 1
神念科技公司宣传小册子0914 1
neurosky
科普图书《大话处理器》的ppt,95页,包含处理器、计算机历史,指令集,微架构,cache,代码优化,soc,处理器芯片设计与制造。 processor, microarchitecture, chip, soc, DSP, VLIW, Superscalar, x86, ARM, MIPS
大话处理器
大话处理器
mosolili
Más contenido relacionado
Similar a 移动应用 从想法到卓越设计 Ctrip 2014
2012-3-24 iOSCon Canton
iOS产品如何实现快速版本发布
iOS产品如何实现快速版本发布
Bin Feng
一个技术码农的感悟
干 货
干 货
ZodiacMa
Mobile app design 2010
Mobile app design 2010
Baidu
Tencent.Wechat.ProductDesign-Xiaolong.Zhang.2012
Tencent.Wechat.ProductDesign-Xiaolong.Zhang.2012
Changshu Liu
VR是 Virtual Reality的簡寫,中文稱為虛擬實境,是利用電腦模擬產生一個三度空間的虛擬世界,提供使用者關於視覺等感官的模擬,讓使用者感覺彷彿身歷其境,可以及時、沒有限制地觀察三維空間內的事物。 本報告從定義出發,逐步到技術發展進程、應用與商業模式、技術障礙,讓讀者有入門的基本觀念和產生對VR產業未來的想法。
VR的發展以及應用
VR的發展以及應用
Collaborator
design an mobile application for sleepless people, PPT is described in Chinese
goodsleeping App
goodsleeping App
zhuohuiying
【MMdc 分享】(11月課程) 行銷新時代 ,行動大未來(Mobile Marketing Strategy)
【MMdc 分享】(11月課程) 行銷新時代 ,行動大未來(Mobile Marketing Strategy)
關鍵數位行銷股份有限公司 Minmax Digital Consulting
爱途迹 (ituji.cn)致力于打造一个优秀的旅途分享社区。 生活中,总有这样或那样让你珍藏的相片,难忘的回忆,开心的旅程,还在发愁找不到合适的方式珍藏或和朋友们分享么?快来爱途迹吧,在这里,你可以以最省心的方式管理、记录、分享你的旅程中的点点滴滴、精彩瞬间,发现精彩的旅游线路,结交志趣好友,轻松享受乐趣!
爱途迹
爱途迹
wuxianlehe
开源改变世界
开源改变世界
kiwiboard
介紹瀏覽器與網頁原理 Introduce to principles of browsers and webpages
瀏覽器與網頁原理 Principles of Browsers and Webpages
瀏覽器與網頁原理 Principles of Browsers and Webpages
安齊 劉
Idea chapter14
Idea chapter14
Yong Jheng Tang
感測器Cloud教學
感測器Cloud教學
感測器Cloud教學
Ida Wu
迅雷熊竹
探讨成功产品的设计方法(迅雷 熊竹)
探讨成功产品的设计方法(迅雷 熊竹)
Benimaru ZHANG
「區塊鏈」這個新技術名詞你已經快聽到爛了嗎?是不是沒看到程式碼總覺得內心不太踏實,這麼多種鏈卻又不知道從何開始?你買了一些比特幣,好像依稀知道區塊鏈好像跟比特幣有點關係,想要進一步了解底層技術?這次的分享就是針對新竹碼農量身打造的! 不適合: 1. 聽過比特幣,卻不知道區塊鏈技術是緣起於比特幣的人。 2. 已經有在開發區塊鏈的人。(這次的分享對你們來說太淺。) 3. 想要學習智能合約怎麼寫的人。(若反應熱烈,日後再找機會分享。) 大綱: * 「區塊」與「鏈」 * 區塊鏈就是分佈式的資料庫吧? * P2P、拜占庭、公私鑰、共識,這些都是老技術,創新的點在哪? * 礦工到底在挖什麼? * 公開帳本?到底記在誰那裡?怎麼查的?節點移除了怎麼辦? * 分散式系統的共識與區塊鏈共識有什麼不同? * 面對區塊鏈浪潮,身為工程師的我該做什麼準備? https://hcsm.kktix.cc/events/13025939
從碼農的角度來剖析區塊鏈 @新竹碼農
從碼農的角度來剖析區塊鏈 @新竹碼農
Yao-Wei Ou
An introduction to Big Data (AI) with plenty of examples in Chinese, and the author's projection of AI in the future. 以大量日常实例介绍大数据/人工智能,以及作者对于人工智能未来的畅想
Big Data and Future
Big Data and Future
Qifang (James) Zhao
手机的玩法变了,更重要的是用户使用手机的场景变了;核心制胜;在网页设计中,关键在于你怎么将东西展现出来,而在移动产品设计中,关键在于你怎么将东西隐藏起来。
Kentzhu:玩法变了,移动产品设计新思路
Kentzhu:玩法变了,移动产品设计新思路
kent zhu
每個星期邊境數位科技都會提供一份當期的新發現提供給各位讀者分享,各位讀者自由Download喔!
第十期邊境數位異想週爆
第十期邊境數位異想週爆
鴿 永
Startuper周刊,是由Startuper互联网科技资讯网站,针对国内外互联网最新动态、国内创业公司点评、创业学堂及APP推荐的资讯网站所整理编写的周刊,于每周五发布。
Startuper周刊:第一期(10.1~10.7)
Startuper周刊:第一期(10.1~10.7)
starjake
公司简介: 神念电子科技(无锡)有限公司(NeuroSky) 是世界消费领域生物传感技术的领导者。公司全球总部于2004年创立于美国硅谷,是世界上第一个提供消费级脑机交互设备的公司,至今已有100多万套产品销往世界各地。我们的生物传感器和可携带芯片可以探测到人的脑电波和其他生物信号,并将其转化成可被识别的数字信号,实现人机交互。 产品简介: 目前,NeuroSky(神念科技)的技术在手机,智能家电,游戏,玩具,健康,教育和汽车行业都得到广泛的应用,产品主要销往北美,欧洲,大中华地区,日本和东南亚等。 在教育领域,神念科技研发出了第一款可供全世界青少年使用的脑立方大脑训练系统。这套训练系统中的脑波耳机能够测量出可用于研究领域的高精度脑电信号。这些脑电信号经过复杂的数学运算后, 可以被解读成多项反映人们心理状态变化的参数,如“专注度"、“放松度",并可探测到眨眼的动作。脑立方耳机通过无线通信技术与计算机进行数据通讯。通过专业人员设计开发的应用软件,有效的对青少年进行脑力训练。这套训练系统还可以进行教育效果的评测,帮助老师及教育机构及时评测教学效果及教育成果。在竞技比赛中,还可以用来实时观察运动员的心理状态,从而帮助其调整到最佳比赛状态。 同时,神念科技的产品风靡于玩具,健康等领域。玩具领域有风靡世界的美泰MindFlex,它曾被评为美国亚马逊圣诞节采购清单第一名,此外还有Star WarsForce Trainer,意念轨道车,意念猫耳朵等。还有智能家电,如海尔的脑力波电视,冥想禅修用的脑控灯,心理评测用的多人脑波评测系统及意念控制的视频游戏等。
神念科技公司宣传小册子0914 1
神念科技公司宣传小册子0914 1
neurosky
科普图书《大话处理器》的ppt,95页,包含处理器、计算机历史,指令集,微架构,cache,代码优化,soc,处理器芯片设计与制造。 processor, microarchitecture, chip, soc, DSP, VLIW, Superscalar, x86, ARM, MIPS
大话处理器
大话处理器
mosolili
Similar a 移动应用 从想法到卓越设计 Ctrip 2014
(20)
iOS产品如何实现快速版本发布
iOS产品如何实现快速版本发布
干 货
干 货
Mobile app design 2010
Mobile app design 2010
Tencent.Wechat.ProductDesign-Xiaolong.Zhang.2012
Tencent.Wechat.ProductDesign-Xiaolong.Zhang.2012
VR的發展以及應用
VR的發展以及應用
goodsleeping App
goodsleeping App
【MMdc 分享】(11月課程) 行銷新時代 ,行動大未來(Mobile Marketing Strategy)
【MMdc 分享】(11月課程) 行銷新時代 ,行動大未來(Mobile Marketing Strategy)
爱途迹
爱途迹
开源改变世界
开源改变世界
瀏覽器與網頁原理 Principles of Browsers and Webpages
瀏覽器與網頁原理 Principles of Browsers and Webpages
Idea chapter14
Idea chapter14
感測器Cloud教學
感測器Cloud教學
探讨成功产品的设计方法(迅雷 熊竹)
探讨成功产品的设计方法(迅雷 熊竹)
從碼農的角度來剖析區塊鏈 @新竹碼農
從碼農的角度來剖析區塊鏈 @新竹碼農
Big Data and Future
Big Data and Future
Kentzhu:玩法变了,移动产品设计新思路
Kentzhu:玩法变了,移动产品设计新思路
第十期邊境數位異想週爆
第十期邊境數位異想週爆
Startuper周刊:第一期(10.1~10.7)
Startuper周刊:第一期(10.1~10.7)
神念科技公司宣传小册子0914 1
神念科技公司宣传小册子0914 1
大话处理器
大话处理器
移动应用 从想法到卓越设计 Ctrip 2014
1.
指尖上的设计 从Idea到卓越应用 包季真 2014.6
2.
移动互联⺴⽹网 从Idea到卓越应⽤用 包季真 2014.6
3.
包季真 ! 《触动⼈人⼼心》译者
4.
包季真 ! 脉可寻产品总监 曾供于职⼤大众点评、淘宝
5.
Workshop #1 • 组队 •
互相认识⼀一下 • 选出队⻓长 • 队⻓长陈述队员都是做哪款应⽤用的 • 15”
6.
Chapter 1 Idea
7.
随时在线
8.
感应器
9.
1.定位
10.
11.
12.
13.
2.⻨麦克⻛风
14.
15.
16.
唱吧 SoundCurtain Square
17.
3.摄像头
18.
⼼心跳和脉搏监 测仪软件 微信街景 脉可寻
19.
4.加速度/陀螺仪
20.
S.M.T.H. 摇⼀一摇 赛⻋车游戏
21.
5.近场
22.
23.
6.云
24.
• ⽆无限存储 • ⽆无限运算能⼒力 •
⽆无限续航能⼒力
25.
脉可寻 2.0 唤醒沉睡⼈人脉
26.
7.物联⺴⽹网
27.
链接⼿手机
28.
Nest
29.
CubeSensors
30.
Nike +
31.
Ugle
32.
增强物件
33.
天⽓气预报伞
34.
CalypsoKey
35.
LG G
36.
新⾏行为新习惯
37.
38.
39.
Little Printer
40.
要⽤用、常⽤用、会⽤用
41.
42.
43.
44.
45.
46.
47.
48.
你的Idea? • 随时在线 • 感应器 •
云计算 • 物联⺴⽹网 • 要⽤用、常⽤用、会⽤用
49.
Workshop #2 • 你们的Idea? •
15”
50.
Chapter 2 NUI ⺫⽬目标⽤用户.⽤用户⺫⽬目标
51.
52.
个⼈人计算机
53.
54.
WPS
55.
CLI Command-Line Interface
56.
键盘
57.
GUI Graphic User Interface
58.
图标、滚动条、按钮
59.
⿏鼠标
60.
61.
NUI Natural User Interface
62.
⼿手指
63.
64.
65.
66.
Magic Trackpad
67.
68.
69.
70.
71.
72.
Text TouchGraphical User Interface Keyboard FingersMouse Input Device Content
Creation Content ConsumptionCommunication Device Usage User Interface + Device Usage Evolution Over Past 30 Years CLI GUI NUI ⽤用户界⾯面 输⼊入设备 键盘 ⿏鼠标 ⼿手指
73.
Text TouchGraphical User Interface Keyboard FingersMouse Input Device Content
Creation Content ConsumptionCommunication Device Usage 1 ⽤用户界⾯面 输⼊入设备 ⽤用户
74.
设计师能做
75.
76.
新记者群体
77.
78.
Cat Toy 新⽤用户群体
79.
为⽤用户设计⽽而不是专家
80.
⽤用户?
81.
每⽉月下载10款应⽤用。 很少能打开20次。 1/3不过⼀一周。
82.
< 1 周/次
83.
84.
您不是您的⽤用户
85.
86.
从⽤用户出发,绕开固有观念
87.
⺫⽬目标⽤用户与⽤用户⺫⽬目标 • CLI • GUI •
NUI • 为⽤用户设计⽽而不是专家设计 • “您不是您的⽤用户”
88.
Workshop #3 • ⽤用户如何使⽤用你们的应⽤用? •
他们在什么样的环境下使⽤用你们的应⽤用? • 15“
89.
Workshop #4 • 头脑⻛风暴 •
说出你所有的想法。 • 20“
90.
Chapter 3 功能肥⼤大症
91.
⼤大屏幕(有时还不⽌止⼀一 个),⽆无干扰,环境舒适, 99.99%的时间在线,光纤 ⼊入户,1000MB有线⺴⽹网络, 百兆⽆无线⺴⽹网络,⼏几乎没有 流量费⽤用,有键盘输⼊入, 还有像素级精确度的⿏鼠标, ⼏几乎没有电源和存储空间 的顾虑。
92.
被溺爱的PC
93.
近1000个链接
94.
95.
96.
700+个链接
97.
98.
99.
100.
101.
Less is more
102.
103.
104.
优秀的应用能将其自身融入用户繁忙的日程中。这就需要关注界面的效 你准备搞个控制飞机的应用。 你搞出来的可能是这样: ……但用户其实想的是这样: 功能设计师
105.
……但用户其实想的是这样: 第1章:一切从点击开始 产品设计师
106.
⼤大部分功能是可以砍掉的 • 点评:>80%的⼈人使⽤用附近。
107.
⼤大部分功能是可以砍掉的 • 你的应⽤用中有什么功能是没⼈人使⽤用的?
108.
使⽤用感应器, 考虑场景下的⽤用户⺫⽬目标, 提供合适的内容
109.
110.
111.
112.
113.
功能肥⼤大症 • 被溺爱的PC • ⼤大部分功能是可以砍掉的 •
考虑场景下的⽤用户⺫⽬目标,提供合适内容
114.
Workshop #5 • 围绕场景,找到最重要的功能。 •
10“
115.
成本低成本⾼高 收益⾼高 收益低
116.
Workshop #6 • 定位你的每个功能点 •
15“
117.
成本低成本⾼高 收益⾼高 收益低 保持成本 低⻛风险 最求收益 ⾼高⻛风险
118.
Chapter 4 导航
119.
多任务、层叠窗⼝口
120.
单任务、平铺
121.
导航结构 • 平铺⻚页⾯面 • 层级列表 •
标签⻚页 • Springboard • 抽屉式导航
122.
平铺⻚页⾯面 导航
123.
124.
125.
• + • 简单、重复且平等的⻚页⾯面 •
占⽤用空间少; • - • ⽆无法快速进⾏行跳转翻⻚页; • ⼀一般 < 5个⻚页⾯面; • ⼀一般不适⽤用滚屏。
126.
层级列表导航
127.
128.
129.
• + • 平等的、⼤大量的类别、功能; •
直接对内容进⾏行交互,占⽤用屏幕空间⼩小; • 适合⽤用户⾃自定义分类; • - • ⼿手机上的⾯面包屑只有上级; • 切换主要分类、功能⽐比较⿇麻烦; • 主功能只有在⾸首屏才会显⽰示。
130.
标签⻚页 导航
131.
• + • 展⽰示主要功能 •
快速访问主要功能; • 指⽰示当前位置; • - • ⾄至多5个标签; • 占⽤用屏幕空间。
132.
Springboard 导航
133.
• + • 展⽰示主要功能 •
快速访问主要功能; • 指⽰示当前位置; • - • ⾄至多5个标签; • 占⽤用屏幕空间。
134.
135.
• + • 展⽰示主要功能 •
快速访问主要功能; • 指⽰示当前位置; • - • ⾄至多5个标签; • 占⽤用屏幕空间。
136.
导航结构 • 平铺⻚页⾯面 • 层级列表 •
标签⻚页 • Springboard • 抽屉式导航
137.
Workshop #7 • 你的应⽤用该使⽤用什么样的导航? •
5“
138.
Chapter 5 动画
139.
动画的作⽤用 • 状态变更 • 吸引注意 •
创造空间 • 拟物
140.
状态、内容变更(转场)
141.
142.
143.
144.
145.
146.
吸引注意
147.
148.
149.
创造空间感
150.
151.
152.
拟物
153.
154.
不快、不慢、不多 • 全屏性质的切换 150ms
~ 350ms • 保持⼀一致性 • 时⻓长 • 动画⽅方式 • 与系统保持⼀一致
155.
视觉线
156.
视觉线
157.
动画 • 动画的作⽤用 • 不快、不慢、不多 •
视觉线
158.
总结 • Idea • NUI
- ⺫⽬目标⽤用户与⽤用户⺫⽬目标 • 功能肥⼤大症 • 导航 • 动画
159.
渐变
160.
移动
161.
162.
传统的线性移动(Linear)
163.
平滑移动(Ease In Out)
164.
弹跳(Bounce)
165.
⽪皮筋(Elastic)
166.
167.
168.
缩放
169.
170.
171.
Q&A “我所说的都是错的。” — 张⼩小⻰龙
Descargar ahora