SMBCホームページ、デザインリニューアルの裏側。｜SMBC DESIGN
こんにちは。デザインチームの八嶋です。2021年3月22日、SMBCのホームページが大幅にリニューアルされました。このホームページリニューアルは、約5年ぶりの大幅リニューアルでページ数は約1500ページにも及ぶ大プロジェクトでした。このプロジェクトはインハウスデザイナーによるホームページのデザインディレクションとデザインチームが作ったデザインシステムによる連携で作られています。ホームページの役割からUIの設計までコアとなる部分をインハウスデザイナーが設計し、多数のパートナー様にもご協力いただき完成させています。（特にトランスコスモス様、ありがとうございます。） 今回のnoteは、ホームページリニューアルチームの一員でもある八嶋が、デザイナーの大塚とプロジェクトマネージャーの髙橋、そして、デザインシステムを担当したデザイナーの金澤にインタビューをしました！ ホームページリニューアルを通して、
メルカリが検索に「売り切れ品」を置く理由、初期のLINEが友だち追加を「電話番号マッチング」に絞った理由など、アプリのマーケティング施策まとめ30｜アプリマーケティング研究所
2017年〜2020年（+α）に取材した記事から、今でも参考になりそうな施策などまとめてみました。※ 数値等はあくまで取材当時のものです。 1、フリマアプリの検索結果に、あえて「売り切れ商品」を表示している理由（メルカリ）フリマアプリの「メルカリ」では、検索をかけると販売済みになっている、「売り切れ品」も表示されるようになっている。 あるとき邪魔ではないかと、検索結果から「売り切れ品」を消してみたら、あらゆる数値（継続率・購入率など）が悪化してしまった。 実は「売り切れ品」を置いておくことが、ユーザーに「これ買いたかった」「マメにチェックしとこう」と思ってもらう、うまい演出として機能していたのが理由。 2、コメント欄のタイムラグを小さくすると、コメント率が改善されて荒れにくくなる（ミラティブ）配信アプリの「ミラティブ」では、コメント欄のタイムラグを小さくしたところ、コメント率が改善されたと
オブジェクトベースなUIデザインに取り組むための心構え｜usagimaru ⌘ Satori Maru｜note
オブジェクトベースなUIデザインの考え方が近頃注目されてきています。デザイナーとしてこれと向き合うに当たって、私なりに解釈した事柄を記しておこうと思います。 オブジェクトベースのUIとはUIデザインにオブジェクト指向の設計論を導入したものをオブジェクトベースのUI、Object-Oriented User Interfaces= OOUI などと呼ぶようです。オブジェクト指向UI、オブジェクト指向ユーザーインターフェイスと呼ぶこともあるかもしれません。そのほかにも OOUX という表記も見られますが、ここでは一貫した呼び名を定めておきたいため、便宜上 OOUI と呼ぶことにします。 私たちが普段目にするGUIは元来OOUIの思想に基づいていると考えられるのですが、中にはとても機能指向的（タスクベース）な設計で構築されたGUIが多くみられるため、特にオブジェクト指向的であるものを強調・区別す
ユーザーに受け入れられ、問題を起こしづらい大規模リニューアルの進め方
iOSDC Japan 2016の発表資料です。 https://iosdc.jp/2016/c/node/84
教育サービスにおけるユーザーリサーチ - スタディサプリ Product Team Blog
UI/UXデザイナーの西田です。今回は小学校向けのユーザーテスト、海外プロジェクトでの取り組みについて紹介していきます。 教育サービスユーザーへのデザインアプローチ Quipperでは、おもに小・中・高校生向けに、日本国内ではスタディサプリ、海外ではQuipperという名前で、オンライン上で講義動画閲覧や問題演習ができる学習サービスを提供しています。と同時に、学校の先生や大学生コーチが生徒の学習を管理できるツールも手がけています。 それゆえユーザーの課題を考えるときは、学習者の学力＆モチベーション向上だけでなく、その生徒を取り巻くステークホルダーによる「どう学んで欲しいのか」「何を伸ばしたいのか」といったニーズも汲み取る必要があります。 その中でUI/UXデザイナーは、ユーザーが快適に学習コンテンツにアクセスでき、スタディサプリで学んで良かったと感じてもらえるような体験づくりを追求していま
なぜモダンなプロダクトチームによるリーンなプロダクト開発が必要なのか｜川嶋一矢@メルペイPM
はじめにメルカリUK版の立ち上げを終え2018年3月に帰国しました@tsumujikazeです。今は東京でメルペイのProduct Managerをしています。 イギリスではいわゆるモダンなプロダクトチームでのLeanなプロダクト開発を経験しました。得るものが多かったので、なるべく多くの人に知ってもらいたいと思いこのポストを書きました。 PMF →リーンプロダクトのプロセス →モダンなプロダクトチーム（組織論）という流れになっています。 はじめに 本編 ・何のためにプロダクトを作るのか ・プロダクトマーケットフィット ・PMFピラミッド ・要件定義フェーズのリーン化 ・モダンなプロダクトチームでのリーン開発とは おまけ ・Problem Space vs. Solution Space ・Problem Solution Fitとは ・エンジニア組織とPM組織の特性について ・バリュープロ
UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート
PCやスマートフォンを開けば、そこには不愉快なUIが至るところにあふれている。さして文章が長くもないのにページが4分割されているニュース記事（腹立たしいことに4ページ目はたった1行だったりする）、サッカーのハイライト動画でシュートの行方をカメラが追い始めた瞬間に始まる動画広告、場面転換をするたびにCMが挟み込まれ、もはやCMを見ているのかゲームをしているのかわからなくなるアドベンチャーゲームアプリなど……。 さらに不幸なことは、ウェブメディアの編集部や動画配信者、ゲーム制作会社の制作現場にいる人たちにとっても、これは決して愉快な状況ではないということだ。罵詈雑言混じりの苦情が書かれたユーザー評価欄やSNSを見ながら彼らは言うだろう。「誰が好き好んでこんなUIを作るものか」と。 関わる誰から見てもおかしなUIは、それでもなぜ量産され世の中のストレスを増幅させ続けているのだろうか？ その負のス
レガシーユーザーインターフェースにありがちな3つの病と治療法 - Qiita
CrowdWorks Advent Calendar 2017 の17日目の記事です。 こんにちは。 UXデザイングループのデザイナー上田です。 突然ですが、「レガシーユーザーインターフェース」と聞いて、皆さん何を思い浮かべるでしょうか？ 自社サービスやクライアントのWebサイトなど、担当しているサービスの使い勝手の悪さや構造の闇深さを連想し、古く負債を抱えてしまったサービスに対してどのようにアプローチして解決すべきか頭を悩ませている方も少なくないのではないかと想像します。 エンジニアリングの視点で、成長し続けるサービスが抱えるジレンマとして「リファクタリングの工数を割けない」「中長期のアーキテクチャ設計を十分に検討する余裕がない」といった声を耳にし、実際に古く負債を抱えてしまったシステムやソフトウェアを「レガシーソフトウェア」と呼んだりするようですが、実はデザインの視点でも急成長するサー
How to fix a bad user interface
Hey! This is an excerpt from my book Designing Products People Love, which was published by O'Reilly in January 2016. Learn more about the book and the 20+ product designers from Facebook, Twitter, Slack, etc. who were interviewed about how they work. Have you ever experienced a user interface that feels lifeless? Have you created a UI that just seems to be missing...something? If that's the case,
会員登録率を15％上げた方法 ~noteの改善の現場から~｜justin / iOSエンジニア
こんにちは。ピースオブケイクでnoteの開発をしているjustinです。 10月に深津さんがCXOに就任して、早2ヶ月が経とうとしています。 週１回グロース会議を行い、そこで話し合われた内容がどんどんリリースされています。 定期的に深津さんがnoteのカイゼン施策をノートにまとめていますが、現場でどんなことが行われているのかはあまり公開したことがありませんでした。そこで、この記事では少しだけ施策の裏側をお話したいと思います。 この記事では「最近のnoteカイゼン(11月中半)」で紹介された、 課金時のユーザー離脱を下げるチューニングを施しましたにスポットをあてます カイゼンの流れざっくりですが、カイゼンの流れは以下のようになります。 1. 購入導線を洗い出す 2. データを取る 3. 数字の著しく落ちているところを探す 4. 改善案を考える 5. 実行する 6. 評価上の流れはcakesの
弊社における不適切な通知に関する御詫び — mikan
各位 平素は弊社アプリ「英単語アプリ mikan」をご愛用賜り、誠にありがとうございます。 11月27日に弊社アプリ「英単語アプリ mikan」に通知されました内容につきまして、 多くの皆さまにご不快な思いとご迷惑をおかけしましたことを御詫び申し上げます。 通知開封率をあげようとするあまり、不適切な内容の通知を配信してしまいました。 配信直後にユーザーの皆様からご指摘を受け、事態を重く受け止めて配信体制を見直し、 新たに通知の配信ポリシーを策定いたしました。 ・ユーザーを大切にしよう。 ・誰かが不快な思いをしてしまう内容はやめよう。 ・プッシュ通知を受けてよかったと思える通知を送ろう。 今後は上記ポリシーに沿い、よリユーザーの方々に満足いただける通知を配信いたします。 改めまして、今回の件につきまして皆さまをお騒がせしておりますこと、心より御詫び申し上げます。 2017 年 11 月 28
エンジニアはどのように他のアプリのUXを参考にすべきか
問題意識エンジニアのタイプを分けるとき、大雑把に「サービス志向」と「技術志向」みたいな分け方をすることが、僕の周りではよくあります。 個人的にはこの分け方は必ずしも良いものとは言えないと思います。少しエンジニアのことをサービスと距離のある人種として捉えてるように感じるからです。 技術志向だからってサービスのことを考えてないということではなく、「よりセキュアな技術を採用する」「効率的で安全なデプロイができるフローを構築する」などなど、技術向上を通じてユーザー体験をよくしよう、としているはずです。 ただ、デザインを良くしたり読み込みスピードを早くしたりなど、「目に見える範囲で改善する施策」を考え、実行しなければ、プロデューサー的な人からすれば「何やってんだろうな〜」と、エンジニアはブラックボックス的な人に見えてしまうこともあると思います。 じゃあ他のアプリをいじってみたりして、サービス勘みたい
Making dev.to insanely fast
It makes me smile when someone raves about how fast this website loads, because that's no accident. We put a lot of effort into making it so. It is the sort of thing that usually goes unnoticed, but when your readers are developers, there's a better chance they notice and appreciate it. I have written about this in the past, but it's worth re-examining because these ideas are always evolving. From
UXライターとは？なぜ今UXライティングが注目されるのか
UXライターの役割に関する記事や記述をいくつも見てみると、共通の仕事内容があることがわかりました。 リサーチ 全体として、UXライターはUXチームの中でも重要な役割を担い、ユーザーを中心としたデザイン構築を実施する中で、ユーザーに関するリサーチを先導したりパートナーとして参加したりすることが求められます。あるネット広告代理店の募集要項を例として紹介しましょう。 顧客インサイトを明らかにし、コンテンツと全体のデザインを繰り返し見直すことで、革新的な製品・機能を提供する。 ライティングがUXライターの中心的な仕事であることは、不思議ではないでしょう。ここで言うライティングとは、ただ単に文章をうまく書けるのではなく、「選んだ言葉の一字一句について説明ができる」というレベルの話をしています。Googleでは、ライティングチームのことを「言葉を使って命を吹き込む人たち」と呼んでいます。Amazonの
Design words with data
Writing is a form of art. Words can make us laugh, move us to tears, or inspire us to do great things. But I’d say there’s also a science to writing. Data can inform writing choices and help us think more objectively about what we write. What’s right and what’s wrong?As UX writers at Dropbox, our goal is to make sure every word we write makes sense. One wrong word can break a user’s experience. A
Dropbox 流！データをもとに言葉をデザインする 6 つの方法
0 0 160 0 本記事はDropbox UX WriterのJohn Saitoがこちらで執筆した記事を本人の許可のもと掲載しています ライティングはひとつの芸術です。言葉は私たちに、笑いと涙と、大きなことを成し遂げる刺激をもたらしてくれます。 でも、ライティングにも科学があると思います。さまざまな題材を選ぶことができ、テーマをより客観的に見つめる機会が持てるのは、データがあるからです。 適切な語句を見極める Dropbox の UX ライターである私たちは、どの語句を取り上げても必ず意味がわかることを目標にしています。誤った言葉ひとつで、ユーザー エクスペリエンスが台無しになりかねないからです。ユーザーは、意味が曖昧なボタン ラベルや聞き慣れない言い回しがあると、すぐにイライラします。 そこでライティングに関しては、適切な語句を確実に選べるよう数種類のテクニックを駆使し、情報に基づく
クレジットカードフォームの解剖学 | POSTD
オンラインでクレジットカードを使って支払うことは簡単ですよね？この答えはYesでもNoでもあります。Yesの理由は、インターネットが普及された初期からずっとそうしていたから（例：Amazon）。Noの理由は、まったく同じクレジットカードフォームは2つとないからです。 過去20年以上で、私たちはオンライン支払のメンタルモデルを作り上げてきました。「財布からクレジットカードを取り出して、ウェブのフォームに必要なカード情報を入力、そして申込みボタンを押す」というものです。しかし、ユーザーが答えないといけない質問でいっぱいなので、全てを入力するのはとてもややこしい行為になってしまいます。そして言うまでもなく、誰も取扱い説明書なんて読みたくありません。 さまざまな有名ウェブサイト・アプリのクレジットカードフォーム 何かの代金をオンラインで支払う時は、人へ支払う時より2,3倍遅れをとります。端末のボタ
大規模デザインシステムを作る：いかにしてアメリカ連邦政府のデザインシステムを作り上げたか - カタパルトスープレックス
原文："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イニシアチブの調査からウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
消費者操る「ダークパターン」 国内サイト6割該当 【イブニングスクープ】データの世紀 - 日本経済新聞
｢規約に同意｣のUX -ストレスフリーな同意UIとその実現方法-
