iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
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の厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
Apple Watchアプリを作るべきかUIUX評価雑感 | fladdict
事前レビュー「UI考（番外編） AppleWatchについて、あまり語られてない視点」の続き、週末に使ってみた雑感。 通知マシーンとしての素晴らしさ 通知マシーンとしては文句なく素晴らしい。手首に対する自然なノックからはじまる通知と確認のプロセスは、ミニマルで合理的に設計されている。Facebookのメッセンジャーやカレンダーなどとの相性は抜群だった。 全てをぶちこわす致命傷 いっぽうアプリのプラットフォームとして考えた場合、これはまだ実用に達していないと判断した。おそらく一番致命的な問題はレスポンスの遅さだ。 Apple Watchの謳う最大の価値は、「携帯を取り出すより楽」なことと「グランサビリティ（一目瞭然性）」だった。ところが実際触ってみると圧倒的に遅い。これはiPhone本体とのBT通信が全てを台無しにしているためだ。 例えばグランスやアプリを使用する場合を考えてみよう。アプリ利
THE GIANT MAP インスタレーションのメイキング | fladdict
フランスで展示してきたTHE GIANT MAP。いろいろ四苦八苦したので、制作忘備録。将来の自分と、今後こういうのやってみたい人用。 きっかけ 実はもともとはGoogle主催のアートコンペ、Google Dev Artエントリー用の作品だった。 このDevArtは、グーグルがスポンサーとなって行われるデジタルアート展覧会へに出品するための公開コンペ。たった1人の座を争っての世界中からのバトルロイヤル。条件は２つ。Googleのテクノロジーを使った、デジタルアート作品を作ること。そして、途中プロセスを全て公開すること（プロセスも審査に含む）。 ちょうど新しいことをやりたいなぁと思っていた僕は、無謀にもこのコンペにエントリーを試みる。 コンセプト設計 まずは何を作るべきか！？というところで、コンセプト設計から。ロンドン留学時代に学んだことは２つ。コンセプトのない作品は評価されないこと。ワール
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
開発者必見！ 5秒でわかるフラットデザインまとめ | fladdict
・どこ押せばいいか謎 ・言われてるほど新しくない（スイス系のリバイバル） ・立体より工数低いが、誤摩化しがきかず難易度高い ・でもデザイン料を安くされそう ・日本語だと高確率でダサくなる
雪の日は動物園に行こう！ | fladdict
久しぶりの大雪に東京が大混乱ですが、カメラ好きにとって雪と台風はご褒美です。 というわけで、行って来ました上野動物園。 冬山装備にゴアテックスの手袋、ヒートテック上下のフル装備。そのうえ一眼に大型レンズと三脚という、登山スタイルで突撃。 ほぼ無人の動物園を、一路目指すはシロクマさん。 雪の日はシロクマさんはハイテンション。もうコカイン極めてるのかよ！ってぐらい荒ぶる。 「さすがLレンズ、ビクともしないぜ！」とのたまいつつ、カメラを雨合羽に包み込み、右手は素手で写真を撮るというハードモード。 アフリカにてショートで5DMk2を破壊したビターな思い出も、喉元すぎればなんとやらです。 みるみる感覚が無くなっていくし、雪からカメラを守りながらの撮影なのでブレるわ見切れるわの大苦戦。 「寒ければ寒いほど、よい写真が撮れる（気がする）」という誰かの格言を信じて踏ん張る。 ただひたすら寒さに凍えるお猿さ
ニュースまとめ読みアプリ、 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
スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
誰でもデータを直販できるGumroad入門。クリエイターの生活は変わる？ | fladdict
Gumroadというサービスがすごい熱い！ Gumroadは誰でも簡単にデータを販売できるようにするサービス。 FacebookやTwitterのタイムラインに、GumroadにアップしたデータのURLを貼るだけで、世界中にコンテンツを販売できるみたい。（2/14日現在、日本からの過剰すぎるアクセスでGumroadが不安定です） 何ができるの？ Gumroadを使えば、たとえばイラストレーターやミュージシャンが、そのまま作品をダイレクトにタイムラインで発表して販売できます。手数料はたったの5%（正確には5%+30セント）。Appleの30%や出版社の90%に比べると驚異的なお値段です。個人のクリエイターがクレジットカード決済でデータを販売できる…というのは、なにやら仕事のスタイルそのものが変わりそうです。 さっそく実験で、写真を１枚アップロードして$2で売ってみたら10$32ほど枚売れまし
『ハテナガの野望』というゲームを考えた | fladdict
はてなブクマの衆愚化対策（？）に、実験的に『ハテナガの野望』というゲームを考えた。 ルール１ このゲームは、はてなブックマークの登録を使ってスコア争う。 ルール２ スコアの算出方法は、１つのブックマークにつき、 （”自分より後にブクマした人数” – “自分より前にブクマ人数”） のルート ＜注＞厳密には、値の量に対してルートをとった後に、符号を戻す ・100ブクマのエントリをブクマ Math.sqrt(0-100) =-10点。 ・100ブクマのエントリをブクマ→更に100人がブクマ Math.sqrt(100-100) = 0点。 ・100ブクマのエントリをブクマ→更に200人がブクマ Math.sqrt(200-100) = 10点。 つまり、伸びそうなエントリを、中盤より前にブクマするのがゲームのルール。 （ルール５に、オッズを追加） ルール３ スコアにあわせて、ニュースマップや株マ
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | fladdict
今日はてぶのトップにあがってた○○円ならどこまでできる!? ウェブサイト制作の相場早見表のエントリ。見てびっくり。 高度なFlash = 250万円 AjaxやAPIを使った少し高度な仕組みの作成 = 500万円 わ ー い 、 ふ ざ け ん な ば か。 価格っていうより、「少し高度」なAjaxのほうが、「高度な」Flashより扱いが上なのが納得いかないざんす。
fladdict.net blog: みんながパソコンから逃げ出してる
3年前ブログに、「アップルの本質は「あちら側」ではないのか？」というエントリを書いた。 簡単に要約すると、アップル、グーグルといったプレイヤーの主戦場は、単にネットのあちら側を争奪する戦いよりも大きなフレームで戦っているのではなか。そしてそのフレームとは、PCすら介さない「あちら側に繋がる直通経路」の争奪戦なのではないか？という内容だった。 ミクロなレベルでの予想は色々と外れているけど、今みてもマクロなフレームでの予想は当時考えた通りの展開になっていると思う。 アップルのi-phoneやApple TVはどちらも、PCを介さない直通デバイスとしての色をより濃くし、グーグルもAndroidやモバイル検索などの技術を生み出した。AdobeはFlashを単なるコンテンツから、全デバイスのOSレイヤ上を覆うアプリケーションプラットフォームレイヤーへと進化させようとしてる。 ましてや、Amazonの
ニコニコで違法動画が削除されにくくなる仕組み | fladdict
思いついたのでメモ。 基本的に「勝手にあげられた場合のメリット > デメリット」の式が成り立つ限り、削除依頼は出されないし、著作権侵害として成立しないと思うんでうすよね。 なんでトラブル対策としては、違法コンテンツのアップ防止とは別に、権利者に削除依頼を出さないほうが得と思わせるアプローチも、フェイルセーフとしては成り立つわけです。 例えばニコニコ動画の場合、動画の下に時系列にあわせてコメント分布がグラフ表示されるとか。これだけで結構面白い効果がでるんじゃないかと思うのです。 何故というと、ユーザーがコンテンツの何処にどんな反応をするかってのは、コンテンツの送り手からすれば喉から手が出るほど欲しい情報だからです。 ハリウッドだと試写で反応データを計測して、その結果如何で映画の結末とか変えたりするとか。 だから、例えば権利者が削除ツールから、コメントやアクセスの統計データをCSVで取得できる
「品質」という概念の価値が相対的に下がっている | fladdict
ひさしぶりにまじめな長文。 ここ２ヶ月ほどニコ動にネタ的からまじめ技術動画まで、色々と映像を放り込む実験をして遊んでた。 品質をともなった画像の再生数が160回で打ち止めだったり、逆に勢いだけのものがたった１日で1000～2000再生を記録したりするのが面白い。どこにも告知しないで1日2000再生いくってのは、作品発表のプラットフォームとしはモノスゴイなとびっくり。同じモノをようつべに投稿したら、たったの6再生とか17再生だったのに。。 ようつべとかニコニコとかWEB2.0とかセコンドライフとか、その辺諸々を語ってるメディアやブログの人の情報って、基本的に自分で投稿したり、アバター作ったり、サービス作ったりしたことない人が書いてる。だからあまり信用ならないっつーか、表層の事象をそれっぽく解説してるだけで、本質からズレてることが多い気がする。何事もやっぱ自分でやってみないとアレだなぁと実感。
fladdict.net blog: ニコニコ・ようつべとJASRACの契約ってJASRAC不利じゃね
ニコニコ動画とYouTube、JASRACに著作権料支払いへ これは幾つかの条件を満たせば、ニコニコとYouTubeが圧倒的な勝利状態になるんじゃないかな？？ まだ契約内容がしっかりしないとわからないけど、もしこの著作権料でユーザーが自由に楽曲を使えるという話になるとスゴイことになると思う（多分、カバーＯＫというあたりに落ち着くだろうけど）。 ■この契約はJASRACが不利じゃないか？ 正直現在のJASRACの料金モデルってのは、膨大なデータベースと検索エンジンと配信システムを持ってる奴らが無料で音楽を垂れ流したらどうなるのか？ってのをあまり考慮できてないシステムなきがするですよ。 例えば、邦楽全曲うｐされて好きな曲集めてプレイリスト作って延々と垂れ流すことできるぜ！！とかやられて、それは収入の2%やら2.8%やらで見合うのだろうか？<追記>これは隣接権にかかわるか＜／追記＞。あるいはニコ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
