心理学から学ぶ！心地よいUXデザインを作る方法
心理学や神経科学からUXデザインを良くする方法について紹介。ユーザー体験を最大化するためにUXは欠かせません。1990年代のインターネット初期の事例から現在に至るまでWebサイトのデザインなどどう変遷してきたのか、必見です。是非ご覧ください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Design School Canvaのブログ記事を、Design School Canvaより了解を得て日本語翻訳し掲載した記事になります。
決済率30%増！500万人が利用するチケットキャンプを前進させたチームの力 | MEMOPATCH
500万人が利用する国内最大級のチケット売買サイトである チケットキャンプ のAndroidアプリ・iOSアプリがフルリニューアルしました。アプリならではの、安心してスムーズなチケット売買を実現するためにグッドパッチがデザインをサポート。 今回は、チケットキャンプを運営する株式会社フンザ代表取締役の笹森さん、Androidデベロッパーの関山さん、木下さんをお招きし、プロダクトに携わったグッドパッチのプロジェクトマネージャー兼デザイナーのカワマタ、Androidデベロッパーの荒武、デザイナーの野上にお話を伺いました。 最初から、グッドパッチ一択だった — 早速ですが、グッドパッチをパートナーに選ばれた理由を教えてください。 —笹森さん プロジェクトのキックオフがちょうど、7月。もう丸1年経つんですね。 チケットキャンプはその頃からテレビCMも放送していたのですが、当時はまだGoogle
VASILYデザイナーが選ぶ、アプリデザイン効率化のためのツール7選 | 株式会社VASILY(ヴァシリー)
VASILYデザイナーチームが、アプリデザインを行う際に使用しているアプリやツールをご紹介しますプロダクト開発においてスピードも重視するVASILYでは、効率的・効果的にデザインを行えるよう様々なツールを活用しています。 今回は、これまで使ってきた中でオススメのアプリやサービスをいくつかご紹介したいと思います。 プロトタイピングをつくる アプリ制作は、 - どこからどこへ遷移するのか - どのようなアクション・アニメーションで遷移するのか など、実際に動いているものを検討してみないとわからないケースが多いものです。 実装後、「やっぱこれって変じゃない？」とならないためにも、VASILYではプロトタイピングでの確認・検討を必ず行うようにしています。 POP https://popapp.in/jp/ ［iPhone / Android］※2015年3月12日現在 POP（
ノンデザイナーのための25のグラフィックデザインのコツ | POSTD
>このコツを大いに活用してグラフィックデザインに挑戦してみてください！ ソーシャルメディア向けのデザインからイベント用の招待状まで、どんなデザインであろうと使えるグラフィックデザインのアプリはたくさんあります。 ペアリングフォントやスケールから行揃えやホワイトスペースまで、デザインの世界は複雑な面を持ちます。この25のグラフィックデザインのコツが、創作過程のあれこれを通してあなたの手助けになるでしょう。 各項目をイメージした画像をクリックして、 独自のデザイン に編集してみましょう。楽しいデザインを！ 01. フォント頼みをやめて、書体を制限してみる このデザインを編集してみる シンプルかつ効果的なグラフィックデザインのために読みやすいフォントを使いましょう。いくつもの書体を使用したデザインは読みづらいものです。統一されたフォントを使うようにしましょう。 ここではAileronのフォントフ
グーグル、アイデアからプロトタイプの検証までたった5日で完了する課題解決メソッド「デザインスプリント」を公開 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
Google Venturesが開設したDesign Sprint専用ウェブサイト グーグルのベンチャー投資ファンド部門「Google Ventures（グーグル・ベンチャーズ）」は、2015年1月30日、専用ウェブサイトを開設し、デザインにまつわる独自の課題解決メソッド「デザインスプリント（The Design Sprint）」を公開しました。 デザインスプリントは、ホームオートメーションの開発に取り組むNest Labsやロボット開発企業Savioke、サンフランシスコ発の人気コーヒーショップBlue Bottle Coffeeなど、様々な業種で実践された成果をもとに、スタートアップ企業に向けた“DIYツール”としてまとめられました。 プロトタイプを短期間でつくりあげてユーザーに示し、フィードバックから学んで、プロトタイプのさらなる改善につなげるというアプローチのもと、着想からプロトタ
デザインスプリントとPocketのプロトタイピング（翻訳）
本記事は、ブックマークサービスPocketが行ったデザインスプリントについての翻訳記事である。（オリジナル）。デザインスプリントとは、Googleの投資部門Google Venturesが投資先に行うデザインワークショップ。 Pocketの新規ユーザーにむけて、よりよいエクスペリエンスをデザインするお手伝いしました。 結果、新規ユーザーが最初のアイテムを保存する率が58%増加し、より高いアクティブ率とアクティブユーザーを生み出しました。 チャレンジ 新規ユーザーがアクティブユーザーになるための手伝いをする。多くの人々がPocketをダウンロードしサインアップするが、チームは彼らがよりアクティブな長期ユーザーになりやすくしたかった。 私たちのしたこと ポケットチームと3週間にわたり3回のデザインスプリントを行いました。彼らのiOSとAndroidアプリのために、新しいGetting Star
「みんなで狂ったことをしよう」STORES.jpをつくる模索を止めないチーム | ブラケット - Poole（プール）
『STORES.jp』と言えば、「最短2分で、驚くほど簡単にオンラインストアがつくれる」ことで大人気のサービス。約2年ほどで登録店舗が20万件を突破したことでも話題になりました。このSTORES.jpを展開しているのが、株式会社ブラケットです。 そこで今回は、驚異的な速度でユーザを巻き込み、サービスを成長させる株式会社ブラケットの組織、社員それぞれのマインドやこだわりについて、リード・デザイナーの河原氏とエンジニアの牧野氏に語っていただきました。 河原 香奈子氏 Webデザイン制作会社2社を経て、2013年5月に株式会社ブラケットにデザイナーとして入社。 前職では、企業からの受託案件のデザイン業務〜自社サービスのデザイン業務まで幅広く経験している。Webデザインの他、紙媒体のPOPなどの制作経験もあり。株式会社ブラケットに入社後は『STORES.jp』『Shoes of Prey』を中
UXデザインで考えるコンテンツ設計 | ykazu.com
先日、ベースキャンプ名古屋にて開催された WCAN mini 2015 Vol.1 「UXデザインプロセスを活用したコンテンツの評価方法」（講師: 長谷川 恭久さん）の参加レポートとなります。 このセミナーでは、主に Web サイトにおけるコンテンツの実状と把握、その評価やより良いコンテンツを提案するための UX デザインの手法をレクチャーとワークショップを交え、5時間で学ぶというものです。 良いコンテンツを設計し提供するためには、ユーザーを理解すること・今のコンテンツを評価すること。これらは制作プロセスでは当たり前なことでも「できていない現実」に改めて気付かされます。いくつか自分なりの解釈も含めて、特に印象的だった内容をハイライトとしてレポートします。 良いコンテンツとは？ 「良い」は誰が決めるのでしょうか。利用者、ユーザーです。コンテンツ提供者は、ユーザーになり代わって良いコンテンツを
[CSS]素晴らしいテクニックが満載！囲いや区切りなどのラインを実装するスタイルシートのまとめ
divやp、hrなどで実装された囲いや区切りのスタイルに、一手間加えた素敵なデザインにするスタイルシートのテクニックを紹介します。 かわいいデザインからスタイリッシュなものまで、実装のアイデアが素晴らしいものばかりです。
![[CSS]素晴らしいテクニックが満載！囲いや区切りなどのラインを実装するスタイルシートのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a545d68e72312cfa64f79c7d1932afa3d3078686/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014120205-19.png)
すべてのウェブデザイナーが読むべき10冊の本 / ウェブデザインライブラリー
投稿日：2014年11月28日 ソフトウェア：- このチュートリアルでは新旧さまざまなウェブデザイナーが蓄積した知識が詰まった本を紹介します。 Step1 ： はじめに Step2 ： ウェブデザイナー向けの書籍 Step3 ： 最後に 食品業界や外食産業で働いている人ならご存知だと思いますが、食品を売るにはまず顧客の視覚に訴えることが大切で、味覚はその次です。 それにも関わらず、食品関係のウェブサイトのオーナーの多くが、サイトの訪問者がまず最初に見た目で購入を決めるということを忘れてしまっているのはおかしな話です。 実際、あなたのお住まいの地域のレストランが運営するウェブサイトを開いてみてください。 全体のデザインの中でメニューなどの文字情報に集中し過ぎていて、ジュージューと焼けるステーキやパスタの芳醇な香りで思わず注文をしたくなったり、友達に話したくなったりといった視覚に訴える工夫
ユーザーの心に響くWebデザイン 5つのテクニックとそれぞれの実例 - digihows.com
参照：Leo Chuối ユーザー目線のデザインてどんなものだろう、と考えていた所、海外のWebデザイン研究サイト"onextrapixel.com"から面白い記事を見つけましたので、以下に翻訳してご紹介します。 （参照：Why Designers Should Design to Incite Emotions） ユーザーの心に響くウェブデザインとは ユーザーをひきつけるウェブサイト 感情を動かす・心に響くデザインの実現は、Webサイトの訪問者に格別なユーザーエクスペリエンスをもたらす最もパワフルな方法です。数年前までは、Webデザイナー達が気を払うべきは幾分か基礎的な事で済みました。例えばデザインをスタンダードなWebサイトに寄せて行くとか、明快なナビゲーションを付けるとか、適切なレイアウトやフォントを選択するといったことです。 広がるWebデザイナーの役割 しかし、現在ではWebデザ
これは使える！レスポンシブ対応のさまざまなHTMLメールが簡単に作成できる無料のオンラインサービス -BeeFree
ビジネス用のニュース、プロダクトのリリース、プロモーションなど、さまざまなレイアウトのHTMLメールをドラッグ&ドロップで簡単に作成できるオンラインサービスを紹介します。 デスクトップ・スマホ両対応で、プレビューやメールアプリでのテストなど機能も非常に充実しています。日本語もOKでした！ BeeFree 使い方は簡単です。 上記ページの「Let's get started」をクリックし、HTMLメールを作ってみましょう。 ※HTMLメールの作成やファイルのダウンロード時に登録は必要ありません。作成したメールをサーバー上にキープする時だけ登録が必要です。 まずはテンプレートの選択をします。 2カテゴリ各4種類、画像やテキストが仮配置された「Rich Templates」。
アプリUI勉強会 in ネットイヤーグループ
2. メンバー紹介 鈴木 健一鈴木 智大 イマジカデジタルスケープ、IADI、FICC inc. にてデザイン／ディレクション業務に 従事した後、2014 年にアプリやサービスのUI デザインを専門に行うSTANDARD inc. を設立。マーケティングエージェンシーで培ったノウハウを基に、ユーザーの 課題解決とビジネスゴール達成を両立するUI デザインを提供する。 元ケーキ職人。 CEO,Designer Designer DTP 制作会社、某新聞社を経て株式会社ナナメウエにてデザイナーとして数々の アプリUI デザインを手がける。2014 年2 月からSTANDARD へ参画。ユーザー の目的を最短で達成し、満足度を高めるためのユーザー体験やUI 設計、情報を 正確に伝えるためのビジュアルデザインを提供する。 元ブレイクダンサー。 3. メンバー紹介 吉竹 遼Designer 2011
スマホのメニューデザインに悩んだらこれ！パターン別サンプル36選 | LISKUL
スマホはメニューバーが命！！ スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。 ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。 ただそのデザイン、「なんとなく」のものになっていませんか？ 違和感なくスムーズにコンテンツにつなげるためには、最適なデザインを選択する必要があります。 今回は100のスマホサイトを調査し、その中で代表的な36サイトから7つのメニューデザインに分類し、まとめてみました。 自分のスマホサイトの性質を考えながら、もっとも適切なメニューを探していきましょう！ 100のスマホサイトから見る、 スマホメニューの人気ランキング 上図は、100のスマホサイトをランダムに抽出し、それぞれのサイトで採用されているメニューの割合を調査した結果になります。この結果によれば、一位が圧倒的な割合で
【2014.08.15 追記】"使える"モバイルアプリのUIプロトタイピングツール・サービス18個 - よりぶろ
2013年ふりかえりと2014年の予想でも書いたように、ここ1年でモバイルアプリのプロトタイプを作れるツール・サービスが数多く登場しています。 もうけっこうな数が出てきましたので、これからプロトタイピングを検討しようとしている方の参考に、また自分自身の把握のために、一度整理してみたいと思います。 なお、例によって後半は息切れ気味です。気付いたら1万文字近く書いてた… (2014.08.15)記事書いてから半年くらい経って、各種サービスもアップデートしたりがあったのでいろいろと追記しました プロトタイピングとは何か そもそもプロトタイピングって何ぞやというお話なのですが、Wikipediaにいい感じの解説が載っておりましたので転載します。 "プロトタイピング（Prototyping）とは、実働するモデル（プロトタイプ）を早期に製作する手法およびその過程を意味する。その目的は、設計を様々な観点
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2015年の最もよく使われているWebデザイントレンド | Flips Blog Web担の小技
事例で学ぶデザインの原則 by Life is Tech !
schoo x CONCENT「優れたUXを実現するための人間中心デザインとは？」
http://saeki.me/%E3%81%8A%E5%8B%89%E5%BC%B7/573/
ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ
