Tiny4Cocoa
iPhone 发讲
讲 iPhone产           战
  户         设计
      iApp4Me/Tiny4Cocoa创


         Blog: http://tiny4.org/blog
                Twitter: @Tinyfool
                         :@Tinyfool
设备
动   联

•   PC时   临

•   DC时   临

•   动还    联
PC时
DC时   临
动还              联

• Facetime iMessage
• iPod touch
• iPad
联   动   联


•战
•
战

•           态

    •   动   为web    补

    •   动   web

    •   动为        web为辅
电脑
• 场…
•     视频   录

• GPS
• NFC
•              仪
•
•
•
传统   发
iPhone应   发
设计

• 设备   iPhone/iPad

•
• 实现
• 终
设计

• 设备   iPhone/iPad

•
• 实现
• 终
读HIG
iOS Human Interface Guidelines
节选iPhone HIG
• 设备   记

 •
 •
 • 户
 •
Top level

            Detail level
设备


•场
•约
场
•       躺   趴          …

• 铁          驾   骑车    …

• 场         厕         边…

• UI/UE
• 买
设备

•
•场
•约
设计

• 设备   iPhone/iPad

•
• 实现
• 终
设计

•   义

•   炼

•       构
设计
设计
                 键词     标题
                        继
                                 评们
                                               组织
       损           调        缩         转              润饰
          iWeb   Mail   Finder   iDVD      Photocasting
          户                  Mac电脑创        线          Mac
 PC        浏览      载                  创
评     标记   隐            创             历   组织   编辑
 历    选择风        创          电    书    组织   编辑
 电    书   选择风           创                 组织   编辑
           选择风                   风              质
义
 满
设计
               创     义



• ADS:Application Definition Statement
• 义                 标

•         样

•为 样 户                   务

• ADS 过滤
义
    义
义
                  义




为   专业摄       务       码
 编辑   组织
义
    义
义
    义
义
              义




为iPhone 户设计       软
炼
                     简单

•   选择

•           义        ADS   过滤

•   选择
    •
    •
    •   满        户

    •       动场
炼
炼
炼 标题
                 键词              评            组织
       损           调        缩        转              润饰
          iWeb   Mail   Finder   iDVD     Photocasting
          户                  Mac电脑创       线          Mac
 PC        浏览      载                 创
评     标记   隐            创            历   组织   编辑
 历    选择风        创          电    书   组织   编辑
 电    书   选择风           创                组织   编辑
           选择风                   风             质
炼 标题
                 键词              评            组织
       损           调        缩        转              润饰
          iWeb   Mail   Finder   iDVD     Photocasting
          户                  Mac电脑创       线          Mac
 PC        浏览      载                 创
评     标记   隐            创            历   组织   编辑
 历    选择风        创          电    书   组织   编辑
 电    书   选择风           创                组织   编辑
           选择风                   风             质
设计

• 设备   iPhone/iPad

•
• 实现
• 终
实现

•
•       础

•   纸
严肃



娱乐
严肃           严肃


              娱乐
• 驱动
•      变

• 层级     结构

•    图
严肃


           娱乐

•
•      图

•   结构简单
严肃娱乐          严肃


• 严肃    现娱乐   娱乐

•    娱乐

• 驱动
  •  层级

• 图
娱乐   严肃


          娱乐
•纯   娱乐

•    驱动

•    结构

•     图
严肃


•图       娱乐

•单
•单
•
•    费
实现

•
•       础

•   纸
实现

•
•       础

•   纸
纸
纸
纸
纸
纸
设计

• 设备    iPhone/iPad

•
• 实现纸
• 终
终

•   图

•    奋   动

•    构
图



• 讯录
• 专辑
图



• 讯录
• 专辑
奋   动
•       实

•               实

    •   观

•让
•           动   结
奋   动
•   删   邮

•   删   备   录

•    动邮          录

•   购买   乐

•   显        图

•    换
动
•   创   动

    •        务

    •           值    馈

    •   让

