iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
社員がフリーランスになる前に教えておきたいこと | fladdict
秘密結社THE GUILDも仲間が15人近くになり、僕の直轄チームも3人に増えた今日この頃。直轄チームのみんなには、できれば幹部になって欲しい。でも、翼を折って囲い込むのではなく、いつ独立しても恥ずかしくないように育てていきたい。っていうか、ここに書いたのできるまで、独立なんぞ許さんよ的メモ。新入社員は各自マスターしておくこと。 1: 収入の一定パーセントを貯蓄しなさい 収入の10%〜20%を、お給料日に自動振り込みで貯蓄しなさい。お金持ちになる唯一の方程式は「消費＜収入」。この方程式が強制的に維持される仕組みを作る。これが人生を安定させるために一番重要なことです。 2: 生活資金を半年分ためなさい まず無収入状態でも3〜6ヶ月生存できる貯金を作りなさい。生活費の安全バッファは大型案件や、お金にならないチャンス案件を手に入れる最低条件です。安全バッファがなければ、常に生活費のために自分を切
THE GIANT MAP インスタレーションのメイキング | fladdict
フランスで展示してきたTHE GIANT MAP。いろいろ四苦八苦したので、制作忘備録。将来の自分と、今後こういうのやってみたい人用。 きっかけ 実はもともとはGoogle主催のアートコンペ、Google Dev Artエントリー用の作品だった。 このDevArtは、グーグルがスポンサーとなって行われるデジタルアート展覧会へに出品するための公開コンペ。たった1人の座を争っての世界中からのバトルロイヤル。条件は２つ。Googleのテクノロジーを使った、デジタルアート作品を作ること。そして、途中プロセスを全て公開すること（プロセスも審査に含む）。 ちょうど新しいことをやりたいなぁと思っていた僕は、無謀にもこのコンペにエントリーを試みる。 コンセプト設計 まずは何を作るべきか！？というところで、コンセプト設計から。ロンドン留学時代に学んだことは２つ。コンセプトのない作品は評価されないこと。ワール
JavaScriptでゴリゴリ実験サイトを作ったよ | fladdict
fladdict.netのトップをリニューアル。JavaScriptの実験場にしてみた。久しぶりにゴリゴリJS書くと、かなり楽しい。 古き良きゼロ年代のFlash実験サイトはほぼ絶滅してしまったわけだけど、それを現代のJSとHTMLでやり直してみたらどうなるか？そんな感じのスタディ。使用ライブラリはpaper.jsとprocessing.js。時間があるときにcreate.jsも導入してみたいけど、ざっと見た感じcreate.jsは冗長すぎてスケッチには向かないと思う。スマホだと重すぎてだと動かないので、時間あるときに分岐するようにしたい。 最近はインターネットも成熟化したのか、グラフィック、インタラクション、プログラミングを三位一体でする人が減ってる気がする。分業化が進んでいるのだろう。インタラクション系がわかるエンジニアは需要があるわりに、新しい人が学ぶ機会が昔にくらべれば激減している
アンチソーシャル系の日記アプリ、Livreをリリースしました | fladdict
安藤さん山口さんといっしょに日記アプリ作りましたー。 UIの基礎設計部分となぜか効果音とかを担当。 アンチソーシャル系の１人引日記アプリです。ソーシャル疲れした人、無料なので是非。 株式会社Nagisaの新サービス「Livre」アプリをTHE GUILDで担当しました。 Livreは日々の記録を、自分だけの日記としてプライベートに管理するサービスです。 かんたんな操作でテキスト、スタンプ、写真といった形で日々の記録を残し、タイムライン、カレンダー、アルバムという形で過去の思い出を振り返る事が出来ます。 Credits: Client: Nagisa Inc. Project Management: Masato Yamaguchi (THE GUILD, Alpha Version Inc.) UI Direction: Takayuki Fukatsu (THE GUILD, Art &
スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
一眼レフで超高速撮影をする方法など（多分弾丸も撮れる） | fladdict
連休中の遊びにハイスピード撮影に挑戦＠お風呂。 ヤバイ、すげぇ面白い。 昔からハイスピード撮影やってみたかったのですが、ハイスピードカメラは一千万円クラス。正直諦めてました。水滴ですらシャッタースピードが1/4000〜1/8000秒、弾丸や風船だと数万分の1秒必要なんですよね。 普通の一眼で、f.13のシャッタースピード1/8000以下とか無理ゲーです。 そしてそもそもの話、一眼のシャッターは1/1000秒単位のタイミングで誤差なしで被写体を狙えるほど精度が高くない。 ところが調べてみると、一眼レフで擬似的に限界以上のシャッタースピードを出す方法確立されてたり。世の中には頭のいい人がいるものです。 それはシャッターでなくフラッシュで、ハイスピード撮影するということ。 もうシャッターは開きっぱなしにして、フラッシュを超速で点灯させて写真撮る。 暗闇で長時間露光をしてフラッシュを1/20000
仕事でtwitter使う人には、Bufferというサービスは必須かもしれない | fladdict
百式の田口さんに教えていただいた、Bufferというサービスがとても便利。最近ヘビーユースです。 Bufferは呟きをTwitterやFacebookに、時間を分散して投稿してくれるサービス。朝おきて、気になった記事をブックマークレットで適当に登録しておけば、いい感じにばらけてTweetをしてくれるのです。僕はミーティング参加中なのに、2chブログを勝手につぶやいてくれたりとか。 iPhoneアプリもあるし、Chrome拡張もあって、拡張をいれるとTwitter本家のページにもBufferボタンがついたりとか細かいところも便利。特にクローム版のインストールをお勧めします。 お仕事でTwitter使う人は、Bufferに色々つっこんどけば寝てても、他の仕事しててもいい感じに運営されるのでとっても便利かもしれません。 締め切りなのに僕が呑気に呟いていたら、全部バッファーのせいです、僕が遊んでる
誰でもデータを直販できるGumroad入門。クリエイターの生活は変わる？ | fladdict
Gumroadというサービスがすごい熱い！ Gumroadは誰でも簡単にデータを販売できるようにするサービス。 FacebookやTwitterのタイムラインに、GumroadにアップしたデータのURLを貼るだけで、世界中にコンテンツを販売できるみたい。（2/14日現在、日本からの過剰すぎるアクセスでGumroadが不安定です） 何ができるの？ Gumroadを使えば、たとえばイラストレーターやミュージシャンが、そのまま作品をダイレクトにタイムラインで発表して販売できます。手数料はたったの5%（正確には5%+30セント）。Appleの30%や出版社の90%に比べると驚異的なお値段です。個人のクリエイターがクレジットカード決済でデータを販売できる…というのは、なにやら仕事のスタイルそのものが変わりそうです。 さっそく実験で、写真を１枚アップロードして$2で売ってみたら10$32ほど枚売れまし
日本のAmazonでオンデマンド印刷が始まった件（そして注文してみた） | fladdict
いつのまにかAmazonでオンデマンド印刷が始まっていたよ！！ 注文してからAmazonで印刷される。在庫無しの無限供給システムがお急ぎ便で即日対応。これは神かもしれない。 現在、対応書籍は洋書のみ・・・というのが残念ですが、それでも素晴らしい。洋書はストックがない場合、海外発送で数週間かかるのもザラですが、オンデマンド印刷ならまさに即日配送。 オンデマンド印刷とは オンデマンド印刷、あるいはPOD(Print on Demand）とは、注文が入ってから1部だけを印刷して配送するという、デジタル時代の受注生産手法。 PODとは オンデマンド印刷技術により、お客様の注文に応じて1冊からでも迅速に印刷し、出荷します。このプログラムが適用された書籍は常に出荷可能な「在庫あり」の状態になります。 出版社側のメリットは、流通や書店などの中抜きをすっ飛ばし直接販売できること、また受注生産の為、紙や印刷
Facebookでのプロモーションを左右する8つの成功要素 | fladdict
BuddyMediaというfacebookのソーシャルマーケ会社のだしたリポート、「Strategies For Effective Facebook Wall Posts: A Statistical Review（効果的なFacebookウォール投稿為の戦略：統計的レビュー）」が興味深かったので抜粋。 題名の通り、Facebookに広告ポストをする場合、投稿のどのような要素がどれだけトラフィックに影響を与えるかを統計的にまとめたレポート。 マジオモロいので要約。いつものごとく厳密なデータは原文をあたること。 １：短い文章ほど効果が高い 統計的には長いツブヤキほど不利になる。 80文字以下の投稿は全体の19%にすぎないが、訴求効果は27%増。 ２：短縮URLは控える 通常のURLは短縮URLと比べて、訴求効果が3倍も高い。 これは短縮URLの文字列はリンク先を示唆できない為。ブランド訴求
iPhoneアプリに広告貼るより、アフィ貼る方が凄くない？ | fladdict
という素朴な疑問に思い立ったのですが。。。 「時代は無料アプリにAD！」とか騒がれていた時代もありましたが、僕は一貫してアプリにアドを張ることに疑問を持っています。 で、ふっと、アドネットワーク貼るより、アフィリエイト張る方が効率よくない？と思いついたので試算してみた。そして驚くべき結果。 ADMob, AdMakerの場合 平均的なアドネットワークとして1クリック6円、CTR（クリックレート）4%と仮定する。（資料１、資料２） この場合、広告が10万回表示されて24000円となる。 Amazonのアフィリエイトを張った場合 ここでニンテンドー3DS コスモブラック のアフィリエイトを張った場合を考えてみる。 3DSは単価が25000円。アフィ率は4.5%とした場合、1個売れると1125円の収入になる。（資料、俺） 10万回表示される場合、超辛めに見積もって購入率が0.05%、ブログの購入
SpellBook 右クリックからブックマークレットを起動できる拡張 | fladdict
SpellBookというChromeの拡張を作ってみました。 ブックマークレットを右クリックから起動できるようになる拡張です。 ツブヤキ、Like、はてぶ、Evernote、あらゆるものが指先ひとつでYouはShock!です。新しく拡張を作ったりインスコすることなく、様々な機能を右クリックで解決できます。 使用方法 １：Googleで、拡張をChromeにインストール。 ２：画面上部のバーにBookmarklets フォルダができる。 ３：このフォルダに、ブックマークレットを色々と突っ込む。 ４：右クリックメニューに SpellBook が追加され、右クリックからブックマークレットが起動できる。 SpellBookがオススメな理由 ・ブックマークレットなので、デバイス間やブラウザ間で同期ができる！ ・JavaScriptができれば、わざわざ拡張を作らなくても機能追加できる！ ・拡張よりも沢
【寄付ハック】 3000円を慈善団体に寄付したら、新型iPadプレゼント
「3000円以上どっかの慈善団体に寄付した人から、抽選で1名に、新型iPadプレゼントしようと思います。」 現在募金額40万円突破。ありがとうございます。 清水さんの寄付に関するエントリへの、自分なりの解答です。 ルール ・「1/15 〜2/15の期間に3000円以上を慈善団体に寄付し、連絡先をコメント欄に書き込んだ人」から、抽選で1名に次に発売される新型iPadをプレゼント（アメリカ行ってでも入手します）。 細かい規定は末尾にあるので、各自で確認。 質問等は僕のTwitter@fladdictへ。 オンラインで簡単に寄付できる例 ・国境なき医師団 ・マクドナルド・ハウス・チャリティー ・ユニセフ（日本支部無視して直接） ・パキスタンの洪水 ・中国Qinghai の大地震 ・チリの大地震 ・ハイチの大地震 Tweet なんでこんなアホなことを？ しない善よりする偽善。売名だろうが下品だろう
DRoboというストレージが無敵すぎるバックアップ環境な件 | fladdict
僕はiPhoneアプリの個人販売で生計をたててます。なので、万が一にもハードディスクが死んだ日には、僕の人生はゲームオーバーなわけです。なのでバックアップ重要、マジ重要。大事なことなので２回言ってみました。 いままでは、TimemachineとDropboxの2重環境で運用してきたわけですが、映像や音楽、素材データなどはどうも取り回しが悪かった。 そこで導入するのが、無敵すぎるバックアップストレージDRoboです。探しに探した、マシン音痴の人間でも使える安全なバックアップ環境です。 普通の3.5インチのシリアルATAハードディスクを適当に何台かブッ差すと、それが疑似Raidハードディスクになるという優れもの。初期設定なし。メーカー制限なし、ハードディスクの容量や回転速度違ってても問題なし。マジで要らないHD適当に集めて、LAN差して電源いれるだけ。 DRoboでストレージとして使用できる容
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
