『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

Samuel Hulickさんによる寄稿記事です。オレゴン州ポートランドに住むUXデザイナー。新しいプロダクトにユーザーを迎え入れ定着して利用してもらうプロセス「User Onboarding」への関心が高く、専用のWebサイトを運営しています。Twitter アカウントは、@SamuelHulick。本記事は、Mediumへの投稿記事を許可を得て翻訳したものです。元の英語記事もどうぞ。 「過去、革命が暴政の重荷を軽減したことはない。それはただ重荷をまた別の肩の上に移したに過ぎない。」 — George Bernard Shaw やあ、Slack。これは決して簡単ではないけれど、僕たちにとってベストな選択だと思う。 君も僕も承知の通り、最初のうちはすごく上手くいっていた。僕の溢れかえったメール受信箱と、君のそのEメールを置き換えるという（すごくセクシーな）野望と。 ただ、結局、僕たちの相性

スマートフォンなどのモバイル端末用UIでよく用いられる「三」のマークのアイコンは、ハンバーガーのように見えることからアメリカでは「ハンバーガー」アイコンと呼ばれています。徐々に浸透してきたハンバーガーですが、UIデザインの優劣という観点から見た場合、「劣った醜い撲滅すべきものである」という意見が出されています。なぜハンバーガーがダメなのかについて、ジェームズ・アーチャー氏がデータ分析結果を基に理論的に解説しています。 The Hamburger Menu Doesn't Work - Deep Design http://deep.design/the-hamburger-menu/ 下の画像の赤丸で囲われたのが「ハンバーガー」。モバイル端末UIだけでなくデスクトップUIでも広く普及したアイコンで、クリックすることで主にメニューなど他の追加情報を表示させられます。 ◆不親切 一般的に普及し

Private content!This content has been marked as private by the uploader.

「ぶっちゃけ感」とバリエーションが魅力のUI/UX勉強会！第57回 HTML5とか勉強会レポート 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 2015年5月20日、第57回 HTML5とか勉強会「UI/UX」に参加してきました！簡単で恐縮ですが、レポートとまとめをお届けします。 チームでつくるUIデザイン 最初のセッションは、Goodpatch社の小島芳樹さん、ひらいさだあきさんによる「チームでつくるUIデザイン」です。 彼らが日々の業務で実践している、UIデザインやプロトタイピングについてのTipsが紹介されました。 チームでつくるUIデザイン マシュマロ・チャレンジで理解する、プロトタイピングの重要性 まずはマシュマロ・チャレンジというワークショップについて、TEDで動画が公開されているプレゼンテーションを引き合いに出しつつ、プロトタイピングの

「UX Archive」はiOSアプリの様々なUXを比較できるサイトです。カテゴリ別でiOSアプリのUI、UXがまとめられています。一部はアニメーション付で確認できますよ。また、iOS 6とiOS 7のUXの違いを比較したコーナーもありました。 以下に使ってみた様子を載せておきます。まずUX Archiveへアクセスしましょう。「Booking」のカテゴリを見てみました。 このように旅行の予約関連のアプリがずらりと並び、それぞれのアプリのスクリーンショットが貼られています。マウスオーバーするとアニメーションが再生されるものもあります。 iOS6とiOS7の比較もありました。iOSアプリのUI・UXを考えるときに参考にできそうですね。モダンなUXはどのようなものなのか、調査できそうです。ぜひご活用ください。 UX Archive （カメきち）

ミツエーリンクスのCTOに「UXとWebアクセシビリティ」について聞いてきた─木達一仁ロングインタビュー 白石 俊平（HTML5 Experts.jp編集長） HTML5 Experts.jpが誇るエキスパートたちに、「UX」というテーマでインタビューするシリーズ第二弾です。 株式会社ミツエーリンクスCTO、そしてエキスパートNo.40の木達一仁さんに、「UXとWebアクセシビリティ」について聞いてきました。 「UXとWebアクセシビリティって、関連あるのかな？」なんて、自分で企画したにも関わらず無責任な疑問を抱える中、そんな疑問を吹き飛ばすような気付きをいただける貴重なインタビューでした。 alt属性からWeb Componentsのアクセシビリティまで、たっぷり聞いてきました！皆さんどうぞ、お楽しみください。 Webアクセシビリティについての現状 白石: 今日は、「UXとWebアクセシ

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概念図を削除（ソー

