iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
iOS11で最も注目すべきは、QRコード対応かもしれない | fladdict
今年のWWDCとiOS11の注目ポイントは、「カメラのQRコード対応」ではないか？ いや冗談でなく、マジで。 いまさら対応QRコード まさに「いまさら」。QRコードは枯れきったテクノロジーである。テック的には新しさもヤバさもない。 ところがこのQRコード、実はようやくiPhoneに搭載された、万人が使えるO2Oの入り口だったりする。 QRコードの搭載、ユーザーの週間学習で何が変わるか？ というと、だいたい全部変わる。 この辺りは中国でのQRコード（Alipay）の成功を、Appleが無視できなくなったということだろう。 これはQRが新しいのではない。「公式カメラにQRが搭載されること」が、「全てのアプリがQR対応すること」を意味する。そちらがインパクトなのだ（そして、iOS/Android両方で使えることに意味が出る） QRコードの中に、アプリを起動させるURLを仕込めば、アプリ側で特に何
プロジェクト炎上を防ぐ魔法のアイテム、100徳ナイフを買ったお話２ | fladdict
こんにちは、日本で唯一の100徳ナイフコレクター（推定）兼、UIデザインとかしてる fladdictです。 先日、会社の機材として新しい100徳ナイフを購入しました。 via mantiquesmodern ゾーリンゲンのナイフマイスター、P.LANGが自ら研ぎあげた、最高級の一品です。重量950g、お値段なんと120万円。今年のお小遣いが全部すっ飛びました。 馬鹿と思われるこのナイフ、実はサービスの炎上やデスマーチを防ぐ神ツールだったりします。 このナイフをクライアントの偉い人に見せると、あら不思議！ 「弊社のアプリをこうしては絶対にならない！」「この状況を脱しなければならない！」という号令が、ほぼ100%トップダウンで発動します。 一目瞭然なほど馬鹿で、巨大で、非実用的で、そして無駄に高価であればあるほどに意味がある。これを見せた時、「多機能もすぎれば毒となる」という言質に説得力が生ま
GoogleがプロトタイピングツールPixateを買収。無料化される。オススメ。 | fladdict
Googleが、ローカルベースのプロトタイピングツールPixateを買収した模様。以後、Pixateアプリは無料となり引き続き開発が続けられるようです。 2013年頃、Pixateに$600払ってた俺は泣いた。おめでとうございます。 Invisionを主流に百花繚乱の分断化で割と困っていたプロトタイピング業界。Googleがこの分野に手を出したことで変動は起きるのだろうか。 これがプロトタイピングツールの決定版になるとよいですね。高性能だし無料だし。クラウド版も$5だし。 日本でプロトタイピングサービスばパッとしない究極の問題は、サービスがオンラインのことなんですよね。SI系の人たちは「セキュリティ的な事情でオンラインの共有サービスを使えない」という事情がありました。Pixateはローカルアプリなので、その辺の心配をする必要がないのがポイントですね。そのうち大手SIとかでもこういうツールが
スマート家電が実現する素敵なディス☆トピア | fladdict
スマート家電とIoT（インターネット・オブ・シングス）について、仕事の相談がくるようになり色々と基礎リサーチをした。しかしながら家電メーカーが好き勝手にやるとディストピアが到来する・・・という脳内シミュレーション結果が出た。以下はストーリー仕立てでまとめたプレゼン資料。 こんな未来は嫌なので、是非ともこの危機を回避していただきたく。解決編はまた別の機会に書く（あるいはクライアントにだけ提案する）。 fladdictさんの新居事情 fladdictさん（仮）は、UIUX系の会社に勤務するギリギリ富裕層のデザイナー。念願のマンション購入にあたり、�家をまとめてスマート家電�化することにした。 意識高い系であるfladdictさんは、未来の生活を調査すべく自ら人柱となったのである！ 新居は、大手建設会社と大手家電メーカーが共同開発したスマートマンション「スマートピア南平台」。具体的に何がスマート
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
日本経済を回す気がない | fladdict
最近なぜだか消費に興味がわかなくなった・・・ もはや日々の生活においても消費がない。食費、家賃、移動等の経費意外を除いたのこりの出費うち、90%はAmazon、Apple、GoogleのIT3大外資に貢いでる。 学生のころは、「将来はピエール・ポーランのイスとか買って、打ちっぱなしの部屋に住むぞ！！」とか思っていたが、いざ買えるようになったら別に欲しくなくなっていた。 そもそも新品に興味がない。持ち家に興味ない。自動車にも興味ない。旅行もしない。ブランドにもそこまで興味ない。根本的に所有欲が少ないのか。 こういうと「よい品を知らないからだ」と言われる。でも自分もいちおうiPhoneバブルのピークでは、100万円ぐらいのレンズ買ったり、アフリカ旅行したり、数万円の食事やワインとか飲み食いと色々やってみたこともあった・・・その後iPhoneバブルは一過性で終わり収入も激減したけど、別に困らない
パリで超巨大Google Mapアートを設営してくるなど | fladdict
パリの美術館ゲテ・リリック(Gaite Lyrique)で開催中の、Capitaine Futurというエキシビジョンにて、拙作のTHE GIANT MAPが展示中させて頂きました。展示帰還は10月18日から来年の2月8日まで。 THE GIANT MAPって何？ 子供がゴジラのように暴れられる、インタラクティブな巨大グーグルマップです。 Google Mapにレーザーセンサーやシェーダー、物理エンジンなどを悪魔合体し、さらに日の出や日没、色調補正、飛行機や霧や雲などを追加したもの。子供の歩行を検知して地響きとともに大地が割れ、大爆発。ド直球のアイデアですが、ググっても誰も作ってないっぽかったので、アルバイトの岩谷君と一緒に勢いで作ってみました。 制作の背景 元々はGoogle DevArtという、グーグル主催アートコンペ用への応募用に作成したもの。Google DevArtはGoogle
寄付ハック結果報告 – 総額171万円の寄付が集まりました | fladdict
11/14から開催された「フィリピン災害へ寄付した人に、オレが自腹でiPad miniプレゼントキャンペーン」いよいよ締め切りの12/14日をすぎ集計結果のご報告でございます。 勢いだけで始まった自腹寄付キャンペーン、ドキドキの結果報告は・・・ なんと427名の参加、確定金額で171万488円でございました！！ さらに金額の確認できない54名を補完計算すると推定195万8118円。集計してませんが、ルールを勘違いしてTwitterやFbにだけ投稿した人も相当数おり、それも加えるとさらに金額は大きくなりそうです。前回の2倍の募金額で本人も驚いております。 厳正なる抽選の結果、プレゼントの当選者は、ナツメさまが当選となりました。おめでとうございます！ 参加してくださった皆様、これを期に寄付という体験を楽しんでいただけたならば幸いです。 募金者総数が427名 うち金額無記入が54名 確定総額17
【寄付ハック】フィリピン災害へ寄付した人に、オレが自腹でiPad miniプレゼントキャンペーン | fladdict
台風で大変なフィリピンを支援しちゃうナイスガイ（レディーも可）の皆様。抽選で1名様に、新発売のiPad mini retina 16G(wifi)をプレゼントいたします。自腹で。 ルール 国境なき医師団、国連UNHCR、日本赤十字、フィリピン赤十字、ユニセフ（黒柳徹子）、ユニセフ（日本）、フィリピン大使館、ヤフーのどれかに1000円以上寄付する。 このエントリーをTwitterかFacebookでシェア。 寄付の証明（書類、メール）画像をどこか（TW,FB等）にアップ。 このとき消したい個人情報がある人は各自、消しゴム置いて写真撮るなど対応してください。 このエントリのコメント欄に画像URLを貼る。 wktkして12月15日の結果発表を待つ。 こんな感じ。以下は国境なき医師団でのサンプル。個人情報を隠したい人はヤフー＆ヤフーウォレットが楽でオススメです。 これは「僕（株式会社THE GUI
スマホUI考（番々外編） 誰得の100徳ナイフを買ったというお話 | fladdict
久しぶりの更新。皆様は如何がお過ごしでしょうか？ 僕は8月の休日が０日です。 あと左手から血が出てます。 ブログの皆さんが続きをお待ちであろうスマホUI考シリーズ、「顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」と「なぜ機能追加をし続けるとアプリが破綻するのか？」の続編ですが、僕もなんとか続きを書きたいところ。ところが時間が確保できない 某展示会用案件と、某アプリと、某iPhone5S対策の準備の締め切りが三重の試練でヤバイ。 そんな中、現実逃避士気高揚にポチッってしまったのが伝説の100徳ナイフ。多くの人はコラだと思っていたようだけど、どっこい実在するナイフである。 スイス・アーミーナイフの本家ヴェンガー社。その同社の最高級モデル、ツール数80にして143機能を搭載した究極のアーミーナイフ。箱をあけたらギネス認定証がついてきた。 そもそもこのナイフ、元々プレゼンツールとし
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
雪の日は動物園に行こう！ | fladdict
久しぶりの大雪に東京が大混乱ですが、カメラ好きにとって雪と台風はご褒美です。 というわけで、行って来ました上野動物園。 冬山装備にゴアテックスの手袋、ヒートテック上下のフル装備。そのうえ一眼に大型レンズと三脚という、登山スタイルで突撃。 ほぼ無人の動物園を、一路目指すはシロクマさん。 雪の日はシロクマさんはハイテンション。もうコカイン極めてるのかよ！ってぐらい荒ぶる。 「さすがLレンズ、ビクともしないぜ！」とのたまいつつ、カメラを雨合羽に包み込み、右手は素手で写真を撮るというハードモード。 アフリカにてショートで5DMk2を破壊したビターな思い出も、喉元すぎればなんとやらです。 みるみる感覚が無くなっていくし、雪からカメラを守りながらの撮影なのでブレるわ見切れるわの大苦戦。 「寒ければ寒いほど、よい写真が撮れる（気がする）」という誰かの格言を信じて踏ん張る。 ただひたすら寒さに凍えるお猿さ
Kindleストアのランキング操作は可能か？ | fladdict
気になったのでメモ。 オープン当初のKindleストアランキング、多分1日に500冊も売れればランキング1位になれそうな気がするんだけれど・・・ 以下のようなハックは可能なんでしょうかね？ 書籍の価格を100円にする。 自分でなんとかして500冊買う。 ランキング1位になる。 35%が印税で返ってくる。 実質32,500円で、ランキング1位で露出とトラフィックを獲得！ いまのところAmazonのkindleストアは露出が全てであり、ランキング1位になってしまえば1週間ぐらいはポジションが確定するように観測される。 今のストア感が続くのなら、やったら露出で継続売り上げがでてトータルで黒字になるんじゃねーの？的な。 あくまで思考実験的なハック案ですが、誰かチャレンジしてみる人とかいないかなぁとか、レポ読みたいなぁとか思ったり。ちなみにアカウント消されても責任はとりません。 ＜追記＞ ロジック的
HTMLで文字詰めするタイポグラフィー用JS | fladdict
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
どんなに頑張っても、出版社は電子書籍の価格を防衛できない | fladdict
Kindleストアを見て思った。無理だ。 3〜5年のタームで見た場合、出版社がどんなに足並みをそろえて防衛線を貼っても、電子書籍の価格を維持することは難しい。 なぜならば電子書籍ストアにおいて、最大のライバルは同業者ではないからだ。 電子書籍の最大の特徴は、「印刷、複製のコストが０になったこと」だ。これは参入障壁の劇的な低下と同義であり、3種類の危険な新規プレイヤーを呼び寄せる。 新しいプレイヤーの参入 出版のコストが限りなく０に近づく時、新たに参入してくるプレイヤーとは誰か？ では、その新規プレイヤーは何なのか？ まず第一に「ギャンブルのできる、失うもののないプレイヤー」、そして第二に「金銭的な利益を求めないをプレイヤー」、そして第三の、最大の競合が「書籍以外に収益モデルのあるプレイヤー」の参入である。 第一の「失うもののないプレイヤー」とは、いわゆるインディペンデントや新規参入の出版社
アプリをiPhone5に対応する場合の地雷ポイント一覧 | fladdict
地雷キャッチャーとして定評のあるfladdictですが、今回も大量の地雷を踏み歩いております。 とりあえず、解決方法を知らないとハマるポイントを色々とピックアップ。自分では直ったけど一般化できてない現象もあるので、間違い勘違い等ありましたら、コメント欄でビシバシご指摘ください。 iPhone5対応すると、iOS4.3以前では動かなくなる 最新のXCodeがarmv6のコンパイルをしてくれないので、ご臨終となります。 公式じゃないほうほうで無理矢理バイナリをビルドすればhogehoge。 サードの静的ライブラリが入ってると、コンパイルできない場合が 最新XCodeからコンパイルに、armv7sという新アーキテクチャが必須となってますが、ビルド済み静的ライブラリにはむろん入っていないのでコンパイルできません。対策は2つあって、ひとつは対応ライブラリが出るまでリリースを見送ること、もう片方はXC
iPhoneアプリから、画像や音声データを取り出す方法 | fladdict
iPhoneアプリの中を開いて、ゲームの画像とかBGMとかステージデータとかぶっこ抜けることに気づいた。アプリのファイルが欠る不具合をデバッグしていたら、色々できたのでメモメモ。XCodeでビルドした自分アプリを開けるのは知ってたのですが、iTunesで買った他人のアプリを開けるのは知りませんでした。暗号化されてると思ってたのに。 特殊なツールなしに1分ぐらいできたり。 アプリ内データの取り出し方 アプリフォルダを開く iTunesのアプリを開き、左メニューからAppを選択してアプリ一覧をだす。 アプリを右クリックし「Finderで表示」を選ぶ アプリの解凍 アプリを選択して右クリックからコピー（安全のために）。 アプリの拡張子を.ipaから.zipにリネームします。 変更時にポプアップで確認がでるので「.zipを使用」を選択 リネームした.zipファイルを解凍 データのサルベージ 解凍フ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chromecastはテレビが無くても買うべき | fladdict
3Dプリンタを使った現実ハックがステキ | fladdict