タグ

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

  • ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict

    ペーパープロトタイピング講座シリーズ。第1回は導入編。 第1回はの導入編。ペーパー・プロトタイピングとは何なのか、何故必要なのか。そして導入することで、どんな利点があるのかを説明する。 ペーパー・プロトタイピングって何? ペーパー・プロトタイピングとは、紙で実際にアプリやサイトを「実装する」ことである。 通常の開発においてコンテンツが使いやすいかどうかは、開発が終盤になるまでわからない。このため「作ってはみたが使いにくい」や「いまさら後戻りできない」という問題が発生する。UIや手触りが重要なモバイル系のアプリにおいて、これは致命的な問題になる。ペーパープロトタイピングはこの問題を低コストで解決する。 紙とペンで動作モックを作成することで、実装を行う前に、素早く手戻なく検証を行うことができる。これにより、仕様書策定や実装前にPDCAのサイクルを実現できる。作業負荷の高い実装を行う前に軽く

    ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict
  • スマホUI考(番外編) なぜ機能追加をし続けるとアプリが破綻するのか? | fladdict

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

    haru135
    haru135 2013/08/12
  • 開発者必見! 5秒でわかるフラットデザインまとめ | fladdict

    ・どこ押せばいいか謎 ・言われてるほど新しくない(スイス系のリバイバル) ・立体より工数低いが、誤摩化しがきかず難易度高い ・でもデザイン料を安くされそう ・日語だと高確率でダサくなる

  • わかりやすい「エレベーターの開閉ボタン」ってどんなんだろうね? | fladdict

    Twitterで「ボタンと間違いやすいサイン」について呟いたら・・・ いつのまにか「間違いやすいエレベーターボタンのデザインの話」に巻き込まれてたでござる。 面白そうだったので、自分でも考えてみたり。コアコンセプトは以下のような感じ。 安全側にマージンを設ける 表現の為に安全を犠牲にしない 迷ったらコンサバに。チューニング芸で頑張る。 視覚的/言語的にハンディキャップがある人にリスクを負わせない。「ってか、そこは周囲の人で吸収する社会にしようぜ!」という思想を、そこはかとなく埋め込む。 ボタンの文言とか 「開く&閉じる」や「開&閉」は、漢字が似てて視認性が悪いのでボツ。「あける&とじる」や「あける&しめる」は、「る」が被るのでボツ。「Open & Close」は視認性が悪いし子供がわかんないのでボツ。 で「ひらく」と「しまる」に決定。 「とじる」や「しめる」じゃなくて「しまる」にした最大の

  • 新Google Mapsアプリ採用のフレームワーク NimbusKit がいい感じ | fladdict

    iPhoneの新しいGoogle Mapsのアプリ、色々弄り倒してますがステキな感じ。 でこれひょっとして、「NimbusKit使ってない?」って思ったら、案の定で使ってた。 NimbusKitはiOS用のヘルパークラスと、コンポーネントと、デバッグツールの集合体。 以下のような機能がサクサクとつけられる。 CSSスキニング インターフェースの外見にCSSを適用できる。ビューのカスタマイズがラクチンに。 TextLabel iOSの微妙なTextLabelにリッチテキストやリンクがつけられるように。 バッジ 通知件数などのバッジを簡単に作成。 他アプリとの連動 他アプリ・・・マップ、ストア、電話、SMS、FB等の連携をラクチンに。 アプリ内ホーム画面 ホーム画面的なUIをアプリ内に簡単に追加できる。 キャッシュ/非同期通信つきのImageView 画像ローダー付きのImageView拡張。

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

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

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

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

  • HTMLで文字詰めするタイポグラフィー用JS | fladdict

    HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する

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

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

    haru135
    haru135 2012/08/08
  • iPadでお絵描きアプリを作ろうと思う その2 | fladdict

    Twitterで皆さんからヒアリングを行い、お勧めのアプリを色々と教えてもらった。とりあえずひたすらにダウンロード、ダウンロード、そしてダウンロード。使い倒す。 敵を知り己を知れば百戦危うからずであり、車輪の最発明は避ける方向で、先人の知恵に学ぶのです。 以下、各アプリの雑感メモ。みんな言いアプリなんだけど、どれも自分が欲しいのとは方向がちょっと違う感じ。 Adobe Ideas Adobeのアイデアスケッチツール。やりたいことは非常に近い。よく出来てるのだけど、いつものAdobe製品らしくプラットフォームのインターフェース・ガイドラインをガン無視しまくってる。ベクターデータをレンダリングする形式。そして実装がFlashじゃないか疑惑。 Penulitimate 仮想敵国。軽くてシンプルでよくできてる。軽快な動きと、没入感、美しさがバランスとれてる感じがステキ。ただ自分が欲しいアプリは、も

  • 誰でもデータを直販できるGumroad入門。クリエイターの生活は変わる? | fladdict

    Gumroadというサービスがすごい熱い! Gumroadは誰でも簡単にデータを販売できるようにするサービス。 FacebookやTwitterのタイムラインに、GumroadにアップしたデータのURLを貼るだけで、世界中にコンテンツを販売できるみたい。(2/14日現在、日からの過剰すぎるアクセスでGumroadが不安定です) 何ができるの? Gumroadを使えば、たとえばイラストレーターやミュージシャンが、そのまま作品をダイレクトにタイムラインで発表して販売できます。手数料はたったの5%(正確には5%+30セント)。Appleの30%や出版社の90%に比べると驚異的なお値段です。個人のクリエイターがクレジットカード決済でデータを販売できる…というのは、なにやら仕事のスタイルそのものが変わりそうです。 さっそく実験で、写真を1枚アップロードして$2で売ってみたら10$32ほど枚売れまし

  • 1