Content + UX
A community of professionals celebrating content strategy, content itself, and its role in the user experience. Find your people Join more than 14,000 content and content-adjacent professionals who support each other, share knowledge and understanding, and help shape the field of content strategy. Join us on Slack Code of conduct This community works because we respect each other as professionals
三井住友銀行にデザイナー職がいる理由。HCDプロセスを活かしたものづくり
はじめに メガバンクの三井住友銀行は、2016年より「デザインプロフェッショナル職（デザイン職）」の採用をはじめた。スマートフォンが普及し、社会と顧客の変化に応えるため、銀行のデジタルトランスフォーメーション(DX)の一環としての施策だという。 DXのための「デザイン職」とはどういうことなのか。採用されたメンバーはどのような活動をしているのか。 三井住友銀行 リテールIT戦略部の金澤 洋さん(HCD-Net認定 人間中心設計専門家)、金子 直樹さん(同 人間中心設計スペシャリスト)、堀 祐子さん(同 人間中心設計専門家)、そして上司の江藤部長にお話しを聞いた(以下、敬称略)。 なぜ、銀行にデザイン職が生まれたのか? 江藤：2016年に金澤を初のデザイン職として採用しました。続いて、金子を2017年4月に、堀は2017年10月に採用しました。私たちは、リテール(個人や中小企業向け)の事業部門
阿部寛を超えるための技術: はてなブログからNuxtに移行した話
旧サイト(はてなブログ)からのパフォーマンスの伸びが顕著ですね。 Performanceは言わずもがなですが、はてなブログでPWA対応がほとんどされていないのが気になりました。Service Workerのような標準化しつつある仕様に追従できていないのは痛いところ。 Nuxt + Contentfulでやっていき 今回の実装にあたってはフレームワークに依存せずSPAを作成することも検討しましたが、SEOなどを考えるとSSRの仕組みが必須です。またSSRもスクラッチで組もうとすると中々ハードルが高く(Storeのハイドレーション、Render hooksのAPI設計等)、今回は業務でも利用した事のあるNuxt.jsを利用しました。 Embedded content: https://nuxtjs.org/ 詳細は後述しますが、Nuxt communityの提供しているModule群がものすご
UIデザインにユーザーストーリーが必要な理由
Tom Brinton氏はBYUを2012年に卒業した後、CitrusBits、Wallaroo Media、CustodyXChangeでUI/UX設計者として働いてきました。彼は優雅なインターフェースをデザインすることが好きです。 あるデザインチームが、クライアントの新しいアプリのモックアップについて話し合っているとします。すると、アプリがどのようにあるべきかついて、チームメンバーはそれぞれ 違う考えを持っているということが明らかになります。こうなると、ミーティングはすぐに、「何が正しいか」というよりも、「誰が正しいか」という議論になってしまいます。 誰もが自分のデザインを守ろうとしますが、誰もユーザーを守ろうとはしません。ひょっとしてあなたにも思い当たる節がありませんか？ このようなときにこそ、ユーザーストーリーを導入する必要があります。 最近では、UI/UXのプロがアジャイル開発で
株式会社ツナググループ・ホールディングス
人材の確保が難しい時代にあっても、 その状況を鮮やかに一変させるカードは きっとある。 私たちは業界のインフラとなって さまざまなサービスを展開し、 採用シーンのあらゆる課題を 解決に導きます。 その時々、それぞれの場面で 最善の一手を考え続け、 先進的かつユニークな 人材調達・活躍支援サービスの力で つながった先の景色まで支えていきます。
FoursquareのUX・UI改善を書いたところ、創業者に届いて、人事からもメールが来た話 - 灰色ハイジのテキスト
通っていたサンフランシスコのデザイナー養成所Tradecraftの一番最初の課題で、アプリをピックアップして、見知らぬ人に声をかけてユーザビリティテストをして改善のプロトタイプを作って検証するーというものがあったのですが、そのプロセスをこの度記事にまとめてMediumに投稿しました。 するとGoogleのデザイナーが、なんとFoursquareの創業者のDennisにメンションしているではないですか。 Awesome, just shared with the team!— Dennis Crowley (@dens) 2018年3月9日 チームの人にシェアしてくれたみたいで、Foursquareのエンジニアの人からメッセージが届いたり、その日のうちに人事の人から「今ちょうどシニアプロダクトデザイナーのポジションを募集しているんだけど、興味があったら連絡待ってるよ」みたいなメールが届きまし
コンテキストと共感から始める UX デザイン
2年前に公開したこのスライドは、とある勉強会のご依頼があり、UI と UX の違いや基礎を理解するためにと作成したものです。公開からだいぶ経っていますが、何かのきっかけでシェアされたのか、今でも多くの方に見ていただき、もう少しちゃんと練って作ればよかったと少し後悔もしています。 UX と UI をどう見るか このスライドのどこに支持を得たのか、何人か読んだ方に訪ねてみたところ、次の一枚で説明した UI と UX の違いが分かりやすいとのことでした。UX という言葉が日本で使われるようになる頃から「UI/UX 言うな（併記するな）」という方もいらっしゃいますし、このテーマもそれを受けてのスライドでした。ここ最近では、UX の概念がそもそも広いため、UX という言葉が使われるシーンや話し手によってその解釈は変わってくると言われています。 かなり大雑把な説明ですが、このストーリーでは「目に見えて
大規模デザインシステムを作る：いかにしてアメリカ連邦政府のデザインシステムを作り上げたか - カタパルトスープレックス
原文："Building a large-scale design system: How we created a design system for the U.S. government" by Maya Benari, October 3, 2017 現在、ほぼ30,000の米国連邦政府のウェブサイトがありますが、それらウェブサイトの間に一貫性はほとんどありません。テクノロジーの分野で働く数十万人の政府機関の職員がいますが、彼らの携わるウェブサイトの構築や管理方法に共通点はありません。 その結果、政府はユーザーが十分に満足できないサービスに多くのリソースを費やしています。連邦政府のウェブサイトは行政が提供するサービスの正面玄関です。アメリカ政府と何らかの接触をはかるときユーザーが最初に出会う場所です。米連邦政府一般調達局のFederal Front Doorイニシアチブの調査からウ
GoodpatchのUXデザイナーがおすすめ UXデザインを理解するためのブックリスト【2021増補版】｜Goodpatch Blog グッドパッチブログ
今回は、GoodpatchのUXデザイナーに、UXデザインを理解するためのおすすめ本を教えてもらいました。これからUXデザインを学んでいく初心者の人や、ユーザー中心の視点でプロジェクトを進めたい人に向けて、目的別に6つのカテゴリに分けてご紹介します。2021年最新版のブックリストです。 1. UXデザインを基礎から理解する 初心者向けに、まずは「ユーザー体験(UX)」という捉えにくい概念について理解するための教科書のような本をご紹介します。 ■ UXデザインの教科書 UXデザインを「知る・理解する・実践するための教科書」といえるでしょう。本書ではUXデザインをひとつの学問領域として捉えており、歴史的背景から理論、プロセス、手法までを体系的に学ぶことができます。 教科書という名の通り、体系的でボリュームがある内容なので、基礎的なプロセスを理解している中級者レベルの人だとスムーズに読み進められ
ブルーボトルコーヒーはUX（ユーザー体験）の設計を間違えた。 - アイデアのスープのレシピ
ブルーボトル、買収されましたね。 www.nikkei.com お題「コーヒー」 ブルーボトル、サードウエーブコーヒーですか、人気ですね。オシャレで流行に敏感な若い人たちはこぞって行っていたのではないでしょうか。ここ数年でカフェを開業した若いオーナーたちは、少なからずブルーボトルの影響を受けていて、その結果オシャレなカフェやコーヒーロースターが増えて日本の街の風景も少し変わったような気がします。 で、なんでブルーボトル売っちゃったんでしょうかね。 日本進出時にいろんなメディアで書かれていたのが、投資家がこぞって投資したがり、結果4,500万ドルを調達して、そこから数年で株式の68％を4億2,500万ドルでネスレに売却したということは、時価総額6億2,500万ドル（約698億円）にまでなってたんですね。すごいですね。夢があります。 2017年に一気に倍の55店舗まで店舗を増やしているんですが
CallToActionボタンの小ワザ - it's an endless world.
固定ヘッダーにCallToActionボタンが置かれていてスクロールするとついてくるサイト、最近よく見かけますよね。 こういうの。スクロールするとヘッダーが出てくるやつ。 www.invisionapp.com 最近よく見かけるって言ってもけっこう前からありますが。 この作りは個人的にはけっこう嫌いです。 なぜかというとどのコンテンツを見ていたときにCallToActionボタンを押下したかわからないから。 ページ内の各コンテンツにCallToActionボタンがあればそれぞれにパラメータを仕込めば良いですが、固定ヘッダーだとそれができず。 この情報は「ユーザが何に興味を持ってアクションしたのか？」というかなり貴重な情報だと思っていて、それが取得できないのは痛いなと。 と、思っていたけど固定ヘッダーにCallToActionが置かれていてもどのコンテンツを見ているときに押下されたかがわかる
効果的なフォームをデザインする：構造、入力、ラベルおよびアクション | POSTD
画像の出典：form-ux-tips あなたのアプリやサイトを利用する人々にはある一定の目的があります。そしてその目的を達成するために フォームに 記入しなくてはならないことがよくあります。Webやアプリにおいてフォームは、ユーザにとって未だに最も重要な 種類の操作 であるからです。事実、フォームは目的を達成するまでの 過程における最後のステップ と見なされることも多いのです。 フォームは目的達成の手段にすぎません。迅速に混乱なく、ユーザがフォーム入力を完了させられるようにするべきです。 この記事では、ユーザビリティテスト、フィールドテスト、視線計測（アイトラッキング）、そしてユーザからの実際の不満の声に基づく実用的なガイドラインを紹介します。 フォームの構成要素 一般的にフォームは以下の5つの要素から構成されます。 構造 。フィールドの順番、ページの外観、各フィールドとの論理的な関連付け
リーンスタートアップの仮説検証とMVPキャンバス | UXデザイン会社Standardのブログ
2016.3.23 / Leanstartup, UX リーンスタートアップの仮説検証とMVPキャンバス Masafumi Kawachi 先月から、STANDARDに参画いたしました、デザイナーの川地 真史と申します。初めてのブログ執筆ということで、まずご挨拶させていただければと思います。実は元々、学生時代にSTANDARDにてインターン生として学んでいた身でした。その縁もありこの度、再び「未来の豊かさにつながる仕組みをデザインする」ために参画することにいたしました。このブログにおいては、私からしたら”書く”という行為、皆様からしたら”読む”という行為を通して良い体験価値を届けられたらと思います。よろしくお願いいたします。 新しいサービスを立ち上げる際に不確実性の高い中で答えを探し求めるとき、リーンスタートアップという概念はとても強力な助けとなります。この2,3年で広く浸透し、多くの企業
ビジネスもデザインする
UI Crunch #9（2016.07.27）でお話した資料です。 ALBUSでの実例を元にお話しました。
UX流Web解析
コンセプトダイアグラムを中心とした、ユーザー視点でWeb解析を設計・実践する方法の紹介。2012年9月28日のセミナー資料。Read less
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Design Tools Database - Basic Prototyping Tools
TechCrunch | Startup and Technology News
UI/UXとは？知っておきたいUI/UXデザイン50の知識
http://www.ogura.blog/entry/2017/02/28/190245
UX流Web解析 (2015.10版)
