タグ

ブックマーク / fladdict.net (47)

  • iPhone X対応におけるデザイン上の注意ポイント | fladdict

    iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ

    iPhone X対応におけるデザイン上の注意ポイント | fladdict
    mobojp
    mobojp 2017/09/13
    "現状はAndroidのマテリアルデザインの方が、はるかに設計としては優れている"
  • GoogleがプロトタイピングツールPixateを買収。無料化される。オススメ。 | fladdict

    Googleが、ローカルベースのプロトタイピングツールPixateを買収した模様。以後、Pixateアプリは無料となり引き続き開発が続けられるようです。 2013年頃、Pixateに$600払ってた俺は泣いた。おめでとうございます。 Invisionを主流に百花繚乱の分断化で割と困っていたプロトタイピング業界。Googleがこの分野に手を出したことで変動は起きるのだろうか。 これがプロトタイピングツールの決定版になるとよいですね。高性能だし無料だし。クラウド版も$5だし。 日でプロトタイピングサービスばパッとしない究極の問題は、サービスがオンラインのことなんですよね。SI系の人たちは「セキュリティ的な事情でオンラインの共有サービスを使えない」という事情がありました。Pixateはローカルアプリなので、その辺の心配をする必要がないのがポイントですね。そのうち大手SIとかでもこういうツールが

    GoogleがプロトタイピングツールPixateを買収。無料化される。オススメ。 | fladdict
    mobojp
    mobojp 2015/07/22
  • スマート家電が実現する素敵なディス☆トピア | fladdict

    スマート家電とIoT(インターネット・オブ・シングス)について、仕事相談がくるようになり色々と基礎リサーチをした。しかしながら家電メーカーが好き勝手にやるとディストピアが到来する・・・という脳内シミュレーション結果が出た。以下はストーリー仕立てでまとめたプレゼン資料。 こんな未来は嫌なので、是非ともこの危機を回避していただきたく。解決編はまた別の機会に書く(あるいはクライアントにだけ提案する)。 fladdictさんの新居事情 fladdictさん(仮)は、UIUX系の会社に勤務するギリギリ富裕層のデザイナー。念願のマンション購入にあたり、�家をまとめてスマート家電�化することにした。 意識高い系であるfladdictさんは、未来の生活を調査すべく自ら人柱となったのである! 新居は、大手建設会社と大手家電メーカーが共同開発したスマートマンション「スマートピア南平台」。具体的に何がスマート

    スマート家電が実現する素敵なディス☆トピア | fladdict
    mobojp
    mobojp 2015/06/30
    こういう事態踏まえてIot関係会社で作るコンソーシアムが発足→抜け駆け現る→上位互換現る→結局混沌…とかまで含めてありそう。
  • よくわかるマテリアルデザインの設計コンセプト | fladdict

    iPhoneAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた

    よくわかるマテリアルデザインの設計コンセプト | fladdict
    mobojp
    mobojp 2015/05/22
  • Apple Watchアプリを作るべきかUIUX評価雑感 | fladdict

    事前レビュー「UI考(番外編) AppleWatchについて、あまり語られてない視点」の続き、週末に使ってみた雑感。 通知マシーンとしての素晴らしさ 通知マシーンとしては文句なく素晴らしい。手首に対する自然なノックからはじまる通知と確認のプロセスは、ミニマルで合理的に設計されている。Facebookのメッセンジャーやカレンダーなどとの相性は抜群だった。 全てをぶちこわす致命傷 いっぽうアプリのプラットフォームとして考えた場合、これはまだ実用に達していないと判断した。おそらく一番致命的な問題はレスポンスの遅さだ。 Apple Watchの謳う最大の価値は、「携帯を取り出すより楽」なことと「グランサビリティ(一目瞭然性)」だった。ところが実際触ってみると圧倒的に遅い。これはiPhone体とのBT通信が全てを台無しにしているためだ。 例えばグランスやアプリを使用する場合を考えてみよう。アプリ利

    Apple Watchアプリを作るべきかUIUX評価雑感 | fladdict
    mobojp
    mobojp 2015/04/27
  • UI考(番外編) AppleWatchについて、あまり語られてない視点 | fladdict

    AppleWatchの発売まであと10日。「Apple Watch誰もつかわねーよ!」「いやiPhoneのときもみんなそういってたじゃん」という論争される今日この頃。 色々な立ち位置から多用な意見が展開されているが、いくつか大きなことが見落とされてると思う。特にスマホのUIUX系文脈で、一目瞭然性(グランサビリティ)とかワンタップといった、Appleのガイドラインをコピペしてるだけの人が多い印象。個人的に、もう少し気になっていることについてメモ。 「iPhoneは片手で操作できる」 vs 「AppleWatchは操作に両手を使う」 まず、Apple Wach当に手早くハンディなのかについて。 Apple Wachの利点は、1アクションで「画面を表示できる」ことであり、1アクションで「操作できる」ではない。見落とされている点は、iPhoneは片手で操作できるということ。でもApple Wa

    UI考(番外編) AppleWatchについて、あまり語られてない視点 | fladdict
    mobojp
    mobojp 2015/04/08
  • 日本経済を回す気がない | fladdict

    最近なぜだか消費に興味がわかなくなった・・・ もはや日々の生活においても消費がない。費、家賃、移動等の経費意外を除いたのこりの出費うち、90%はAmazonAppleGoogleIT3大外資に貢いでる。 学生のころは、「将来はピエール・ポーランのイスとか買って、打ちっぱなしの部屋に住むぞ!!」とか思っていたが、いざ買えるようになったら別に欲しくなくなっていた。 そもそも新品に興味がない。持ち家に興味ない。自動車にも興味ない。旅行もしない。ブランドにもそこまで興味ない。根的に所有欲が少ないのか。 こういうと「よい品を知らないからだ」と言われる。でも自分もいちおうiPhoneバブルのピークでは、100万円ぐらいのレンズ買ったり、アフリカ旅行したり、数万円の事やワインとか飲みいと色々やってみたこともあった・・・その後iPhoneバブルは一過性で終わり収入も激減したけど、別に困らない

    mobojp
    mobojp 2014/11/24
  • エンジニアリングとして考える株式投資 | fladdict

    デザイナとかエンジニアたるもの、「人生において確実にあがる方法」をデザイン/開発して、自ら実験台となって証明することは神聖な義務であると思うなど。 社長になると、将来のことまぁ色々考えなければならないわけです。メンドクせえ。 投資資産運用という概念を、自分なりに咀嚼してみた結果、以下のような結論になった。やはり専門の人に聞くと、色々と用語とか計算とか間違ってるとこもあるので、要修正。 投資とは何か? ざっくり言うと、下記のような期待値の式を満たすギャンブルを投資という。式を満たさないものは金をドブに捨てるのと同義である。 勝率 * 利益率 + 敗率 * 損失率 > 1.0 例えば「100万円を投資すると50%の確率で200万円になり、50%の確率で50万円に減るというギャンブル」がある場合、上記式に当てはめると 0.5 * 2.0 + 0.5 * 0.5 = 1.25 となり期待値が1.

    mobojp
    mobojp 2014/10/30
  • JavaScriptでゴリゴリ実験サイトを作ったよ | fladdict

    fladdict.netのトップをリニューアル。JavaScriptの実験場にしてみた。久しぶりにゴリゴリJS書くと、かなり楽しい。 古き良きゼロ年代のFlash実験サイトはほぼ絶滅してしまったわけだけど、それを現代のJSとHTMLでやり直してみたらどうなるか?そんな感じのスタディ。使用ライブラリはpaper.jsとprocessing.js。時間があるときにcreate.jsも導入してみたいけど、ざっと見た感じcreate.jsは冗長すぎてスケッチには向かないと思う。スマホだと重すぎてだと動かないので、時間あるときに分岐するようにしたい。 最近はインターネットも成熟化したのか、グラフィック、インタラクション、プログラミングを三位一体でする人が減ってる気がする。分業化が進んでいるのだろう。インタラクション系がわかるエンジニアは需要があるわりに、新しい人が学ぶ機会が昔にくらべれば激減している

    JavaScriptでゴリゴリ実験サイトを作ったよ | fladdict
    mobojp
    mobojp 2014/04/29
  • fladdict

    mobojp
    mobojp 2014/04/29
  • スマホUI考(番外編) なぜ機能追加をし続けるとアプリが破綻するのか? | fladdict

    この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を1つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか?エントリは、「スマホUI考(番外編) 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 エントリでは以下の4つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの4つは全て、機能追加が最

    mobojp
    mobojp 2013/08/12
  • カンボジア遺跡にいったら、ガチでダンジョンRPGでヤバイ | fladdict

    ゴールデンウィークをずらして、初カンボジアに行って来たわけだけど超楽しかった。 アンコール・トム。内部はまさにウィザードリィ。 いろんなところが崩壊してる。 十字キーで移動する感じ。 ダークソウルな何か。 アンコールトムといえばデカイ顔。 顔一個が石柱一でございます。 謎の仏像 復元工事中のタプローム遺跡。ガジュマルに浸されて崩壊しかかってる。 ガジュマルの樹に浸されたお釈迦さま。 ベンメリア。天空の城ラピュタのモデルになったとかなんとか。 ベンメリアは郊外のためルートもまともに整備されておらず、崩壊状態。トカゲいっぱいでワンダっぽいです。 この廃墟感。観光中とはいえ足踏み外したり落石くらえば死ねます。 破壊された石柱。 ベンメリア遺跡にいたカワイイ子供。 ダンジョンの向こうから瓦礫をヒョイヒョイと越えて10体ぐらいで出現し、色々とガイドしてくれる。 そして最後にお金をせびるのである

    mobojp
    mobojp 2013/05/28
  • 雪の日は動物園に行こう! | fladdict

    久しぶりの大雪に東京が大混乱ですが、カメラ好きにとって雪と台風はご褒美です。 というわけで、行って来ました上野動物園。 冬山装備にゴアテックスの手袋、ヒートテック上下のフル装備。そのうえ一眼に大型レンズと三脚という、登山スタイルで突撃。 ほぼ無人の動物園を、一路目指すはシロクマさん。 雪の日はシロクマさんはハイテンション。もうコカイン極めてるのかよ!ってぐらい荒ぶる。 「さすがLレンズ、ビクともしないぜ!」とのたまいつつ、カメラを雨合羽に包み込み、右手は素手で写真を撮るというハードモード。 アフリカにてショートで5DMk2を破壊したビターな思い出も、喉元すぎればなんとやらです。 みるみる感覚が無くなっていくし、雪からカメラを守りながらの撮影なのでブレるわ見切れるわの大苦戦。 「寒ければ寒いほど、よい写真が撮れる(気がする)」という誰かの格言を信じて踏ん張る。 ただひたすら寒さに凍えるお猿さ

    mobojp
    mobojp 2013/01/15
    これ読んで雪の日に写真を撮りに行かず、家でなにか作ることもせずボーっとしてた自分がイヤになった。
  • 一眼レフで超高速撮影をする方法など(多分弾丸も撮れる) | fladdict

    連休中の遊びにハイスピード撮影に挑戦@お風呂。 ヤバイ、すげぇ面白い。 昔からハイスピード撮影やってみたかったのですが、ハイスピードカメラは一千万円クラス。正直諦めてました。水滴ですらシャッタースピードが1/4000〜1/8000秒、弾丸や風船だと数万分の1秒必要なんですよね。 普通の一眼で、f.13のシャッタースピード1/8000以下とか無理ゲーです。 そしてそもそもの話、一眼のシャッターは1/1000秒単位のタイミングで誤差なしで被写体を狙えるほど精度が高くない。 ところが調べてみると、一眼レフで擬似的に限界以上のシャッタースピードを出す方法確立されてたり。世の中には頭のいい人がいるものです。 それはシャッターでなくフラッシュで、ハイスピード撮影するということ。 もうシャッターは開きっぱなしにして、フラッシュを超速で点灯させて写真撮る。 暗闇で長時間露光をしてフラッシュを1/20000

    mobojp
    mobojp 2013/01/13
  • 3Dプリンタを使った現実ハックがステキ | fladdict

    via hiroiro まずは、何もいわずに動画を27秒目のところから見てみよう。ステキすぎる。 3Dプリンターで作った変な物体を、現実空間へとシームレスに埋め込んじゃおうという実験プロジェクト。 オブジェクトをピッタリマッチさせるのも現実写真からベースのモデルを作ってやってるんですね。なんかいいわー、3dプリンターの可能性を感じる。 色々なネタができそうなので、とりあえずメモ。

    mobojp
    mobojp 2012/11/13
  • どんなに頑張っても、出版社は電子書籍の価格を防衛できない | fladdict

    Kindleストアを見て思った。無理だ。 3〜5年のタームで見た場合、出版社がどんなに足並みをそろえて防衛線を貼っても、電子書籍の価格を維持することは難しい。 なぜならば電子書籍ストアにおいて、最大のライバルは同業者ではないからだ。 電子書籍の最大の特徴は、「印刷、複製のコストが0になったこと」だ。これは参入障壁の劇的な低下と同義であり、3種類の危険な新規プレイヤーを呼び寄せる。 新しいプレイヤーの参入 出版のコストが限りなく0に近づく時、新たに参入してくるプレイヤーとは誰か? では、その新規プレイヤーは何なのか? まず第一に「ギャンブルのできる、失うもののないプレイヤー」、そして第二に「金銭的な利益を求めないをプレイヤー」、そして第三の、最大の競合が「書籍以外に収益モデルのあるプレイヤー」の参入である。 第一の「失うもののないプレイヤー」とは、いわゆるインディペンデントや新規参入の出版社

    mobojp
    mobojp 2012/10/25
  • DJミックス聞き放題のFuture.fmがすごい! | fladdict

    thefuture.fmいいですね。アプリもシンプルだけど使いやすい。最近の作業BGMはもうこれ一。 theFuture.fmは、DJ主導の音楽ストリーミングサービス。 一見すると普通の聞き放題系だけれども、面白いのはDJが自分でミックス作ってアップするという点。 ビジネスモデルというか、音楽製作者達への還元方法も独特。 ミックスを投稿すると、theFuture.fmの謎の解析エンジンがミックス内に含まれている楽曲を自動で検出、iTunesへの購入リンクをページ内に表示するという仕組みになっている。 DJに楽曲申請の負荷がかからないため、良質のミックスがガンガンあがってくるわけです。投稿者に優しいサービスは、流行する最低要素だと思うのでステキです。 DJ達はガンガン自作ミックスを作って自分達の名前を上げ、音楽がかかればかかるほどミュージシャンの曲は売れ、リスナーはタダで聞き放題という仕組

    mobojp
    mobojp 2012/10/09
  • HTMLをレイヤー別けしたPSDに変換するキャプチャーソフト Page Layers が神 | fladdict

    Page Layersは、すごいウェブのキャプチャアプリ。なんとキャプチャするサイトを、DIVやIMG要素ごとにレイヤー分割したPSDにしてくれるのだ! これは素敵と言わざるをえない。 ビデオをみれば使い方は一目瞭然。URLを入力して保存ボタンを押すだけで、なんでも構造化したPSDにしてくれる。 Mac専用アプリで、AppStoreで$28.99。これは買いだと思います。 Web関係者は必須的な。

    mobojp
    mobojp 2012/09/16
  • Amazon流の開発術では、まずプレスリリースを作る | fladdict

    Amazonでは製品開発をするとき、まず最初にプレスリリースを書くらしい。これは”Working-Backwards“と言うデザイン手法。面白げなので色々と調べてみた。 Working-Backwards法の商品開発では、お客様の視点をスタート地点にするため、開発前にプレスリリースを作成する。プレス内容は、既存プロダクトの問題点と、それを新製品がどう解決するかが中心になる。 プレスがユーザーに響かなかった時点でプロジェクトはボツ。そもそもその商品は作らない。これにより見当違いな商品を作るリスクを、一番最初の段階で低コストに回避できる。 このWorking-Backwards法で書くプレス内容は主に以下のとおり。 見出し 顧客が商品を理解できるタイトル 副題 ターゲット層と、彼らのメリットを1行で。 概要 商品の特徴と利点をまとめる。この段落で全てを理解できるように。 課題 このプロダクトが

    mobojp
    mobojp 2012/08/10
  • iCloudハック事件の手口がガード不能すぎてヤバイ | fladdict

    GizmodeのライターがiCloudのアカウントを乗っ取られ、iCloud消滅、iPad, iPhone, Macのデータワイプ、Gmail, Twitterの乗っ取りをらった件について、ハッキングを人が語ってらっしゃる。 手口としては典型的なソーシャルエンジニアリングによる、複数サイトから得た情報のギャザリングを用いたハック。 だがこのハッキングのプロセスが鮮やかすぎてヤバイ。ツールを一切つかわず電話だけでハッキングしてる。 Twitterアカウントに目をつける 元々クラッカーは、Gizライターの持っていた「3文字のTwitterアカウント」が欲しくてアタックをかけたらしい。 Twitterプロフィールから、人のウェブサイトへ 人のウェブサイトからGmailのアドレスを発見 Gmailで「パスワードがわからない」から再発行 再発行メール用のアドレスが画面に表示される。この m*

    mobojp
    mobojp 2012/08/08