•
    •       东    动

    •        动

    •    扰   线
• 设计       义

• 纸
•      环    发

第二讲 iPhone产品战略和用户界面设计

Editor's Notes

  • #2 \n
  • #3 \n
  • #4 \n
  • #5 \n
  • #6 \n
  • #7 \n
  • #8 \n
  • #9 \n
  • #10 \n
  • #11 \n
  • #12 \n
  • #13 一般平台,设计流程占整个开发流程5%的时间。一开始设计什么样子,最后做出来就是什么样子。\n
  • #14 在iPhone平台下,我们建议用60%的时间进行设计。这里说的设计,不是指用PhotoShop画些漂亮的图标。这里指的是真正下功夫去搞清楚程序应该设计成什么样子。没有人敢手里面没有图纸,就开始盖房子,但是程序员们一般是这么干活的。\n
  • #15 1、真的去理解iPhone,了解用户场景。2、理清你要做的应用的核心概念。3、首先实现纸上原型,可以廉价的尝试各种UI/UE。4、\n\n
  • #16 \n
  • #17 首先要做的,不能把它当成备查的指南,这样你会失败。你应该坐下来,倒杯茶,慢慢读,一页一页的去读,去体会。\n\n
  • #18 \n
  • #19 \n
  • #20 \n
  • #21 \n
  • #22 \n
  • #23 \n
  • #24 \n
  • #25 玩iPhone,用iPhone的每个自带的程序,体会为什么会做成这样。\n
  • #26 \n
  • #27 \n
  • #28 \n
  • #29 \n
  • #30 \n
  • #31 \n
  • #32 \n
  • #33 \n
  • #34 \n
  • #35 \n
  • #36 \n
  • #37 \n
  • #38 \n
  • #39 \n
  • #40 \n
  • #41 \n
  • #42 \n
  • #43 没有鼠标,不适合鼠标,鼠标的习惯所有也要去掉,精确的点击的,下拉选框等等不能在用了。\n
  • #44 没有鼠标,不适合鼠标,鼠标的习惯所有也要去掉,精确的点击的,下拉选框等等不能在用了。\n
  • #45 虽然iPhone有各国的输入法,有虚拟键盘,但是打字总是很不方便的,所以要尽量减少输入,能让用户选的就让用户选,而不是让他输入。需要用户输入的信息,不要让他们重复输入,保存住。\n
  • #46 虽然iPhone有各国的输入法,有虚拟键盘,但是打字总是很不方便的,所以要尽量减少输入,能让用户选的就让用户选,而不是让他输入。需要用户输入的信息,不要让他们重复输入,保存住。\n
  • #47 虽然iPhone有各国的输入法,有虚拟键盘,但是打字总是很不方便的,所以要尽量减少输入,能让用户选的就让用户选,而不是让他输入。需要用户输入的信息,不要让他们重复输入,保存住。\n
  • #48 \n
  • #49 \n
  • #50 1,非常重要,用ads来过滤你的特性列表\n
  • #51 \n
  • #52 \n
  • #53 \n
  • #54 \n
  • #55 \n
  • #56 \n
  • #57 \n
  • #58 \n
  • #59 \n
  • #60 \n
  • #61 \n
  • #62 \n
  • #63 \n
  • #64 \n
  • #65 \n
  • #66 \n
  • #67 \n
  • #68 \n
  • #69 \n
  • #70 \n
  • #71 \n
  • #72 \n
  • #73 \n
  • #74 快餐,之用几秒钟,好看,但是要快\n
  • #75 \n
  • #76 \n
  • #77 \n
  • #78 \n
  • #79 \n
  • #80 \n
  • #81 \n
  • #82 \n
  • #83 \n
  • #84 \n
  • #85 \n
  • #86 \n
  • #87 \n
  • #88 \n
  • #89 \n
  • #90 \n
  • #91 \n
  • #92 \n
  • #93 \n
  • #94 \n