前回こんな記事を書いた。要約すると「戻る」に手が届かねえって話。 同意も多かったのだが、「左端をエッジスワイプで戻る」が実装されている、というコメントを多くもらった。試してみたところ。。。。おお！すごい！たしかに！iOS7からNavigationControllerのデフォルトの挙動として実装されてるらしい*1。 で、これやってみた人いる？なんかやりづらくなかったですか？やりづらかったですよね？やりづらかったことにしましょう。その経緯とそこから広げて色々書いてみようと思うので！ 長いですごめんなさい。崩壊の話が聞きたい人は「行き詰まり」から読みましょう。 なぜエッジスワイプはやりづらいのか そもそもスワイプとエッジスワイプの違いはわりと難しい。 スワイプは真ん中辺りにポイントして、上下左右に動かす。エッジスワイプは端にポイントして、内側に動かす。 スワイプとエッジスワイプ このブログに来る

3/24、TAM Coworkingをお借りして、「おかんでもわかるUXデザイン」というセミナーを自分で主催して実施しました。これ、ゆくゆくはマジでおかんでもわかるようにしたいんだけども（ようは、専門家じゃない人向けということですが）、まずはそのたたき台という感じで（だからVersion 0.1）、単にUXデザインって何よっていうのを単純化しただけの内容になっていて、完全におかんを突き放しているという、タイトルに偽りアリのものとなっております。 Version 0.1とはいえ、まー、UXデザインやってみたいけどやったこと無い人とか、何したらいいのかわからん人とかにとっては、ひとつの道しるべになるかもしれないので、スライドを公開する次第なのですが、本気で本職でUXデザインしてる人とか、アーキテクト的な人とか、そゆ人たちが見たら憤慨しそうなくらいに単純化しております。ツッコミどころ満載かと思い

UXデザインの専門家でない人向けに、何をどうするとUXデザインになるのか、なんのためにやるのかを、ちょー乱暴に解説したスライドです。まだこれ自体が模索中であり、本当におかんが見たら意味がわからないこと請け合い。今後のバージョンアップが期待されます。なお、スライド中の解説について、深く知りたい場合はそれぞれ別個にぐぐるなり何なりして頑張ってください。Read less

2013-12-23 モバイルUIのデザインに役に立つUIパターンギャラリー集17選 アプリの開発の時にUIのデザインに悩みますよね。 そんな時、モバイルUIのパターンギャラリー集が役に立ちます。 そのギャラリーサイトのサイトを集めてみました。 スクリーンショットを集めたものと、デザイナーの作品のものがあります。 Showrtpathブラウザを開発していた時はdribbbleをよく見ていました。 Pttrns - Mobile User Interface Patterns 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス Mobile Patterns lovely ui Inspired UI - Mobile Apps Design Patterns [iPhone] Mobile Awesomeness Meerli · Featured Android Nic

これは参考にしたい、という意味でエントリー。 UX Archiveでは、秀逸なモバイルアプリのUIをまとめている。 ユニークなのは処理系統ごとにまとめられている点で「アップロード処理のUI」「削除処理のUI」「登録処理のUI」といったくくりで見ていくことができる。 またアプリごとにも検索できるので、気になるアプリのUIをまとめてみたい場合にも便利だろう。 モバイルアプリはUIが大事なので、覚えておいても損はないかもですな。

「製品やサービスを使うユーザーの立場に立って開発しなければ、真に使用性（ユーザビリティー）の高いモノは作れない」――ものづくりやシステム開発などの現場において、こうした「ユーザー目線を持つこと」の重要性は昔から言われ続けてきた。そして実際に、多くのメーカーやベンダーが、この言葉通り少しでも使用性を高めるべく奮闘し、これまで次々と優れた製品やサービスを世の中に送り出してきた。 だが、人間の欲求はとどまるところを知らない。蛇口をひねれば清潔な水がじゃぶじゃぶと出て、リモコンのボタンを押せば多チャンネルのハイビジョンテレビが見られ、PCを立ち上げればブロードバンドでネットに即アクセスできる。これらのことに驚く日本人は、今やほとんどいないだろう。人は、手に入れた便利なものをすぐに所与のものとして「それ以上の便利さ」を次々と求めるようになる。つまり、同じ「ユーザー目線」「使用性」といっても、昔よりも