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

  • ペーパープロトタイピング入門 – 第4回 見やすいペーパープロトの描き方 | fladdict

    ペーパープロトタイピング講座シリーズ。第4回は清書の仕方。絵心なんて必要ない、エンジニアリング的アプローチからのデザインスケッチの描き方講座。チーム共有やプレゼン用に、スピーディーで効率の良い清書のしかたを紹介する。(第3回は準備に時間がかかりすぎたので、第4回を先に掲載) シャーペンでアイデアを練る サインペン3種類で太さに差をつける マーカー3種類で濃淡をつける ポップアップや状態変化をポストイットで作る シャーペンでアイデアを練る 最初の段階では高速に試行錯誤するのが重要。 紙に関しては、いつもどおりペーパー・プロトタイピング・パッドを使用する。 シャーペンで描いては消してを繰り返し、あらゆる可能性を広範囲に試していく。とにかく手戻りを恐れずにガンガン描く。この段階では自分さえ理解できればよい。ある程度アイデアが固まってきたら「手早く」清書する。清書はチーム共有やテスト、プレゼンのた

    ペーパープロトタイピング入門 – 第4回 見やすいペーパープロトの描き方 | fladdict
    miyashiki
    miyashiki 2013/12/09
  • ペーパープロトタイピング入門 – 第2回 ペーパープロトタイピングに使う道具 | fladdict

    ペーパープロトタイピング講座シリーズ。第2回は準備編。前回はこちら。プロトタイピングを始めるにあたって必要なものを列挙する。 必須ツール 紙 まず紙は大量に必要。A4コピー紙や大型のポストイットが一般的。スマホアプリの場合は、弊社が専用に開発したペーパープロトタイプ用ノートが便利。実寸で検証できるように心がけよう。 シャーペン 下書き用ペン。消しやすい芯がよい。個人的にはステッドラーを愛用。 サインペン 清書用のペン。チーム共有やテスト時に読みやすくするために使う。細い、普通、太いの3種類のペンがあるとよい。個人的には0.05mm、0.3mm、1.0mmの3を使っている。オススメはピグマかコピックマルチライナー。 マーカー 清書用ツール。タップエリアや、注目させたいコンポーネントを面で見せる為に使う。最低限2色。薄いグレーと濃いグレーがあるとよい。可能ならばアプリとタップ色や警告色なども

    ペーパープロトタイピング入門 – 第2回 ペーパープロトタイピングに使う道具 | fladdict
    miyashiki
    miyashiki 2013/12/04
  • ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict

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

    ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict
    miyashiki
    miyashiki 2013/12/03
  • 【寄付ハック】フィリピン災害へ寄付した人に、オレが自腹でiPad miniプレゼントキャンペーン | fladdict

    台風で大変なフィリピンを支援しちゃうナイスガイ(レディーも可)の皆様。抽選で1名様に、新発売のiPad mini retina 16G(wifi)をプレゼントいたします。自腹で。 ルール 国境なき医師団、国連UNHCR、日赤十字、フィリピン赤十字、ユニセフ(黒柳徹子)、ユニセフ(日)、フィリピン大使館、ヤフーのどれかに1000円以上寄付する。 このエントリーをTwitterかFacebookでシェア。 寄付の証明(書類、メール)画像をどこか(TW,FB等)にアップ。 このとき消したい個人情報がある人は各自、消しゴム置いて写真撮るなど対応してください。 このエントリのコメント欄に画像URLを貼る。 wktkして12月15日の結果発表を待つ。 こんな感じ。以下は国境なき医師団でのサンプル。個人情報を隠したい人はヤフー&ヤフーウォレットが楽でオススメです。 これは「僕(株式会社THE GUI

    miyashiki
    miyashiki 2013/11/14
  • アプリのプロトタイピング用ノートを作成しました | fladdict

    スマホアプリのペーパープロトタイピング用のノートを作成&販売開始いたしました。アプリのプロトタイピングにPOPアプリとかを使っている場合、相性抜群です。iPhone実寸のグリッド入り&各種ガイド線付なのでNavigationBarやTabBarなども簡単に線を引けます。 DeNA様のUI/UXチームがダンボール1箱(160冊)ほど導入してくださいました!ほんとうにありがとうございます。 THE GUILDでは「アプリはプロトタイピングが9割」という信念のもと、自社でプロトタイピングツールを作成しています。また、チーム内だけでなく、クライアントからパートナーまでツールやメソッドの標準化することを目標としています。 業界全体でメソッドやツールを標準化することで、みながノウハウを使い回せてものすごく生産効率と品質が向上するのではないか?と思うのですよね。初期フェーズでのプロトタイピングもっと流行

    miyashiki
    miyashiki 2013/11/07
  • アンチソーシャル系の日記アプリ、Livreをリリースしました | fladdict

    安藤さん山口さんといっしょに日記アプリ作りましたー。 UIの基礎設計部分となぜか効果音とかを担当。 アンチソーシャル系の1人引日記アプリです。ソーシャル疲れした人、無料なので是非。 株式会社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 &

    miyashiki
    miyashiki 2013/10/11
  • ミニチュア風の相撲写真に、シネマグラフを悪魔合体してみた | fladdict

    新作TiltShiftGen2のサンプル写真を撮ろうと、両国国技館に行ったついでに作ってみたら、なんか新境地!自分の知る限り、まだTiltShiftとCinemagraphの組み合わせをやってる人はいなさそう。 場所がら三脚は使えなかったんですが、わりとなんとかなるもんですね。 一眼レフでガチでミニチュア写真を撮ろうとすると、Canon EOS 5DMK3にTS-E90mmレンズでかなりの出費になるわけですが・・・ TiltShiftGen2を使えばたったの85円でできちゃいます。 ・・・って題のアプリのプロモ写真をとるのを忘れて、遊びまくった一日でした。 おまけ iPhoneでとったチルトシフト、TSレンズより広角なので、同じ距離だとだいぶ小さくなる。 画質を犠牲にして、純正カメラのデジタルズーム経由で読み込むとこんな感じ。90mmぐらいの画角も撮れる。

    miyashiki
    miyashiki 2013/09/30
  • The first man who got iPhone5s in the world. | fladdict

    If you want new iPhone as fast as possible, you should come to Japan, The east most country in the world. He is the first man who got iPhone5s at Apple flagship store at Ginza, Tokyo. Taken with Canon 5D MK3 and TS-E90mm Lens. I was going to take a picture with iPhone for my new app, TiltShiftGen2‘s sample photo. However it was bit too far and I took picture with both iPhone and 5DMk3. Below is th

    miyashiki
    miyashiki 2013/09/22
  • 入れるべき機能と排除すべき機能の分類メモ | fladdict

    クライアントプレゼン用の覚え書き。 「機能」のほとんどは以下の5種類に分類できるので、搭載するまえにどのカテゴリに属するかよく考える。 1:必須機能 メーラーの送信、CC送信、カメラの撮影、オートフォーカスなど。 ついていて当たり前、つけなければユーザーの不満が増加する機能。 必須機能が実装されていない場合、基的に勝負の土俵には立てない。 予算をかけすぎても、べつにユーザーへのアピールにはならない。 2:訴求機能 なくても不満ではないが、あればユーザーの満足を増加させる機能。 ユーザー自身も無自覚的で、初期段階では実物を見るまで需要の存在自体が見過ごされている。 女子向けのポップな一眼レフや、(1979年当時)歩きながら音楽が聞ける機械など。 メリットは高いがそもそも発見するのが大変だったりする。 差別化機能のうち需要の高いものは、業界内で徐々にパクられ必須機能にシフトしていく。 3:沼

    miyashiki
    miyashiki 2013/09/05
  • スマホUI考(番々外編) 誰得の100徳ナイフを買ったというお話 | fladdict

    久しぶりの更新。皆様は如何がお過ごしでしょうか? 僕は8月の休日が0日です。 あと左手から血が出てます。 ブログの皆さんが続きをお待ちであろうスマホUI考シリーズ、「顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」と「なぜ機能追加をし続けるとアプリが破綻するのか?」の続編ですが、僕もなんとか続きを書きたいところ。ところが時間が確保できない 某展示会用案件と、某アプリと、某iPhone5S対策の準備の締め切りが三重の試練でヤバイ。 そんな中、現実逃避士気高揚にポチッってしまったのが伝説の100徳ナイフ。多くの人はコラだと思っていたようだけど、どっこい実在するナイフである。 スイス・アーミーナイフの家ヴェンガー社。その同社の最高級モデル、ツール数80にして143機能を搭載した究極のアーミーナイフ。箱をあけたらギネス認定証がついてきた。 そもそもこのナイフ、元々プレゼンツールとし

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

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

    miyashiki
    miyashiki 2013/08/12
  • アプリ製作のための定義ステートメント共有シート

    渋谷オフィスを作り社会復帰して以来、チーム内でUI設計を標準化したいと、暇をみては色々なツールを試作している。その中の一部をとして、アプリケーション定義ステートメントの共有ツールをテスト公開。 アプリケーション定義ステートメントとは 聞き慣れない言葉ですが、大雑把にいうとアプリの質を一言であらわしたコンセプト宣言。 家訓や社訓、電通鬼十則のアプリ開発版みたいなものであり、Appleは自社のヒューマンインターフェースガイドラインで、アプリ設計の最初にこのステートメント作成することを強く推奨しています。ステートメントがチーム全体で共有されていると、アプリがふらふらとブレずにしっかり芯が通ったものになる訳です。 アプリケーション定義ステートメントは、アプリケーションの主要な目的とその対象を、簡潔かつ具体的に宣言したものです。 アプリケーション定義ステートメントを開発作業の早い段階で作成しておく

    miyashiki
    miyashiki 2013/08/09
  • スマホUI考(番外編) 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict

    顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme

    miyashiki
    miyashiki 2013/08/08
  • 1