2013/02/27(#mayumaroapp)アプリ開発勉強会！/ ガイドラインからみたアプリUI〜iPhone用とAndroid用〜 / 実例で語る！アプリのプロモーション＆GrowthHacking
-
kimukou2628
- 2942
- 0
- 0
- 0
-
- いいね！0
close_yutori
@kimukou2628
#mayumaroapp 秋葉 ちひろ さんのセミナーに参加中 http://t.co/ssT5Tj9Uup
2013-02-27 19:35:17
close_yutori
@kimukou2628
#mayumaroapp * IOSフューマンガイドライン * Android Design からの推奨のお話を中心にします
2013-02-27 19:36:33
close_yutori
@kimukou2628
#mayumaroapp IOSの特徴） 美しいグラフィック 魅力的なグラフィック リアルな質感 ＝＞プロのデザイナーにデザインをお願いしてちゃんと作ってね
2013-02-27 19:38:50
close_yutori
@kimukou2628
#mayumaroapp Status bar Navigation bar .. 階層の移動 Tab bar クックパットの例を説明＝＞最近操作パレット変えたら凄い文句が出たらしい＜慣れ？の問題
2013-02-27 19:43:12
close_yutori
@kimukou2628
#mayumaroapp IPhoneのおしゃれなアプリの例） ・MacのDocイメージをIPhoneで再現 ・Tool bar 画面に関連したアクション＜これはAndroidでいうMenu?
2013-02-27 19:44:55
close_yutori
@kimukou2628
#mayumaroapp Segmented contol ・・カテゴリは違うけど中身は違う的な話 例） foursqure ・・すべての活動/近くの友達 Twitter ・・ みんなの反応/＠ツイート
2013-02-27 19:46:36
close_yutori
@kimukou2628
#mayumaroapp ActionBarに関して） .App icon .View control(dropdown) .Action button .Action overflow(メニューボタン対応)
2013-02-27 19:50:07
close_yutori
@kimukou2628
#mayumaroapp 表示があふれたボタン） 1) Action overflow は 表示があふれたボタンをプルダウン表示する 2) bottom barを出す＜IOSのToolBarっぽい表示
2013-02-27 19:51:56
close_yutori
@kimukou2628
#mayumaroapp 横向きの場合) Action overflow => アイコン表示をしたくないもの（文字をリストビュー）表示したい場合に使う この三本線は基本的にオプショナル的な認識
2013-02-27 19:54:48
close_yutori
@kimukou2628
#mayumaroapp Android の TabStrap ＝ IOSでの下部のタブバー 実際はTabStrapをスクロールして表示する（Simejiは12カテゴリアスキーアート文字が有る
2013-02-27 19:58:10
close_yutori
@kimukou2628
#mayumaroapp facebookのDrawer ・・ 左メニューの話 ＜カテゴリスクロールが大変という話から出てきた考え方らしい Drawerは本来 [<アイコン] と表示しないとダメ(Cookpad等でも三本線になってたりorz
2013-02-27 20:00:08
close_yutori
@kimukou2628
#mayumaroapp タップエリア) IOS: 44point Android: 18dp Windows8: 7mm
2013-02-27 20:02:53
close_yutori
@kimukou2628
#mayumaroapp 大きさによるタップ確率＜Win8 バスケットプレイヤーの指を基準にして 7mm の話が出てきたらしい。 へー。
2013-02-27 20:03:58
close_yutori
@kimukou2628
#mayumaroapp 解像度が同じでも xhdpi > hdpi > ldpi の順に=>方向に画面が大きくなっていく
2013-02-27 20:05:33
penguindaa
@penguindaa
RT @kimukou2628: #mayumaroapp IOSの特徴） 美しいグラフィック 魅力的なグラフィック リアルな質感 ＝＞プロのデザイナーにデザインをお願いしてちゃんと作ってね
2013-02-27 20:05:49
penguindaa
@penguindaa
RT @kimukou2628: #mayumaroapp Android ・シンプル ・楽しさ を表現しましょう
2013-02-27 20:05:58
close_yutori
@kimukou2628
#mayumaroapp アニメーション） ・リアルさを高める ・気持ちよさを表現する ＜絶妙なギミック。IOSは綺麗なアニメーションが動くが Androidは4系から多少ましになった＝＞でもカクつく？
2013-02-27 20:08:08
close_yutori
@kimukou2628
#mayumaroapp G+クライアントの話） 下にスクロールすると ふわっと下の記事が出てくる感じ＜Google様系のは結構凄いのが多いよう
2013-02-27 20:09:12
close_yutori
@kimukou2628
#mayumaroapp 過度なアニメーションは、Androidの場合は動作がたるく感じるので 注意すること（加減が難しいって話？ アニメ系のおおいtwクライアントは4系専用のが多い気がしますが。。。
2013-02-27 20:10:20
close_yutori
@kimukou2628
#mayumaroapp スマホのデザイン的には 他のOSのデザイン、アイコンを持ち込んではダメ という事に供給元的には言っている ＜でもAndは審査がないからIOSスタイル陵辱されてる気がするよな。。
2013-02-27 20:11:46
close_yutori
@kimukou2628
#mayumaroapp 左上のボタン） IOS：戻るボタン And：＜+ アイコン リスト遷移） [ >] <= このスタイルまで真似るのは、実際どうよ？
2013-02-27 20:13:09
close_yutori
@kimukou2628
#mayumaroapp ユニクロさんのIOS/Andのアプリの話） ・IOSチックの画面がAndで忠実に見た目移植 で、ここまでやるなら ・IOS的なアニメーション動作まで再現しましょうよ！ ＜Android版だとそこが端折られてるorz
2013-02-27 20:15:05
close_yutori
@kimukou2628
#mayumaroapp 生産的なもの（ツール系？） ・標準に似せる ・簡素化 ゲーム系ならば ・あえて標準を壊す（カスタムコントロールを作成）
2013-02-27 20:17:04