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

2013年ふりかえりと2014年の予想でも書いたように、ここ1年でモバイルアプリのプロトタイプを作れるツール・サービスが数多く登場しています。 もうけっこうな数が出てきましたので、これからプロトタイピングを検討しようとしている方の参考に、また自分自身の把握のために、一度整理してみたいと思います。 なお、例によって後半は息切れ気味です。気付いたら1万文字近く書いてた… (2014.08.15)記事書いてから半年くらい経って、各種サービスもアップデートしたりがあったのでいろいろと追記しました プロトタイピングとは何か そもそもプロトタイピングって何ぞやというお話なのですが、Wikipediaにいい感じの解説が載っておりましたので転載します。 "プロトタイピング（Prototyping）とは、実働するモデル（プロトタイプ）を早期に製作する手法およびその過程を意味する。その目的は、設計を様々な観点

photo credit: eskimoblood via photopin cc こんにちは、@h0saです。 世に出ているUXについての理解を助ける概念図をまとめました。 UX（ユーザー体験）という概念は目に見えない分、それを説明するための図やビジュアルで説明した資料が世の中に数多く存在しています。 この記事では、主に有名どころをピックアップしつつ、全26枚の画像を短い説明を加えて紹介していきます。 更新履歴 2014/12/29： ・Alan Cooper氏のUX概念図（Form/Content/Behavior）を追加 2015/08/16： ・リンク切れの修正とそれに伴う記事の再構成 2016/05/06： ・リンク切れの修正 ・UX Maturity Model を追加 ・記事末尾に参考資料のスライドを追加 2017/1/8： ・Alan Cooper氏のUX概念図を削除（ソー

PDCAサイクルのように過去から学んだ経験は多くの人にあるだろう。では未来から学んだことがあるだろうか。未来を感じ取って、行動を創り出すとはどういうことなのか。 米アップル社の創業者であり、2011年10月5日に惜しまれながら逝去した故スティーブ・ジョブズ氏。彼が2005年6月12日にスタンフォード大学で行った卒業祝賀スピーチの中で、波乱万丈の人生の中で培った興味深い洞察が紹介されています。 イノベーションは予測の中では生まれない？ 「先を予測して、点と点をつなげることはできない。あとで振り返って点のつながりに気付けるだけだ。だからこそその点が、将来何らかのかたちで必ずつながっていくと信じなくてはならない。自分の根性、運命、人生、カルマ……何でもいい、とにかく信じること。点と点が自分の歩んでいく道の途上のどこかで必ずひとつにつながっていく、そう信じることで他の人と違う道を歩いていたとしても

メインの著者は田子學氏。東芝デザインセンター、リアル・フリートを経てエムテドを起業されています。 この本、僕が普段漠然と考えていることがズバズバッと言語化されていて、読んでいて非常に共感できる内容でした。 また、共著者の橋口寛氏による「経営から読み解くデザイン」も興味深く、デザイナーの視野を広げてくれる内容です。 以下、印象に残った所をメモしつつ、一デザイナーとしてのコメントを併記しました。少しでも共感できる内容がありましたら、ぜひ原著をお手に取ってみてください。 『デザインマネジメント』メモ デザインマネジメント＝一気通貫のデザイン デザインマネジメントとは、「一気通貫のデザインでプロジェクトを戦略的にマネジメントすること （p.32 田子學氏) 一気通貫、というのが大事なキーワードです。 僕は完全な縦割り組織の中でUIデザインをメイン業務としていますが、例えばコミュニケーションデザイン

初心者でも使える6つ厳選！無料でワイヤーフレームを作成できるツール 無料で使える「ワイヤーフレーム作成ツール」を6つ紹介する記事です。初心者でも簡単に使えるツールだけピックアップしています。手書きやIllustratorなどで作るよりも、効率的にWebサイトの設計ができるので便利です。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査 ワイヤーフレームとはWebサイトのデザインの設計図で、サイトのどこに何を配置するかをイメージしたものです。モ

Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save

作成：2014/02/24 更新：2016/06/30 Webデザイン > デザインの流れや基本的なフローなどを勉強しておくだけでも効率が良くなるし、起業の際にも役に立つと思います。デザイナーさんにもっとデザイン力を上げたいと言われたのもあり、今回は制作フローとデザインやその他の知識を学べるように、出来るだけ制作フローにそって、スライドをまとめました。膨大な量になったので簡潔にしています。全てスライドです。 エンジニア速報は Twitter の@commteで配信しています。

「デザインに興味があるのですが、どうやってデザインを学べばいいのでしょう？」という質問は、以前に書かせて頂いた「米国のデザイン教育から学んだこと」という記事に対して一番多かった反響の1つでした。これはデザインの分野があまりに多様なためにどこから手を付けていいのか分かりづらいというのが原因のように思います。 そこで今回は情報全体を俯瞰出来るようにするべく、下記のそれぞれのカテゴリー別に、それぞれ有益なリソースをまとめました。このリストが皆さんのデザイン学習リソースとしてお役立てば幸いです。 海外のデザイン学習リソース 23のカテゴリーOnline Learning（オンライン学習）UI/Web:（ユーザインターフェイス／ウェブ）General（一般）Product（プロダクト）Branding:（ブランディング）Book Cover Design:（ブックカバーデザイン）Design Por

Introducing Sessions: the latest product from Waldo!

Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther

インテリアのアイデアを探しているのだがなぁ、という人のためのサイトをご紹介。 houzzではなんと17万点以上ものインテリア写真が投稿、掲載されている。 しかも部屋の種類や、テイストなんかで検索できるので、自分のニーズにあった写真がきっと見つかることだろう。 またユーザー登録すれば自分だけのアイデアブックをつくることができるようだ。 なお、こうして投稿された写真はプロのデザイナーや施工業者によるもので、気に入れば彼らに仕事を頼むことができる。なーるほど。 インテリア雑誌を見るのが好きな人は一度覗いてみてはいかがだろう。

日本デザインコミッティーは「グッドデザインの啓蒙」を目的に設立されました。 現在31名の有志により、松屋銀座での活動を中心として、様々なグッドデザイン運動を展開しています。