Sketchでワンストップデザイン！ペーパープロトタイピングからUIデザイン、動作モックまで - tech/design/mura24

2017/12/18 68 users tech Sketch デザイナー デザインタスク 普段

2017 - 12 - 18 Sketchでワンストップデザイン！ペーパープロトタイピングからUIデザイン、動作モックまで この記事は Sketch Advent Calendar 2017 18日目の記事です。 こんにちは、デザイナーの mura24 です。普段は事業会社でアプリのUIデザインをやっております。 サービス開発のデザイナーの主なデザインタスクとして、以下のようなものが上げられます。... 続きを読む

ペーパープロトタイピングが捗る！iPhoneUIキットを作ってみた | nanapi TechBlog

2014/05/07 9000 users アクショ MURA ダイアログ アンサー Photoshop

こんにちは！パンとインターネットさえあればだいたい幸せなデザイナー、mura24です。iPhoneアプリ「アンサー」のデザインを担当しております。 ペーパープロトタイピングあるある さて、アンサーチームでは、大掛かりな機能追加やUI変更を行う場合、まず、ペーパープロトタイピングを実施してからPhotoshopでデザインに落としこむフローを採用しています。 紙でUIを描き起こし、ダイアログやアクショ... 続きを読む

ペーパープロトタイピング入門 – 第2回 ペーパープロトタイピングに使う道具 | fladdict

2013/12/04 78 users ステッドラー プロトタイピング ポストイット シャーペン 愛用

ペーパープロトタイピング講座シリーズ。第2回は準備編。前回はこちら。プロトタイピングを始めるにあたって必要なものを列挙する。 必須ツール 紙 まず紙は大量に必要。A4コピー紙や大型のポストイットが一般的。スマホアプリの場合は、弊社が専用に開発したペーパープロトタイプ用ノートが便利。実寸で検証できるように心がけよう。 シャーペン 下書き用ペン。消しやすい芯がよい。個人的にはステッドラーを愛用。 サイ... 続きを読む

O'Reilly Japan - インタフェースデザインの実践教室

2013/04/02 217 users インタフェースデザイン ユーザビリティテスト フェーズ 必須

インタフェースデザインの実践的な解説書。使いやすいUIで優れたUXを提供するために必須な「リサーチ」「デザイン」「インプリメンテーション」という3つのフェーズを、初心者にもわかるようていねいに解説します。テクニックの章では、ストーリーボードやペーパープロトタイピング、ユーザビリティテストなど、優れたユーザビリティを実現するためのアプローチについて学びます。アイデアの章では、テキストの書き方、どのく... 続きを読む

「Pencil」を使って行う、皆が幸せになれるペーパープロトタイピング - 表参道フォークウヱル別館

2012/04/24 120 users Pencil 表参道フォークウヱル別館

先日、TechCrunch にこんな記事が上がっていて、興味深く読みました。 どうやったら開発のコストを少なくできるか？　答え：コードを書かない開発者は新しいプロダクトを作るのに、まずはコードを書いて簡単なデモレベルのものをつくろうとする。だけど、彼はコードを「書く」前にもやることがあるという。たとえば紙によるモックアップだ。これだけでも十分な役割を果たすことがある。 （中略） 先にペイパーモック... 続きを読む