スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict
いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発手法に比べ劇的にUIやUXを改善できるためである。 製品コンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価できる。この汎用性がビッグオー駆動開発の大きな特徴であり、導入時の利点となる。 今回はこのビッグオー、の概要と具体的なやり方について論じたい。TwitterのUI拡張予言以来、久しぶりのUI系エントリである。 ビッグオー駆動開発とは何か？ ビッグオー駆動開発は、正式には『OKAN Driven Development（オカン駆動型開発）』とよばれる開発手法である。 これは自分のオカンを指標とすることで、低コスト
ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict
ペーパープロトタイピング講座シリーズ。第1回は導入編。 第1回はの導入編。ペーパー・プロトタイピングとは何なのか、何故必要なのか。そして導入することで、どんな利点があるのかを説明する。 ペーパー・プロトタイピングって何？ ペーパー・プロトタイピングとは、紙で実際にアプリやサイトを「実装する」ことである。 通常の開発においてコンテンツが使いやすいかどうかは、開発が終盤になるまでわからない。このため「作ってはみたが使いにくい」や「いまさら後戻りできない」という問題が発生する。UIや手触りが重要なモバイル系のアプリにおいて、これは致命的な問題になる。ペーパープロトタイピングはこの問題を低コストで解決する。 紙とペンで動作モックを作成することで、本実装を行う前に、素早く手戻なく検証を行うことができる。これにより、仕様書策定や実装前にPDCAのサイクルを実現できる。作業負荷の高い本実装を行う前に軽く
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
安価な3Dプリンタでも、ツルッツルのオブジェクトを作る方法 | fladdict
RepRap: Blogより 通常の3Dプリンタは積層出力なので、制作物に0.1〜0.2ミリほどの縞模様がついてしまう。このため3Dプリンタで出力されたオブジェクトは、金型出力のようなツルツルのモデルにはならない。 このガタガタのABS樹脂性のモデルを、事後処理でスムーズにするノウハウを考えだした人がいるとか。 必要なものは、ホットプレート、ガラス瓶、アセトン、アルミホイル、針金。 ホットプレートを120度ほどに加熱する。 ガラス瓶をのせる。 瓶に3〜4mmほどアセトンをそそぐ。 そのうち瓶のなかで、アセトンが蒸発して蒸気が立ち上ってくる。 蒸気が瓶の口に達したら、温度を90度にさげる 針金で吊るしたアルミホイルの台座に、モデルを置いて、瓶の中につりさげる。 5分〜10分ほど待って取り出すとツルツルに。 終わったらプレートをオフにすると、蒸気はアセトンに戻る。 つまり、アセトンの蒸気をAB
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
思わず全部読んでしまった、面白いWeb漫画10個
引っ越しに伴い、蔵書を数百冊捨てたので読む本がない。そんなわけで、最近は野生のweb漫画ばっかり読んでいます。 web漫画超面白いっす。思わず全部読んでしまった面白作品を徒然なるままにメモ。オススメ度は順不同。どれも下手な週刊誌の漫画よりオモロいです。 1: ７と嘘吐きオンライン まずは取っ付きやすくTwitterをテーマとした短編漫画。ありそうでなさそうな、Twitter的コミュニケーショん。前編、後編。（なんで、同作者の「堀さんと宮村君」が紹介されてない！？という声を多数いただきましたが、それは僕が今リアルタイムに読んでいてまだ読了できてないからです。今本編が終わって番外編に突入したところ）。 2: 漫画で分かる診療内科 信頼と安心のギャグ漫画。もはや説明はいりません。ブラックな冗句を交えつつ、精神医学を語ります。これ本当に病院サイトの公式コンテンツなんですよ。。。全12話くらいで更新
fladdict » iPhoneアプリ審査での111の禁止項目（意訳）
ついに明らかになった、iPhoneアプリのリジェクト基準条項。 Engadetが公開したPDFをベースに、リアルタイムに更新中。 とりあえずリアルタイムに翻訳を作成中。 おもいっきり意訳なので、間違いの指摘や突っ込みはコメント欄かTwitterでお願いします。 ＜このリストは、2010年9月10日現在のものです。また意訳なので、気になる条文は原典をチェックすること。＞ 2. 機能 2.1: クラッシュするアプリはリジェクト。 2.2: バグのあるアプリはリジェクト。 2.3: 開発者の申請したものと違うアプリはリジェクト。 2.4: アプリの紹介文にない隠し機能を持つアプリはリジェクト。 2.5: 非公開のAPIを用いたアプリはリジェクト。 2.6: サンドボックス外のデータを読み書きするアプリはリジェクト 2.7: 実行コードを外部からダウンロードするアプリはリジェクト 2.8: 他の実
fladdict » 年俸1円で新しい出版社のプロデューサーとして雇われました
講談社100%出資の新しい出版社、星海社にヘッドハントされました。Webを基盤にガンガン攻めまくる、新しいタイプの出版社です。 インタラクティブ・プロデューサーという謎の役職ですが、平たく言えばデジタル戦略のご意見番。なんと、ブラック企業もビックリの年俸1円契約です。もちろん株も貰ってません。 僕のお仕事は、ウェブデザインというよりは、「右クリック禁止にしようぜ！」とか、「DRMつけようぜ」といった大人の事情あふれるご意見を、体をはって食い止めることです。 直近の活動は以下の通り。 ・右クリック禁止を禁止 ←通った ・DRM無くそうぜ！ ← 通った ・小説Webに載っけて、全文コピペ可能にしようぜ！ ←通った ・○○○を全面解禁しましょうよ ←通った ・○○を××して、こっちから書籍をWinnyに放流しようぜ ←保留状態 アナログメディアの電子化にありがちな、誰もハッピーになら
Adobe MAXの講演が全部webで見れる件 | fladdict
今年のAdobe MAXのセッションが、全部Adobe TVでビデオアーカイブされている件。 Adobeすごい。 Adobe TV: MAX2009 デザイン編 Adobe TV: MAX2009 ディベロップ編 Adobe TV: MAX2009 構想編 Adobe MAXまだリアルタイムに進行中なのに、この速度。 ヤバい。 ＜追記＞ @mariroom 情報だと、Flash Media Live Encoderで、リアルタイムにガンガンビデオをエンコードしてうpってるらしい。スゴス。
fladdict 日本のwebが「残念」というか、そもそもはてなが「残念」だ
ITMedia: 日本のWebは「残念」 梅田望夫さんに聞く（前編） を読んで雑感。 「元」はてな好きな人間的には、日本のwebが「残念」よりも、最近のはてなのほうが「残念」な印象なんだけどなぁ・・・ なんか海外留学時代を思い出す既視感。 「俺は日本で評価されないから海外に出るぜ！」とか、「英国でアーティストになりたい！」とか、熱い俺アート論とかかました人みたい。 それでいながら、４年後ぐらいしたら「いや日本人が海外で評価されるって難しいよね」とか「夢を持つのはいいけど現実は違うよ」とか語りだして、半分リタイヤしつつも正業につかづにバイト暮らしして酒場で若者に説教する人みたいな風景。 そもそも、はてなが日本で成功したのは、あくまでSBMにしろwiki的なオートリンクダイアリの仕組みにしろ、他所で流行した優れた概念をいち早くパクッって（輸入して）カスタマイズするタイムマシン商法のバランス感覚
『プロのデザインルール』の表紙がヒドぎる件 | fladdict
『プロのデザインルール』という本の表紙が・・・ これはヒドイ。 ちなみに中見は、もんのスゴく真面目な本でした。 漫画太郎先生の絵で『そこの天才デザイナーでてきなさい！』とか書いてあるけど、これが意外と冗談になってない。 マジで超有名デザイナのロゴ仕事とかが、ラフスケッチ～スタディ～バリエーション～マニュアルまで全部通しでのってたりします。というかいろいろなプロジェクトの事例本。弊社一のタイポマニアな花村先生も、中身は真面目なのにっていうぐらいまとも。 なのにこの表紙・・・ これだけ真面目にデザインプロジェクトを紹介してる本のデザインが、この路線てのはある意味画期的すぎです。 とりあえず「その２」を勢いで購入。 第3巻でても買うと思うので、ぜひこのアグレッシブさをキープしてほしいです。
Flashでインタラクティブアート勉強したい人におすすめの書籍まとめ | fladdict
最近のFlashって、絵描く人とコードコードした人が分離しすぎちゃって詰まらないなぁと思ったので、両側やってみたい人向けのとっかかりになる本とかまとめてみた。Flashでモニョモニョ動いたり、ビュワビュワ多量情報をビジュアライズした人向けの資料集。自分が実際に読んだ本／持ってる本からピックアップ。 ストックエントリベースだから、最新の本とかは抜けもあるかも。 ■ActionScript 1 & 2編 Flash Math Creativity 初等数学と工夫でいかにイメージや動きをジェネレートするか？という本。洋書のみ。数行のシンプルなコードによる習作から徐々に作品を発展させていくスタイルはインタラクティブなコーディングの初心者には大変勉強になる。ActionScript1によるフレーム直書のスタイルの為AS3から入った人はちょっとビックリするかも。サイトから掲載習作の全動作サンプルが見れ
fladdict.net blog: かなり画質のよいFLVの作り方メモ
１： mencoder vp6setというツールDLする。 ２： アスペクト比に応じて、4:3.batか16:9.batにaviファイルをドロップ ３： 音質がきかれるので適宜入力 ４－１： ビットレートを適宜選択 ４－２： ModeをTwo-Pass Firstパスに ４－３： End UsageをLocalFile Playbackに ４－４： Noise Reductionを０に ４－５： Sharpnessを０に ４－６： Max Frame Btw Keys を必要に応じて設定(少ないほどキーフレームが多くなる) ５－１： OKを押すと同じダイアログが出るので、ModeだけTwoPass BestQualityに変更してOK とりあえずFLV Encoderとは比べ物にならないぐらいいい画質になることは確認済。このツールよいね。個人的には同圧縮率のSorenson squeeze
ボーカロイドブーム雑感 | fladdict
ボーカロイド雑感。 1000本売れれば大ヒットの、音楽ソフト業界でamazon1位をとるという空前絶後の大ブームになった、歌い上げロボ・ボーカロイドの初音ミク。普通に口コミヒットの事例としても面白いんだけど、もうちょっと文脈的な部分が面白そう。 なんかこのブームの裏には、ある種の女装願望というか、俺達(非リア充)カワイイ女の子に生まれればもっと幸せに生きられたんじゃね？的倒錯感が根底に流れてそうで面白い。 熱血バトルモノ → 暴力の正当性の喪失 → 世界系 → 世界はそんな優しくなかった → ほのぼの学園系 → 実際の学園生活とのギャップに絶望 → ほのぼの女子高系 → 女の子になってあの輪に入りたい、みたいな流れなのかな？？ ボクは世界系以降の文脈は実体験はしてないので、あくまであてずっぽうですが・・・ そんな間違ってないと思う。 もしも自分が女の子で可愛くて、歌が歌えて、サイトとかにア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
