スマホUI考（番々外編） 誰得の100徳ナイフを買ったというお話 | fladdict
久しぶりの更新。皆様は如何がお過ごしでしょうか？ 僕は8月の休日が０日です。 あと左手から血が出てます。 ブログの皆さんが続きをお待ちであろうスマホUI考シリーズ、「顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」と「なぜ機能追加をし続けるとアプリが破綻するのか？」の続編ですが、僕もなんとか続きを書きたいところ。ところが時間が確保できない 某展示会用案件と、某アプリと、某iPhone5S対策の準備の締め切りが三重の試練でヤバイ。 そんな中、現実逃避士気高揚にポチッってしまったのが伝説の100徳ナイフ。多くの人はコラだと思っていたようだけど、どっこい実在するナイフである。 スイス・アーミーナイフの本家ヴェンガー社。その同社の最高級モデル、ツール数80にして143機能を搭載した究極のアーミーナイフ。箱をあけたらギネス認定証がついてきた。 そもそもこのナイフ、元々プレゼンツールとし
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
ディズニーの機械仕掛けアニメ設計ツールがステキ | fladdict
メモ。 ディズニーが開発した、歯車アニメーション設計の自動化アプリ。歯車ぐるぐる回して動く、しかけ玩具の動きを計算してくれる。
新Google Mapsアプリ採用のフレームワーク NimbusKit がいい感じ | fladdict
iPhoneの新しいGoogle Mapsのアプリ、色々弄り倒してますがステキな感じ。 でこれひょっとして、「NimbusKit使ってない？」って思ったら、案の定で使ってた。 NimbusKitはiOS用のヘルパークラスと、コンポーネントと、デバッグツールの集合体。 以下のような機能がサクサクとつけられる。 CSSスキニング インターフェースの外見にCSSを適用できる。ビューのカスタマイズがラクチンに。 TextLabel iOSの微妙なTextLabelにリッチテキストやリンクがつけられるように。 バッジ 通知件数などのバッジを簡単に作成。 他アプリとの連動 他アプリ・・・マップ、ストア、電話、SMS、FB等の連携をラクチンに。 アプリ内ホーム画面 ホーム画面的なUIをアプリ内に簡単に追加できる。 キャッシュ／非同期通信つきのImageView 画像ローダー付きのImageView拡張。
iTunes11のアルバム情報表示に使われるオシャレアルゴリズムを考える | fladdict
iTunes11がリリースされましたね。賛否両論を呼びそうな大変更。 このiTunes11、アルバム選択時の情報画面がもの凄く凝ってる。なんとアルバムジャケットにあわせて情報の色が変化するんよ！！ 何これオシャレ！ どういうアルゴリズムになっているのか、とっても気になる。 仮定としては、 ジャケットを16〜32色程度で減色、パレット抽出する。 四辺のエッジに含まれる色から、最多ピクセル色を背景に採用。 残りの色の中で、背景色と一定距離（RGB or 色相）がある最多ピクセル色を文字色1として採用。 残りの色の中で、背景色と一定距離（RGB or 色相）がある最多ピクセル色を文字色2として採用。 どうしても適切な色がない場合、白か黒を文字色に採用。 アルバムの四隅に対し、背景色でインナーシャドーをかける という感じかなと。多分これであってる。 アルゴリズムで文脈にあった綺麗な配色を作るってい
ニュースまとめ読みアプリ、NewsStormのiPad版リリースいたしました | fladdict
iPhone版リリース後ついに10万DLを突破いたしました。使ってくださっているみなさま、本当にありがとうございます！ そして、お待たせしておりました！ 要望の多かったNewsStormのiPad版をようやくリリースです。こちらも無料です。とりあえず、これ一本でネットの流行はだいたい把握できます。iPad miniなどを導入した方は是非是非おためしくださいませ。 NewsStormは、はてぶ、Togetter、Naverまとめを、無理矢理1つで見れるようにすっか！！という、乱暴なコンセプトのニュースアプリ RSSやユーザー登録しなくても、ネットの流行がイイ感じまとめてダラダラと流し読みできます。そして、あからさまな巨大ボタンでお手軽ネット共有も。Twitter他、Fb, Buffer, Evernote、Pocket、Read it later等にも対応してます。 iPhone版もiPad
ミニチュア風トイカメラ TiltShiftGen、24時間だけ無料になりました | fladdict
TiltShift Genが、24時間でか無料キャンペーン中です。 TiltShiftGen（チルトシフト ジェネレーター）は、iPhone用でミニチュア風の写真が撮れるとトイカメラのアプリ。 Instagramが強い時代ですが、まだまだ頑張ってます。こんかい「本日のアプリ」さんのキャンペーンと連動して、24時間だけ無料になっております。初めての方は是非是非。無料版を使っているかたはこれを機会に引っ越しをば。 ミニチュアっぽい写真をとるコツは、過去の「iPhoneでオシャレなミニチュア風写真を撮る方法」の記事をどうぞ。 ちなみにTiltShift GenはInstagramとの相性もバッチリで、僕のInstagramは、TiltShiftGenとInstagramを組み合わせたミニチュア写真ばっかりです。 あわせて、撮影用のオススメスポットとか。 より大きな地図で ミニチュア写真ロケハン
どんなに頑張っても、出版社は電子書籍の価格を防衛できない | fladdict
Kindleストアを見て思った。無理だ。 3〜5年のタームで見た場合、出版社がどんなに足並みをそろえて防衛線を貼っても、電子書籍の価格を維持することは難しい。 なぜならば電子書籍ストアにおいて、最大のライバルは同業者ではないからだ。 電子書籍の最大の特徴は、「印刷、複製のコストが０になったこと」だ。これは参入障壁の劇的な低下と同義であり、3種類の危険な新規プレイヤーを呼び寄せる。 新しいプレイヤーの参入 出版のコストが限りなく０に近づく時、新たに参入してくるプレイヤーとは誰か？ では、その新規プレイヤーは何なのか？ まず第一に「ギャンブルのできる、失うもののないプレイヤー」、そして第二に「金銭的な利益を求めないをプレイヤー」、そして第三の、最大の競合が「書籍以外に収益モデルのあるプレイヤー」の参入である。 第一の「失うもののないプレイヤー」とは、いわゆるインディペンデントや新規参入の出版社
アプリ開発者向けのクラウンドファンディング App Backerがスタート！ | fladdict
KickStarterやCampfireなど、クラウドファンディング系が熱かった昨今。 ついにアプリ開発者向けのクラウドファンディングがスタート！！ AppBackerの面白いとことは、通常のクラウドファンドと違い、ノベルティや特典をあげるのではない点。 アプリが売り上がったら利益から一部を還元するというスタイルなのだ。 AppBackerでの出資プロセスは下記のような感じになる。 まずAppBackerにアプリの企画をだす。 みんなのファンドで開発費を集金。 アプリを開発（この時点で開発者的には採算成功）。 AppStoreにリリース。 AppStoreでさらに売れたらば、利益の一部をファウンダーに還元。 開発者的には、ファンド調達の時点で黒字になるので大丈夫。 ユーザー的には、絶対欲しいアプリが手に入るのでお得。 アプリが世界的に受け入れられた場合には、エクストラでファウンダーにマネー
ニュースまとめ読みアプリ、 News Storm をリリースしました | fladdict
新アプリ、News Stormをリリースしました。無料です。 はてぶ、Togetter、Naverまとめを、無理矢理1つで見れるようにすっか！！という、乱暴なコンセプトのニュースアプリ。その日のネットの流行が、まとめて確認できるアプリです。貴方もこれで今日からキュレーター。 その1: 閲覧がラクチン はてぶ、Toggeter、Naverまとめのニュースがガッチャンコ、１アプリで全部見れます。 画面左にカテゴリを設けたので、画面遷移なしに様々なジャンルのニュースを横断的に俯瞰できます。 その2: 投稿が無駄に充実 アホかとばかりに屹立するTweetボタン。 NewsStormは、自分の気に入ったニュースをネットに再投下する拡散マシーンでもあります。勢いでTwitterだけでなく、はてぶ、Facebook、Evernote、Read it Later、Tumblrなど無駄に大量の共有サービスを
Skala Previewは、iPhoneアプリ製作に必須かもしれない | fladdict
有名アプリなんでしょうかね、Skala Preview。いままで知りませんでした。 Skala Previewを使うと、Mac上の画像やPhotoshop画面やクリップボードの画像を、iPhone上でピクセルパーフェクトで表示できます。 Mac / iPhone 用アプリ。 使い方も簡単で、MacとiPhoneで両方立ち上げれば適当に同期してくれます。フォトショッパ—マジ感涙！ 昔はイラレ画像をDropboxとかメールで転送してたのですが、Skalaを使えば直接見れる。UIもシンプルで綺麗。まだiPhone5には対応してませんが、はやく対応して欲しいなぁ。これは便利！ ついでに、普段使ってるものをつらつら。大分定番ですが。 IconKit Store 大きいアイコンを作れば、自動でiPad用やiPhone用などすべてのアイコンをリサイズして準備してくれる。 ReSizer Store iP
iPhone5やiOS6で、カメラ系アプリが画像を保存しなくなった場合の対処方法 | fladdict
こんにちは地雷キャッチャーfladdictです。 最近、カメラアプリ系でユーザーから「突然、カメラアプリが画像を保存しなくなったのですが？」という質問が増えてます。そんなユーザーの皆さんの為の解決方法 iOSのセキュリティポリシー変更で、iOS6はカメラがアルバム等にアクセスすると「カメラへのアクセスを許可しますか？」的な質問がでるようになっています。ここでうっかり「いいえ」を選択すると、もうそのアプリはアルバムに保存できなくなってしまうんですね。このポップアップの設計が微妙で、ユーザーが二度と復帰できなくなるケースがちらほらと。 この問題は下記方法で解決できます。 iPhone純正の設定アプリを開きます。 プライバシー > 写真 を開きます。 カメラアプリの一覧がずらずら出ますが、該当アプリがオフになっているはずなのでオンに戻します。 ディベロッパ側でもアラートを工夫すべきなのですが、昔
アプリをiPhone5に対応する場合の地雷ポイント一覧 | fladdict
地雷キャッチャーとして定評のあるfladdictですが、今回も大量の地雷を踏み歩いております。 とりあえず、解決方法を知らないとハマるポイントを色々とピックアップ。自分では直ったけど一般化できてない現象もあるので、間違い勘違い等ありましたら、コメント欄でビシバシご指摘ください。 iPhone5対応すると、iOS4.3以前では動かなくなる 最新のXCodeがarmv6のコンパイルをしてくれないので、ご臨終となります。 公式じゃないほうほうで無理矢理バイナリをビルドすればhogehoge。 サードの静的ライブラリが入ってると、コンパイルできない場合が 最新XCodeからコンパイルに、armv7sという新アーキテクチャが必須となってますが、ビルド済み静的ライブラリにはむろん入っていないのでコンパイルできません。対策は2つあって、ひとつは対応ライブラリが出るまでリリースを見送ること、もう片方はXC
HTMLをレイヤー別けしたPSDに変換するキャプチャーソフト Page Layers が神 | fladdict
Page Layersは、すごいウェブのキャプチャアプリ。なんとキャプチャするサイトを、DIVやIMG要素ごとにレイヤー分割したPSDにしてくれるのだ！ これは素敵と言わざるをえない。 ビデオをみれば使い方は一目瞭然。URLを入力して保存ボタンを押すだけで、なんでも構造化したPSDにしてくれる。 Mac専用アプリで、AppStoreで$28.99。これは買いだと思います。 Web関係者は必須的な。
オライリーさんから発売の「モバイル デザインパターン」監訳いたしました | fladdict
オライリーさんからでる、「モバイル デザインパターン」という本の監訳いたしました。まさかの動物本デビュー。9月24日発売ですが、Amazonの在庫は少なめと思われるのでご予約をおすすめしたり。 本書は、iPhone/Androidの定番インターフェースを分類した、インターフェース図鑑。 「このUIには、こういう意図があって、こんなシチュエーションで使うといいですよ！！」というのが、ざっと100パターンほど紹介されています。 企画を考える時、ワイヤーフレームを作る時、あるいは直面している問題の先行事例がないか調べるとき、この本はとっても大活躍。パラパラめくって気になるパターンを読むだけでも、色々と新発見ができます。 営業的に、カンペや目録っぽい売り方がされると予想される本書ですが、実際はどちらかというと、将棋の定石や空手の型に近い感じの本。 まずは型を覚え、自然に繰り出せるようになる為の本で
iPhoneアプリから、画像や音声データを取り出す方法 | fladdict
iPhoneアプリの中を開いて、ゲームの画像とかBGMとかステージデータとかぶっこ抜けることに気づいた。アプリのファイルが欠る不具合をデバッグしていたら、色々できたのでメモメモ。XCodeでビルドした自分アプリを開けるのは知ってたのですが、iTunesで買った他人のアプリを開けるのは知りませんでした。暗号化されてると思ってたのに。 特殊なツールなしに1分ぐらいできたり。 アプリ内データの取り出し方 アプリフォルダを開く iTunesのアプリを開き、左メニューからAppを選択してアプリ一覧をだす。 アプリを右クリックし「Finderで表示」を選ぶ アプリの解凍 アプリを選択して右クリックからコピー（安全のために）。 アプリの拡張子を.ipaから.zipにリネームします。 変更時にポプアップで確認がでるので「.zipを使用」を選択 リネームした.zipファイルを解凍 データのサルベージ 解凍フ
GeneMapperという電子書籍が、とても素晴らしい | fladdict
電子書籍GeneMapperを読了。これは面白い！ この小説は3つの意味ですばらしい、１つは物語が面白いこと、そしてSFとして面白いこと、さらに電子書籍として素晴らしいこと、 SF小説ではあるけれど、この本には宇宙船もロボットもタイムマシンも出てこない。では何が面白いのか？というと未来のシミュレーションとしての面白さであり、スピード感だと思う。 物語の舞台は2037年。遺伝子操作と現実拡張が当たり前になった世界。 私たちの知っているインターネットは、既に未曾有のクラウドハザードにより崩壊し、トゥルーネットという新しいインフラが主流となっている。Googleはもはや過去のものとなり、そのデータサーバが、過去をサルベージするお宝として扱われるような時代。ビジネスミーティングにはアバターを使い、生の声や身振りを隠蔽してビヘイビア（ジェスチャー補完プログラム）を噛ますのが、マナーになるような時代。
Amazon流の開発術では、まずプレスリリースを作る | fladdict
Amazonでは製品開発をするとき、まず最初にプレスリリースを書くらしい。これは”Working-Backwards“と言うデザイン手法。面白げなので色々と調べてみた。 Working-Backwards法の商品開発では、お客様の視点をスタート地点にするため、開発前にプレスリリースを作成する。プレス内容は、既存プロダクトの問題点と、それを新製品がどう解決するかが中心になる。 プレスがユーザーに響かなかった時点でプロジェクトはボツ。そもそもその商品は作らない。これにより見当違いな商品を作るリスクを、一番最初の段階で低コストに回避できる。 このWorking-Backwards法で書くプレス内容は主に以下のとおり。 見出し 顧客が商品を理解できるタイトル 副題 ターゲット層と、彼らのメリットを1行で。 概要 商品の特徴と利点をまとめる。この段落で全てを理解できるように。 課題 このプロダクトが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AAMFeedbackがCocoaControlsで紹介されました | fladdict
3Dプリンタを使った現実ハックがステキ | fladdict