僕はコーヒーを飲まないのだけど、外出時に時間が空くと、ついスタバに行ってしまう。コーヒー以外に飲むものがあるから、というのも確かにそうなのだけど、理由はそれだけではない。 快適な店内空間、隣と程よく離れた席のレイアウト、PCが繋げる電源、禁煙であること、どの店員さんも必ず愛想がよいこと、といったような、スタバで体験する様々なことの質がおしなべて高いため、わざわざGoogleMapで検索してまで最寄りのスタバに行く。行ってみたらやたらと狭いお店でガッカリすることもたまにはあるのだけど、そういうことが一番少ないのがスタバだと思う。 そして、これこそが「良質なユーザ体験がデザインされている」ということなのだろう。 Webやアプリを作る業界では、毎日のように「UX(=ユーザ体験)」という言葉が飛び交っている。僕はいろいろと考えがあって、この「UX」という言葉はあまり使わないようにしている。なのでこ
Wireframing, Prototyping, Mockuping – What’s the Difference? Wireframing, Prototyping, Mockuping – What’s the Difference? UX DesignMarcin Treder • September 08, 2016 • 6 minutes READ A couple of years ago I realised that a lot of my IT, non-designer, friends were using the names of my beloved design deliverables synonymously. They assumed that a wireframe, prototype and mockup are exactly the same
How Does PowerMockup Work? PowerMockup is an add-on that integrates a library pane into the PowerPoint window, giving you easy access to the included wireframe and mockup shapes. Quick Search PowerMockup’s instant search feature makes finding the right shapes an easy task. As you type, the list of shapes automatically filters until you get what you are looking for. PowerMockup also recognizes syno
アプリ開発は頭の中で考えているだけではダメです。UXは実際に試していく中でこそ磨かれます。そのためには書き出すのが大事なのですが、専用のツールを使うのは操作を覚えるまで時間がかかってしまうでしょう。そこでさくっと使えるペーパープロトタイピングツールを紹介します。ツールと言っても実際にはPDFや画像なので、印刷したら後はペン一本でプロトタイプの作成が開始できます!iPad MockupsiPadのプmBaaSお役立ちブログ トップ> ブログ> Tips> 紙と鉛筆でアプリ企画をはじめよう。ペーパープロタイピングツール×19選 アプリ開発は頭の中で考えているだけではダメです。UXは実際に試していく中でこそ磨かれます。そのためには書き出すのが大事なのですが、専用のツールを使うのは操作を覚えるまで時間がかかってしまうでしょう。 そこでさくっと使えるペーパープロトタイピングツールを紹介します。ツール
低価格で短納期、そしてサンプル数も確保しやすいことで人気の、「リモートユーザーテスト(リモートユーザビリティテスト)」。 利用者は自分でタスクを決め、テスト対象のサイトURLとともにサービスに申し込むと、モニターユーザーがそのタスクを遂行する様子を録画したものが手に入るというのがメジャーな方式です。 これまで、海外では多くのサービスが提供されており、スタートアップには欠かせないツールとなっています。そしてここ最近、日本ユーザーを対象としたサービスが立て続けに発表され、いよいよ国内でも普及に向けて環境が整ってきた感があります。 今回は、各サービスの特徴や、リモートユーザーテストの利点と注意点について考えてみたいと思います。 国内のサービス:4個GhostRec(ゴーストレック) まったく新しいWEBサイトのユーザビリティ調査ツール - GhostRec.jp もともと海外で提供されていたサー
多くのWebサイトでは、次のようなステップを経て制作されるのが一般的です。 ・ワイヤーフレーム作成 ・Photoshop等でのデザインカンプ作成 ・HTML、CSS等のコーディング ここでユーザーテストを組み入れる場合、できるだけ早い段階からこまめに実施できると効果的なのですが、「ワイヤーフレーム」や「デザインカンプ」ではクリックしてもページ遷移ができないので、通常のテストを行うには不自由していました。 デザインを紙に印刷して人力で動かす「ペーパープロトタイピング」という手法もありますが、スムースに進行させるのは熟達した人でも結構難しく、また目の前にいる相手にしか実施することができません。 そこで今回ご紹介する『InVision』を利用すると、画像にかんたんにリンク設定ができ、ユーザーテストを行う環境を早くから用意することができるようになります。ぜひご活用ください。 ドラッグ&ドロップで簡
2013年ふりかえりと2014年の予想でも書いたように、ここ1年でモバイルアプリのプロトタイプを作れるツール・サービスが数多く登場しています。 もうけっこうな数が出てきましたので、これからプロトタイピングを検討しようとしている方の参考に、また自分自身の把握のために、一度整理してみたいと思います。 なお、例によって後半は息切れ気味です。気付いたら1万文字近く書いてた… (2014.08.15)記事書いてから半年くらい経って、各種サービスもアップデートしたりがあったのでいろいろと追記しました プロトタイピングとは何か そもそもプロトタイピングって何ぞやというお話なのですが、Wikipediaにいい感じの解説が載っておりましたので転載します。 "プロトタイピング(Prototyping)とは、実働するモデル(プロトタイプ)を早期に製作する手法およびその過程を意味する。その目的は、設計を様々な観点
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
初心者でも使える6つ厳選!無料でワイヤーフレームを作成できるツール 無料で使える「ワイヤーフレーム作成ツール」を6つ紹介する記事です。初心者でも簡単に使えるツールだけピックアップしています。手書きやIllustratorなどで作るよりも、効率的にWebサイトの設計ができるので便利です。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 ワイヤーフレームとはWebサイトのデザインの設計図で、サイトのどこに何を配置するかをイメージしたものです。モ
こんにちは。マラガの海の贈り物セコです。 以前ライターの村上さんが「効果的に魅せる!プレゼンするなら抑えておきたい3つの基本テクニック」という記事の中で、「便利でカッコイイプレゼンテーション作成サービスも活用しよう」という事でブラウザ上で本格的なプレゼンテーションが作成・共有できるサービス「Slid.es」を紹介してました。 そこで本日は「Slid.es」のようなオンラインでかっこいいプレゼン資料を作成できるサービスをご紹介させて頂きます。 SlideShare SlideShare 最も有名かと思われるスライドショーツールです。パワーポイントのデータをアップして共有するという使い方が多いと思います。非常にシンプルなサービスですが音声ファイルとの同期も出来るため音声入りスライドショーの作成も可能です。 sliderocket sliderocket 写真や動画の挿入、グラフの作成はもちろん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く