既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」:phpspot開発日誌
既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」 2010年12月24日- Volkside | Introducing Wirify: The web as wireframes 既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」 専用ソフト等は一切必要なく、ブックマークレットに追加するとページをワイヤーフレーム化してくれます。 たとえば、New York Times は下図のようにワイヤーフレーム化できます。 既にレイアウトの仕方はWEBに出尽くしているはずなので、想像するサイトデザインに類似のサイトを見つけてワイヤーフレーム化し、そこからリデザインし、デザインを作るというような効果的な活用法が考えられますね。 当ブログもやってみると次のようにワイヤーフレームにすること
UXについて理解が深まる！ユーザーエクスペリエンス概念図まとめ【全26枚】
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概念図を削除（ソー
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 | アプリマーケティング研究所
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 今回は350万ダウンロード突破、家計簿アプリの「Zaim」さんにお話を伺いました。ユーザーが伸びたタイミングや、UI改善の失敗談など。 ※株式会社Zaim 代表取締役 閑歳 孝子さん。 「Zaim」の近況について 「Zaim」のユーザー数は今どのぐらいですか？ 閑歳： 2011年7月にリリースして、350万ダウンロードを超えています。OSで言うとiOSの方が多いですが、最近はAndroidも伸びています。今も広告費は使っていません。 今までに、ユーザーが大きく伸びたタイミングはありますか？ 閑歳： 去年はダウンロード数がグッと伸びた印象があります。2013年の終わり頃から、スマホをみんなが本当につかうようになって、すごく高齢者と若年層が増えました。 データ
最前線のIT企業が取り組む「UXデザイン」がネットサービスをロジカルに変革する～リクルートテクノロジーズ秋澤大樹さんインタビュー | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
デザインには直感とデータどちらを採用すべきか？ デザイン会社 ビートラックス: ブログ
求められる結果に対して最良のプロセスを導きだすのがデザイン、及びデザイナーの仕事。では、数字として結果に繋がらないデザインに価値は無いのであろうか? どんなに見た目が良いデザインでも売り上げに繋がらなければ優れたデザインとは見なされないのか? 逆にどんなに美しく無くても、クリック数やコンバージョンの高いページや広告は素晴らしいのであろうか？ このような議論はデザイナーの間では普遍的にかわされている。 場合によっては「見た目のクオリティーを犠牲にしても良いのでとりあえず問い合わせ数のアップするページをデザインして下さい」等の依頼がクライアントから来るケースも少なくは無い。 クライアントの目的を果たしたいと思うと同時に、素晴らしいデザインを世の中に生み出したいと感じているデザイナーの立場からすると常につきまとうジレンマである。 そもそも優れたデザインを施す必要性がどこにあるかを考えた時に、端的
[触る・動く・気持ちいい、RamotionによるUI/UXアニメーション] 他 海外のWebデザイン情報 | WEBデザインすーぷ
2015年2月13日 Webデザイン RamotionによるUI/UXアニメーション UI/UX Animations by Ramotion Ramotion is a digital agency focusing in brand identity, mobile apps and web products based in San Francisco, USA. We are featuring their collection of UI/UX Animations from the last year, it’s amazing to see their experimentations on how the users will interact with an interface. For this case, on mobile. Ramotionはアメリカのサンフランシ
![[触る・動く・気持ちいい、RamotionによるUI/UXアニメーション] 他 海外のWebデザイン情報 | WEBデザインすーぷ](https://cdn-ak-scissors.b.st-hatena.com/image/square/215203d9bd5bfc3978493b7278848b55c19fd482/height=288;version=1;width=512/http%3A%2F%2Fi0.wp.com%2Fweb.html-css-javascript.com%2Fwp-content%2Fuploads%2F2015%2F02%2Fi7.jpg%3Ffit%3D723%252C240)
ユーザーをイライラさせないIn-App Walkthrough（アプリ初回起動時の説明スライド）の作り方 - 小さなごちそう
スマートフォン・アプリを初めて起動したときの説明スライド（In-App Walkthrough）の必要性は、いつも悩むところだ。 不要派の主張はだいたい以下の通りだ。 ユーザーは早くをアプリ操作したい どうせ読まれない AppStore上の説明パネルで事足りる 要は「作成コストがかかる割には効果がないのでは」ということだろう。いちユーザーとしては僕も確かにそう思う。ただ、提供側が期待するほどユーザーの理解力は高くない。実際にユーザーテストをしてみると、一通りアプリを操作したもらった後でも、作り手の意図が思った以上に伝っていないことがわかる。 操作画面では思った以上に伝わらない、アプリの価値 操作UIだけで「なぜこのアプリが必要か」「どんな問題をどのように解決しようとしているのか」というアプリのバリュー・プロポジションを十分に伝えるのは非常に難しい。 ユーザビリティを考慮してログイン後の操作
【UIデザイナー不要説は本当か】現役クリエイターが「UI Crunch」で語った本音とは？
【UIデザイナー不要説は本当か】現役クリエイターが「UI Crunch」で語った本音とは？ 馬場 美由紀（HTML5 Experts.jp編集部） DeNAとGoodpatchの現役クリエイターが中心となって立ち上げられた、UIデザインを追求していくコミュニティ「UI Crunch」。11月27日に開催された第2回目の勉強会のテーマは「UIデザイナー不要説について語る」。 サービスやプロダクトを作る上で大きな差別化要因となっているUIデザイン。とはいえUIデザインに携わるUIデザイナーが、業界や企業において高い評価を受けているわけではない。そんな状況にもやもやした状況からネット上では「UIデザイナー不要論」まで飛び出すことに。「UI Crunch #2」はそのホットな話題「UIデザイナー不要説」について、徹底討論が繰り広げられた。 「UIデザイナー不要説」を書いた真意 最初のスピーカーとし
Yahoo!ニュースの見出し行間「5ピクセルの差」に見えた光～ヒートマップでUI改善
社長の宮坂がゲスト出演した、11月27日放送のテレビ東京系「カンブリア宮殿」。Yahoo!ニュースの裏側にも触れられており、ご覧になった方もいらっしゃるかもしれません。 （放送バックナンバー：爆走する国民的サイト！これがネットの底力だ！－ テレビ東京） 公式ブログ新コーナー「news HACK」ではこれまで、Yahoo!ニュースにおけるスマホ利用の成長などをお伝えしてきましたが、今回は、同番組の中でも登場したYahoo!ニュースのUI改善事例について、番組で触れられなかった部分も加えて詳しくお伝えしたいと思います。 これからご紹介するのは、スマホブラウザ版Yahoo! JAPANトップページのA/Bテスト事例（※Yahoo!ニュースのアプリ版との違いなどについては、こちらの記事をご参照ください）。 テスト結果は現在のスマホ版トップページに使用されているものと同様ですが、まず具体的な説明に入
Apollo - 穏やかに日記を書きたい人のためのTumblrテーマ
Introducing Apollo. Apolloは、穏やかに日記を書きたい人のための 無料Tumblrテーマ（テンプレート）です。 「心地よく日記を書く」ことに特化したTumblrテーマとして、Apolloを設計しました。 本文以外に余計な情報が殆ど何もない、限りなくシンプルなデザインです。 あなたも普通の日記を普通に書いてみませんか。 デモページを見る Functions Apolloは、「ただ使い始めるだけで良い感じになる」をコンセプトに、慎重に機能の選定をしました。 今までに制作したIllustfolio、Tokusetsu、ZEN のTumblrテーマ開発で得られた知見を結集。 快適に使えるようチューニングを施してあります。
ノンデザイナーがそれっぽいWebデザインを作る話 - CAMPHOR- Blog
この記事は CAMPHOR- Advent Calendar 2014 の10日目の記事です。 こんにちは、みかさ（@To_Mikasa）です。 今日はデザイン初心者である僕が、Photoshopを使ってWebサイトのデザインをしていく上で、「それっぽく」していくためにやったことをざっくり書きたいと思います。ざっくりです。 はじめに デザインの知識を付けたり、流行をキャッチアップするために、コリスやPhotoshop Vipは 普段から見ています。とても参考になる記事ばかりです。 参考にするサイトを探す ノンデザイナーにとって０からデザインを考えるのはツラかったので、 デザインの参考にするためにイケてるサイトを３個選びました。 自分が作りたいイメージに似たものを選ぶといいかもしれません。 １つだけを参考にするとあれなので、それぞれのいい所や好きな所をそれっぽく組み合わせました。 ワイヤーフ
GoogleとAppleのiPhone用MapアプリのUXデザインを比較した記事が面白い。
UX Launchpadが掲載したGoogleとAppleがiPhone用に設計したMapアプリのUX分析 “Design Explosions Issue #1: Mapping on iOS”という記事が話題になっています。詳細は以下から。 この記事はIntroとSummaryで「我々がMapアプリの勝者を決めていると思ってこの記事を読んでいるなら失望するでしょう」「ここに勝者はいない、2つの同様のアプリを研究することに刺激を受けるデザインの授業だ」と、GoogleとAppleのMapアプリの優劣を付けるわけではないと強調しています。 Intro:If you’re reading this to see a head-to-head comparison where we crown a winner, you’re going to be disappointed. Summary
nanapi勉強会 – チームで作るデザイン / チームを作るデザイン イベントレポート | UXデザイン会社Standardのブログ
2014.11.13 / Report nanapi勉強会 – チームで作るデザイン / チームを作るデザイン イベントレポート Tomohiro Suzuki nanapiさんの主催の元、「チームで作るデザイン / チームを作るデザイン」というテーマでイベントが開催され、nanapiからはCCO/デザイナーの上谷さんとデザイナーの木村さん、BEENOSからデザインフェロー/戦略ディレクターの山本さん、Bracketからリードデザイナーの河原さん、STANDARDからはデザイナーの鈴木智大が登壇しお話をさせて頂きました。 平日まっただ中で少し渋めのテーマではありましたが、イベントページ公開後は半日経たずに定員が埋まり、皆さんチームで活動するにあたり同じような悩みを抱えているのではないかと感じました。 本記事はこのイベントのレポートとして、それぞれの登壇者の発表を簡潔にまとめたものです。 デ
見やすいプレゼン資料の作り方 - リニューアル増量版
書籍化し、12万部突破しました。 【SlideShare広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFは無料でダウンロードできます ・自己学習や勉強会などの目的でしたらご自由にお使いいただけます ・授業・研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください ・記事への参考資料にする際は適切な出典明記をお願いいたします 【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。 フリーで使えます。 【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから 【書籍情報】 デザイン入門：https://amzn.asia/d/4WDsTI6 デザイン図鑑：https
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Oops... sorry. This site is optimized to Safari | NIPPON COLORS - 日本の伝統色
Material Design
事例で学ぶデザインの原則 by Life is Tech !
心地よいUIの温度 - 言葉と気遣いで高めるUI -
ウェブデザインのセンスを磨こう！ 2014年洗練されたディテールのUIデザインのまとめ
新着記事
