iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
Scaladoというカメラアプリがキモイ。まずはビデオを見て欲しい、説明はいらないと思う。 撮った人の顔のアングルを後から変更する。 通行人を消す機能 原理的には、写真を撮った瞬間に過去X秒のデータを保持してるっぽい。ユーザーの操作にあわせて、過去の映像から同じ位置の画像を抜き出してきて合成しているようだ。
家中の照明や音響やプロジェクターを、iPhoneから一括コントロールできるようにしてみた。 予想以上にやばい。超便利すぎて死ねる。 どうやるん？ Glamo iRemocon と Unity Remote、Griffin Beacon という3つのチョイスがある。 実L5Remoteというもう１つのチョイスもあったのだけど、これはわが家では動かなかったので割愛。 Glamo iRemocon 価格：26880円 純粋スペックなら神いわゆるゴッド。高いが神。 iPhoneとWIFI通信し、ほぼすべての赤外線リモコンを学習可能。スキンもカスタマイズ可能もでき、そのうえ自宅外からの遠隔制御までできる。家への帰り道でエアコンをオンできるのが強力。マクロ機能やタイマーもサポート。エアコンが動くのが素敵。弱点は本体をケーブルで無線ルーターにつなげなければならないこと、あとUIカスタマイズがPCのWeb
ミニチュア（ジオラマ）風写真を簡単に撮れるようになるチュートリアル。 わりと質問が多いので作ってみた。 必要なもの アプリはTiltShift Generator (85円) を使います。 また補助ツールにinstagram等のフィルター系アプリを１つ用意します。 ロケーション ミニチュア風写真では「どこから撮るか」がとても大事です。まずは高い所に行きます。 初心者へのお勧めは、歩道橋や高層レストラン街。 高さの目安は、撮りたいものによって決まります。 ・2〜5階： 人 ・5〜10階： 家や工事現場など ・10〜20階： 野球場等の大きめの施設 ・20〜40階： 町並み ・40階〜： ビル群や東京タワー、巨大ランドマーク 下記は「5階以上で気軽にミニチュア写真を撮れる自作マップ」。大きく表示 より大きな地図で ミニチュア写真ロケハン を表示 渋谷Qfront2階、スターバッックス。 渋谷駅
GoogleのVic Gundotraによる、スティーブ・ジョブズのエピソード。 ジョブズ引退によせて、グーグルとジョブズのやりとりを開陳。 グーグルのモバイルアプリ責任者のもとに、日曜日に突然かかってきた電話とは？ とても面白い内容だったので、電車内でiPadで訳してみた。 ———- アイコン急患 2008年1月6日、ある日曜の朝、携帯電話のバイブが振動したとき私は礼拝に参加していた。 即座に携帯をチェックすると電話には非通知と表示されていた。私は無視することにした。 礼拝の後、私は家族と一緒に車に戻りながら留守電をチェックした。 そこに残されたメッセージはスティーブからだった。「ヴィック、私の家に電話をくれるかい？ すぐに議論しなきゃならないことがある」 車に辿り着く前に、私はスティーブに電話をかけなおした。私はGoogleのあらゆるモバイルアプリの責任者であり、職務の一環としてスティ
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
フォーブス誌による、Tim O’Reilly へのインタビュー、 Steal This E-Bookが興味深い。そしてティムがカッコイイので訳してみた！ オライリーの電子書籍はPDFで販売、コピペ、印刷OK、DRMなしという、おそらく電子書籍において世界で最前線。けっこう意訳してるので、興味ある人は原文をチェックすること。あまりに訳がアレな部分はコメント欄で指摘してください。 ファイル共有や複製から身を守るDRMを、全ての書籍から撤廃している。DRMを無くしたことで海賊版に不安はあるか？ 答えはNOで、まったく気にしない。 例えばある本の販売目標を10,000冊としてみる。そしてDRMを付与した場合、我々は10,000冊を販売してお金を得る。 もしDRMを付与しなければ、100,000冊が（無料で）流通し、それでもやっぱり我々は10,000冊を売り上げる。どっちがよい結果だろうか？ 私から
「「francesco3氏」と「めがねおう氏」の炎上ツイートまとめ」件について 人権意識について個人的にTweetしたライターさんに、元偽鳩山Twitterの非モテタイムスの編集長がいきなりドロップキック。 「話は聞かせてもらったわ！」とUst娘 そらのちゃんが颯爽と乱入。おもむろにロケットランチャーを取り出して、標的も確認せずに発射。ついでに後方確認も怠って、バックファイアーで全てを巻き込みつつの、ハリウッド的大爆発。 なるたけオブラートに包んで説明してみましたが、リンク先のやりとりはマジでドン引き。 一歩間違えれば暴力装置兵器になる、マスメディアの編集長がやっちゃあダメだろうと。。。 人としてどうかと思う。。。 まじめな話 自分も含め、Twitterのフォロワーが10000超えてたり、PVが50万超えてる人は、言葉の扱いを間違えるとさくっと周囲の人間の人生とかぶっ壊せちゃえる。 だから
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
今日はfladdictというより、日本最多ユーザのiPhone情報交換場、twitter.com@iphone_dev_jp 管理人としてのエントリ。 今日、ExciteとJust Systemが共同で、AppStoreのレビュー機能に関する改善要望の署名を開始した。 @fladdictおよび@iphone_dev_jpとして、この流れに賛同したいと思う。 【App Store「カスタマーレビュー」改善案】 ユーザーのコメントに対して、開発者側からコメントを返す機能及びその内容をApp Storeの該当するコメントと対になる形で購入ページ内に表示する機能の追加 今回の署名の内容 App Storeのカスタマーレビューは、無法地帯になっている。 その現状は、下記のエントリを見て頂ければ、すぐに理解いただけると思う。 - 日本のAppStoreレビューは２ちゃん的…開発者が問題提起 - 日本の
SpellBookというChromeの拡張を作ってみました。 ブックマークレットを右クリックから起動できるようになる拡張です。 ツブヤキ、Like、はてぶ、Evernote、あらゆるものが指先ひとつでYouはShock!です。新しく拡張を作ったりインスコすることなく、様々な機能を右クリックで解決できます。 使用方法 １：Googleで、拡張をChromeにインストール。 ２：画面上部のバーにBookmarklets フォルダができる。 ３：このフォルダに、ブックマークレットを色々と突っ込む。 ４：右クリックメニューに SpellBook が追加され、右クリックからブックマークレットが起動できる。 SpellBookがオススメな理由 ・ブックマークレットなので、デバイス間やブラウザ間で同期ができる！ ・JavaScriptができれば、わざわざ拡張を作らなくても機能追加できる！ ・拡張よりも沢
漫然とTwitterのタイムラインを眺めて、興味深い法則に気がついた。 それは、500人以上フォロワーのいるユーザーの大半は、「フォロワー数 ／ 被リスト数」がおよそ10という値になる。ということだ。 自分の場合なら、フォロワー15000人のリストが1800人。8.3となる。 だいたいのユーザーが、12〜8のレンジに収まる。 ＜追記＞Life like a clownの人が数値データを取ってくれた。中央値10.28で、ほぼ50%の人が12〜8のレンジ。80%で15〜7っぽい。 気持ち悪いほどに、フォロワー／リスト比がこのレンジのユーザーが多い。 これは何を意味しているのだろうか？ @nakamurahirokiさんが、一括チェッカーを作ってくれました。 大まかにサンプリングしたところこの値が10を超えるユーザー、例えばホリエモンは20、鳩山元首相19, 孫さんは16。いずれも、業界をまたい
4年前に書いたエントリーなんですが、今読み返してみると、いい感じに現状とマッチしてる感じなので再掲載。 Yahooが失墜したり、フィールドが携帯ソーシャルや、アプリプラットフォームに移動しつつも、 来年はここら辺が本格的にヤバスになりそうです。 WEB2.0って結局は”地主制度2.0″なんじゃないの？ 2006年4月21日より再掲載 いちおうウチのサイトは最新情勢を扱うブログのはずなんだけど、実は今までウチのサイトでは「WEB2.0」って言葉を Lelvin LynchによるWeb2.0セッションでのFlex2プレゼンテーション。 って、というどうでもいい文脈で１回使っただけだったりする。というのも、WEB2.0がもつフロンティアとか希望とかって嘘八百なんじゃねーの？？という疑念がずっと渦巻いていたからです。最近、そういう思いがますます募ってきたので、一回まとめてみるメモ。 WEB2.0が
Flash界のコーディングゴッドGSkinnerがJavaScriptのCanvasをFlashライクに使うライブラリを作った。 この人、確か僕と同い年ぐらいかちょい下なんだよね。。。会う度に超へこむ。 画期的というか、確実にかゆいところに手が届くライブラリで、下みたいなのがサクサクJSでいける。あいかわらずソースは美しいし、ドキュメントも完備。 game sparkles rollover localToGlobal globalToLocal sprite sheets ざっと見た感じFlashでいうところの、Stage, MovieClip, Sprite, Bitmap, Matrix, Stage, EnterFrameとキーフレームアニメがサポートされてる感じ。これは素敵。 このライブラリそのものもスゴいんだけどポイントは、GSkinnerがJSやりだしたってことは、365日以
instagramに投稿した写真は規約上、大分権利放棄になるっぽい。 | fladdict
via iPhoneography 日本でも大流行のInstagramですが、利用規約の一文にさりげない爆弾文言があることが発覚。iPhoneographyの記事をベースにすごい大まかに規約を訳すと、 「インスタグラムに投稿された写真は、誰もが自由に使ってよいということに同意したものとみなすよ。印刷やメディア利用も自由だよ。インスタグラムもユーザーの誰でも、インスタグラムにある写真自由に改変したりコピーしたり外部に再配布するかもしれないよ。」 By displaying or publishing (“posting”) any Content on or through the Instagram Services, you hereby grant to Instagram and other users a non-exclusive, fully paid and royalty-
無印良品から突如リリースされたiPad Appシリーズより、MUJI Calendarをやらせていただきました。 半年ぐらいの長丁場でしたが、大分いい感じのものになったかと。 個人の新作アプリがしばらく沈黙ぎみだったのは、ずっとこれやってたからです。 今回、無印良品からは3つのコンセプトなアプリがリリースされて、それぞれスタンダードなCalendarが僕(Art&Mobile), チャレンジな機能を盛り込んだNoteがタクラムさん, 旅行を体現したブランドコンセプトアプリのMUJI to Goが日本デザインセンターさんメインで制作されました。全体のグラフィックのトーン&マナーは、日本デザインセンターさん主導です。 主なウリ ・Google Calendar との同期 ・カワイイ ・左右スワイプで過去や未来に移動したり ・ピンチでつまんで、月から週に移動したり ・スケジュールがドラッグで、日
毎日食器を洗うよりも、毎回使い捨てで紙コップと紙皿使う方が、ひょっとしてエコなんじゃないの？と思う今日このごろ。洗剤と水道のコスト的に。 紙コップのコストは1個が2〜4円、紙皿のコストは1毎5円。割り箸は1本3円ぐらい。 韓国の軍隊っぽく、ラップで食器を包んで使用すればさらに運用コストが下がる。 上下水道あわせてリッターあたりのコストは1.5円。5分間水を流すと60リットルぐらいする = 90円ぐらいかかるじゃん。その上、食器を洗う時間を時給ベースで考えると、あきらかにMy食器のほうがコストがかかる気がする。CO2換算だとわからんけど。 まぁお金が勿体ないというか、食器洗うのがメンドイだけなんだけど。1〜2ヶ月試してみようかな。
実はInstagramが流行ってるのは日本だけではないのか？ | fladdict
最近、妙な勢いでTwitterで流行しつつある、iPhoneの写真共有アプリ Instagram。なんかいかにも世界的に大流行っぽく見えてるけど、これ流行ってるのは日本が中心なんじゃないんだろうか？ というか主に、百式の人のパワーで、日本で流行してるんじゃないのかと。。。 というのも、Instagramが言っている公称、6日で10万ユーザー。これ1日1.5万ユーザーってことじゃないですか。1日1.5万ユーザーだったら、たとえ全ユーザーがUSユーザーでも無料アプリのランキングでトップ50に入らなくないかな？ Twitterで検索してみると、日本人の比率が妙におおい。夜中でも。 そしてGoogleでの検索数も日本とUSでは乖離しているし、ブレイクしたのは百式の人のエントリーの直後。 ちなみに、拙作のTiltShiftGen FREEが1ヶ月で50万ユーザーだから。スケール的にはInstagra
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
