iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
スマート家電が実現する素敵なディス☆トピア | fladdict
スマート家電とIoT（インターネット・オブ・シングス）について、仕事の相談がくるようになり色々と基礎リサーチをした。しかしながら家電メーカーが好き勝手にやるとディストピアが到来する・・・という脳内シミュレーション結果が出た。以下はストーリー仕立てでまとめたプレゼン資料。 こんな未来は嫌なので、是非ともこの危機を回避していただきたく。解決編はまた別の機会に書く（あるいはクライアントにだけ提案する）。 fladdictさんの新居事情 fladdictさん（仮）は、UIUX系の会社に勤務するギリギリ富裕層のデザイナー。念願のマンション購入にあたり、�家をまとめてスマート家電�化することにした。 意識高い系であるfladdictさんは、未来の生活を調査すべく自ら人柱となったのである！ 新居は、大手建設会社と大手家電メーカーが共同開発したスマートマンション「スマートピア南平台」。具体的に何がスマート
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
Apple Watchアプリを作るべきかUIUX評価雑感 | fladdict
事前レビュー「UI考（番外編） AppleWatchについて、あまり語られてない視点」の続き、週末に使ってみた雑感。 通知マシーンとしての素晴らしさ 通知マシーンとしては文句なく素晴らしい。手首に対する自然なノックからはじまる通知と確認のプロセスは、ミニマルで合理的に設計されている。Facebookのメッセンジャーやカレンダーなどとの相性は抜群だった。 全てをぶちこわす致命傷 いっぽうアプリのプラットフォームとして考えた場合、これはまだ実用に達していないと判断した。おそらく一番致命的な問題はレスポンスの遅さだ。 Apple Watchの謳う最大の価値は、「携帯を取り出すより楽」なことと「グランサビリティ（一目瞭然性）」だった。ところが実際触ってみると圧倒的に遅い。これはiPhone本体とのBT通信が全てを台無しにしているためだ。 例えばグランスやアプリを使用する場合を考えてみよう。アプリ利
日本経済を回す気がない | fladdict
最近なぜだか消費に興味がわかなくなった・・・ もはや日々の生活においても消費がない。食費、家賃、移動等の経費意外を除いたのこりの出費うち、90%はAmazon、Apple、GoogleのIT3大外資に貢いでる。 学生のころは、「将来はピエール・ポーランのイスとか買って、打ちっぱなしの部屋に住むぞ！！」とか思っていたが、いざ買えるようになったら別に欲しくなくなっていた。 そもそも新品に興味がない。持ち家に興味ない。自動車にも興味ない。旅行もしない。ブランドにもそこまで興味ない。根本的に所有欲が少ないのか。 こういうと「よい品を知らないからだ」と言われる。でも自分もいちおうiPhoneバブルのピークでは、100万円ぐらいのレンズ買ったり、アフリカ旅行したり、数万円の食事やワインとか飲み食いと色々やってみたこともあった・・・その後iPhoneバブルは一過性で終わり収入も激減したけど、別に困らない
コンテンツを最適化すると多様性は死ぬのか？ | fladdict
ちょっとネット小説をリサーチする機会があって、驚愕した。 「小説家になろう」という小説CGMサイトを調べたところ、そのランキングがヤバい。 なんと人気ランキングの1位〜10位中、９本までが「異世界に飛ばされた主人公が（略）」というストーリーだった。 1位：無職転生 引きこもりニートが、異世界に転生。チート性能で大活躍 ２位：異世界迷宮で奴隷ハーレムを 引きこもりニートが、異世界（ゲーム）に飛ばされる。チート性能でハーレムウハウハ。 3位：謙虚、堅実をモットーに生きております！ 主人公が少女マンガの世界に飛ばされる。マンガの設定に逆い堅実にいきようと頑張る。 4位：八男って、それはないでしょう！ 平社員が起きたら異世界で貧乏帰属の八男になってた。 5位：盾の勇者の成り上がり 現代人が異世界に（略） 6位：理想のヒモ生活 ブラック企業社員が異世界に（略） 7位：異世界食堂 現代に異世界の人がく
FacebookのニュースアプリPaperのUIと、その背後に見える戦略について | fladdict
Introducing Paper from Facebook on Vimeo. FacebookがリリースしたニュースアプリPaper、さっそくダウンロードして触ってみた。 使ってみた第一印象は、「意欲的な実験作だが、まだ実用品ではない」といった感じだ。 外見や手触りが注目されるPaperだが、しかし僕自身が一番注目しているのは右上のナビゲーションだ。Paperの右上は、「人」「会話」「通知」 というFacebookの基幹アプリとまったく同じ構成なのである。そしてFacebookの同機能にアクセスする。つまり、Paperはニュースアプリの形をしているが、本質的にはFacebookクライアントなのだ。 これは。何を意味するのか・・・ つまりFacebookは今後、様々なコンセプトのFacebookクライアントを複数リリースするということだ。 右上のボタン群が主張するUI上のメッセージは、
スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
開発者必見！ 5秒でわかるフラットデザインまとめ | fladdict
・どこ押せばいいか謎 ・言われてるほど新しくない（スイス系のリバイバル） ・立体より工数低いが、誤摩化しがきかず難易度高い ・でもデザイン料を安くされそう ・日本語だと高確率でダサくなる
Amazon流の開発術では、まずプレスリリースを作る | fladdict
Amazonでは製品開発をするとき、まず最初にプレスリリースを書くらしい。これは”Working-Backwards“と言うデザイン手法。面白げなので色々と調べてみた。 Working-Backwards法の商品開発では、お客様の視点をスタート地点にするため、開発前にプレスリリースを作成する。プレス内容は、既存プロダクトの問題点と、それを新製品がどう解決するかが中心になる。 プレスがユーザーに響かなかった時点でプロジェクトはボツ。そもそもその商品は作らない。これにより見当違いな商品を作るリスクを、一番最初の段階で低コストに回避できる。 このWorking-Backwards法で書くプレス内容は主に以下のとおり。 見出し 顧客が商品を理解できるタイトル 副題 ターゲット層と、彼らのメリットを1行で。 概要 商品の特徴と利点をまとめる。この段落で全てを理解できるように。 課題 このプロダクトが
iPhoneから家電を楽々リモートコントロールできてヤバい | fladdict
家中の照明や音響やプロジェクターを、iPhoneから一括コントロールできるようにしてみた。 予想以上にやばい。超便利すぎて死ねる。 どうやるん？ Glamo iRemocon と Unity Remote、Griffin Beacon という3つのチョイスがある。 実L5Remoteというもう１つのチョイスもあったのだけど、これはわが家では動かなかったので割愛。 Glamo iRemocon 価格：26880円 純粋スペックなら神いわゆるゴッド。高いが神。 iPhoneとWIFI通信し、ほぼすべての赤外線リモコンを学習可能。スキンもカスタマイズ可能もでき、そのうえ自宅外からの遠隔制御までできる。家への帰り道でエアコンをオンできるのが強力。マクロ機能やタイマーもサポート。エアコンが動くのが素敵。弱点は本体をケーブルで無線ルーターにつなげなければならないこと、あとUIカスタマイズがPCのWeb
HTMLで文字詰めするタイポグラフィー用JS | fladdict
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
デブプラスという企画を考えた | fladdict
最近は、ラブプラスというDSのゲームが流行っているようですが、二匹目のドジョウとしてデブプラスという企画を考え付きました。 wii fit と DS が連動したゲームです。 プレイヤーの体重の増減に、ヒロインの外見が連動するという画期的システム ( FAT32ミラーリングシステム )を搭載した、恋愛ダイエットシミュレーションです。 プレイヤーの体重が減れば減るほど、ヒロインのスタイルが変化し、今まで着れなかった大胆な服装ができるわけです。プレイヤーの体重が増えると、残念ながらヒロインは太ましくなっていき、最終的には高血圧とか心筋梗塞とかを煩ってゲームオーバーになります。 日々のトレーニングモードでは、心拍数を計測して、運動量がヤバそうだったらば、ヒロインが心配とか警告とかを発する親切設計で、プレイ中の過剰運動でウッカリポックリいくのを防いでくれます。 毎日の適正運動量をこなすとサービス画像
fladdict: iPhoneアプリって結局儲かるの？
このレポートは2008年12月時点のものです。 web屋が自力でコンテンツホルダーになれるのか？という実験で始まったiPhoneアプリ開発。 公約どおり他のFlasherと実験結果を共有をば。 10月20〜12月20までのダウンロード数 有料アプリ ToyCamera: 17437 – 瞬間風速1位 OldCamera: 11541 – 瞬間風速8位 LiquidPics: 1102 Clock01: 97 無料アプリ Random Pose: 56092 – 瞬間風速8位 SepiaCamera: 33025 – 瞬間風速4位 Durer Grid: 9501 以下、考察です。 自分の成績について 7/13〜10/20までの先行者利益を取り損ねて、後発エントリーした割には結構頑張れたかな？という印象です。 ただ一点、CameraBagよりさきに提出したのに、CameraBagの2ヶ月後発
とりあえず会社を作るべきか | fladdict
三十路になってはたと思った。 「30歳、無職」と「30歳、会社経営」だと、取引するときも、クレジットカードの審査も、将来再就職とかするときも、警察に捕まってニュースでるときも全然扱い違うんだよな。 誰かに「この履歴書の空白の１年間何をしていましたか？」と聞かれたとき、「ニートでした」や「就職活動をしてました」と、「自身で会社を興して経営していました」じゃ、だいぶ印象が色々違うよなぁと。 あとリスクヘッジで考えると、万が一iPhoneアプリとかウェブサービスでどっかのユーザーから億単位の訴訟とか食らった場合、会社を挟んどけば会社が死ぬだけで、個人はある程度守れるなぁと。ディベロッパが直にやってるとアメリカンから訴訟されたら、下手したら人生飛ぶだろうし。 そういうことを考えると、就職浪人でも、派遣切りでも、リストラでも、独立でも、とりあえず社会的バックアップを失ったら会社作るのがリスク管理的に
新しいiPhoneは何をもたらすのか？ | fladdict
ASCII.jp: 開発者が見る、ここがスゴいぞ新iPhone WWDC基調講演をうけての新iPhoneについてのコメントを、ASCII.jpに寄稿いたしました。他の6人の識者の方々とは、僕だけちょっと注目点浮いてるwwwww。都市情報デザイン→工業デザイン→flashとか、バックグラウンドがヘンテコだからかな。 アプリ内課金は別に新しい概念でもないので、まったく萌えなかった。 以下 ASCII.jpの許可を得ての僕の寄稿文の転載と、字数的にASCIIに書けなかった、補足と今後の分析を少々。 ———————————— 注目ポイント: 外部機器との連携 プッシュ通知機能やアプリ内課金も魅力ですが、iPhoneをいちばん面白くするのは外部デバイスとの連携が解禁されたことだと思います。 iPhone OS 3.0では、Dockコネクタによる接続か、Bluetoothによって、外部のハードウェアと
世界大恐慌とか雑感 | fladdict
なんかまだ実感ないけど、いま世界恐慌が起きるか否かの瀬戸際らしいっすね。 サブプライム問題 モノライン問題 ←もうすぐココ 北京オピンピック大失敗 中国バブル崩壊 万が一、モノラインや中華バブルも連鎖的に発生すると、世界経済終了のお知らせになりそうな予感。別に世界経済終了はどうでもいいんですが、それがインターネッツ業界にどう影響するかが心配。 庶民の消費が冷え込めば冷え込むほど、携帯とかインターネッツの利用頻度・滞在時間は（おそらく）上昇し、 コンテンツ配信にとっては有利な気がするです。逆にスポンサー関係上、消費社会を賛美するコンテンツしか放送できないTVとか雑誌等の既存メディアは益々厳しくなってきそうなあてずっぽ。 大きな流れとしては、コンテンツ制作コストを下げてお前等自分でコンテンツ勝手に作って勝手に遊べや、儲かりそうなら吸い上げて使ってやっからな的なCGMコンテンツへの注
被ブクマ率を10倍ぐらいにブーストする実験 | fladdict
ESL Podcast紹介エントリのネタバレ。 まず一週間かけて、以下のネタを仕込む。 ・Twitterの英語アカウントをとる。 ・Visualizing Dataとか、Collective Intelligance とか先端の良洋書を紹介する ・世界恐慌とかグローバル視点からの日本不況とかのエントリを書く。 ・海外での同業者の平均給与や、求人伸び率について語る。 ・既存のパラダイムを否定して、海外で進行中の新しい時代の到来を語る。 で、問題意識に対して参入障壁の小さいとっかかりを提示する。 ・誰でも簡単に始められる、自己投資(英語学習)の紹介。 500ぐらいを予想してたら1300超えてビビる。 １つ１つは独立したまっとうなエントリなのに、一定の順序で並べると、文脈が相互に作用して１つのテーマを盛り上げる感じのテスト。 文脈を累積していくと、予想以上にトラフィックがはじけるね。 ロンドンで
fladdict.net blog: みんながパソコンから逃げ出してる
3年前ブログに、「アップルの本質は「あちら側」ではないのか？」というエントリを書いた。 簡単に要約すると、アップル、グーグルといったプレイヤーの主戦場は、単にネットのあちら側を争奪する戦いよりも大きなフレームで戦っているのではなか。そしてそのフレームとは、PCすら介さない「あちら側に繋がる直通経路」の争奪戦なのではないか？という内容だった。 ミクロなレベルでの予想は色々と外れているけど、今みてもマクロなフレームでの予想は当時考えた通りの展開になっていると思う。 アップルのi-phoneやApple TVはどちらも、PCを介さない直通デバイスとしての色をより濃くし、グーグルもAndroidやモバイル検索などの技術を生み出した。AdobeはFlashを単なるコンテンツから、全デバイスのOSレイヤ上を覆うアプリケーションプラットフォームレイヤーへと進化させようとしてる。 ましてや、Amazonの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
