タグ

関連タグで絞り込む (17)

タグの絞り込みを解除

designとuxに関するohbaryeのブックマーク (21)

  • SMBCホームページ、デザインリニューアルの裏側。｜SMBC DESIGN


    こんにちは。デザインチームの八嶋です。2021年3月22日、SMBCのホームページが大幅にリニューアルされました。このホームページリニューアルは、約5年ぶりの大幅リニューアルでページ数は約1500ページにも及ぶ大プロジェクトでした。このプロジェクトはインハウスデザイナーによるホームページのデザインディレクションとデザインチームが作ったデザインシステムによる連携で作られています。ホームページの役割からUIの設計までコアとなる部分をインハウスデザイナーが設計し、多数のパートナー様にもご協力いただき完成させています。︵特にトランスコスモス様、ありがとうございます。︶ 今回のnoteは、ホームページリニューアルチームの一員でもある八嶋が、デザイナーの大塚とプロジェクトマネージャーの髙橋、そして、デザインシステムを担当したデザイナーの金澤にインタビューをしました！ ホームページリニューアルを通して、
    SMBCホームページ、デザインリニューアルの裏側。｜SMBC DESIGN

  • 消費者操る「ダークパターン」　国内サイト6割該当　【イブニングスクープ】データの世紀 - 日本経済新聞


    ネット通販などのサイトで、消費者のスキを突いて余分な注文などを促す仕掛けが横行している。﹁ダークパターン﹂と呼ばれ欧米で規制が進むが、日本では大半が合法とされ対応が遅れている。日本経済新聞の調査で国内主要サイトの6割でダークパターンが確認された。デジタル技術の進化に、消費者保護ルールが追いついていない。﹁違法なダークパターンの疑いがある﹂。政府系のノルウェー消費者評議会は1月、米アマゾン・ドッ
    消費者操る「ダークパターン」　国内サイト6割該当　【イブニングスクープ】データの世紀 - 日本経済新聞

  • メルカリが検索に「売り切れ品」を置く理由、初期のLINEが友だち追加を「電話番号マッチング」に絞った理由など、アプリのマーケティング施策まとめ30｜アプリマーケティング研究所


    2017年〜2020年︵+α︶に取材した記事から、今でも参考になりそうな施策などまとめてみました。※ 数値等はあくまで取材当時のものです。1、フリマアプリの検索結果に、あえて﹁売り切れ商品﹂を表示している理由︵メルカリ︶フリマアプリの﹁メルカリ﹂では、検索をかけると販売済みになっている、﹁売り切れ品﹂も表示されるようになっている。 あるとき邪魔ではないかと、検索結果から﹁売り切れ品﹂を消してみたら、あらゆる数値︵継続率・購入率など︶が悪化してしまった。 実は﹁売り切れ品﹂を置いておくことが、ユーザーに﹁これ買いたかった﹂﹁マメにチェックしとこう﹂と思ってもらう、うまい演出として機能していたのが理由。2、コメント欄のタイムラグを小さくすると、コメント率が改善されて荒れにくくなる︵ミラティブ︶配信アプリの﹁ミラティブ﹂では、コメント欄のタイムラグを小さくしたところ、コメント率が改善されたと
    メルカリが検索に「売り切れ品」を置く理由、初期のLINEが友だち追加を「電話番号マッチング」に絞った理由など、アプリのマーケティング施策まとめ30｜アプリマーケティング研究所

  • オブジェクトベースなUIデザインに取り組むための心構え｜usagimaru ⌘ Satori Maru｜note


    オブジェクトベースなUIデザインの考え方が近頃注目されてきています。デザイナーとしてこれと向き合うに当たって、私なりに解釈した事柄を記しておこうと思います。 オブジェクトベースのUIとはUIデザインにオブジェクト指向の設計論を導入したものをオブジェクトベースのUI、Object-Oriented User Interfaces= OOUI などと呼ぶようです。オブジェクト指向UI、オブジェクト指向ユーザーインターフェイスと呼ぶこともあるかもしれません。そのほかにもOOUX という表記も見られますが、ここでは一貫した呼び名を定めておきたいため、便宜上OOUI と呼ぶことにします。 私たちが普段目にするGUIは元来OOUIの思想に基づいていると考えられるのですが、中にはとても機能指向的︵タスクベース︶な設計で構築されたGUIが多くみられるため、特にオブジェクト指向的であるものを強調・区別す
    オブジェクトベースなUIデザインに取り組むための心構え｜usagimaru ⌘ Satori Maru｜note

  • ユーザーに受け入れられ、問題を起こしづらい大規模リニューアルの進め方

    iOSDC Japan 2016の発表資料です。 https://iosdc.jp/2016/c/node/84

    ユーザーに受け入れられ、問題を起こしづらい大規模リニューアルの進め方

  • UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート


    PCやスマートフォンを開けば、そこには不愉快なUIが至るところにあふれている。さして文章が長くもないのにページが4分割されているニュース記事︵腹立たしいことに4ページ目はたった1行だったりする︶、サッカーのハイライト動画でシュートの行方をカメラが追い始めた瞬間に始まる動画広告、場面転換をするたびにCMが挟み込まれ、もはやCMを見ているのかゲームをしているのかわからなくなるアドベンチャーゲームアプリなど……。 さらに不幸なことは、ウェブメディアの編集部や動画配信者、ゲーム制作会社の制作現場にいる人たちにとっても、これは決して愉快な状況ではないということだ。罵詈雑言混じりの苦情が書かれたユーザー評価欄やSNSを見ながら彼らは言うだろう。﹁誰が好き好んでこんなUIを作るものか﹂と。 関わる誰から見てもおかしなUIは、それでもなぜ量産され世の中のストレスを増幅させ続けているのだろうか？ その負のス
    UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート
    ohbarye
    ohbarye 2017/12/20
    う、ウワォァーーー！！ / “僕は新規案件のミーティングでは、ユーザーという単語の出てくる回数や、ユーザーに関するトピックを相手が何回喋ったかをカウントしています。”
    リンク

  • レガシーユーザーインターフェースにありがちな3つの病と治療法 - Qiita


    CrowdWorks Advent Calendar 2017 の17日目の記事です。 こんにちは。 UXデザイングループのデザイナー上田です。 突然ですが、﹁レガシーユーザーインターフェース﹂と聞いて、皆さん何を思い浮かべるでしょうか？ 自社サービスやクライアントのWebサイトなど、担当しているサービスの使い勝手の悪さや構造の闇深さを連想し、古く負債を抱えてしまったサービスに対してどのようにアプローチして解決すべきか頭を悩ませている方も少なくないのではないかと想像します。 エンジニアリングの視点で、成長し続けるサービスが抱えるジレンマとして﹁リファクタリングの工数を割けない﹂﹁中長期のアーキテクチャ設計を十分に検討する余裕がない﹂といった声を耳にし、実際に古く負債を抱えてしまったシステムやソフトウェアを﹁レガシーソフトウェア﹂と呼んだりするようですが、実はデザインの視点でも急成長するサー
    レガシーユーザーインターフェースにありがちな3つの病と治療法 - Qiita
    ohbarye
    ohbarye 2017/12/18
    どれも短期的施策を繰り返してくうち気付いたら起きていそうな感じ。特にバナーとか、短期的に何らかの数字に顕著に効くうえに低工数なので「費用対効果の高い施策」みたいに思われがち
    リンク

  • 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の

    会員登録率を15％上げた方法 ~noteの改善の現場から~｜justin / iOSエンジニア

  • UXライターとは？なぜ今UXライティングが注目されるのか


    UXライターの役割に関する記事や記述をいくつも見てみると、共通の仕事内容があることがわかりました。 リサーチ 全体として、UXライターはUXチームの中でも重要な役割を担い、ユーザーを中心としたデザイン構築を実施する中で、ユーザーに関するリサーチを先導したりパートナーとして参加したりすることが求められます。あるネット広告代理店の募集要項を例として紹介しましょう。 顧客インサイトを明らかにし、コンテンツと全体のデザインを繰り返し見直すことで、革新的な製品・機能を提供する。 ライティングがUXライターの中心的な仕事であることは、不思議ではないでしょう。ここで言うライティングとは、ただ単に文章をうまく書けるのではなく、﹁選んだ言葉の一字一句について説明ができる﹂というレベルの話をしています。Googleでは、ライティングチームのことを﹁言葉を使って命を吹き込む人たち﹂と呼んでいます。Amazonの
    UXライターとは？なぜ今UXライティングが注目されるのか

  • 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

    Design words with data
    ohbarye
    ohbarye 2017/11/09
    “Writing is both an art and a science. By writing with your heart and editing with your head, you can craft something that’s both authentic and informative.”
    リンク

  • クレジットカードフォームの解剖学 | POSTD


    オンラインでクレジットカードを使って支払うことは簡単ですよね？この答えはYesでもNoでもあります。Yesの理由は、インターネットが普及された初期からずっとそうしていたから︵例‥Amazon︶。Noの理由は、まったく同じクレジットカードフォームは2つとないからです。 過去20年以上で、私たちはオンライン支払のメンタルモデルを作り上げてきました。﹁財布からクレジットカードを取り出して、ウェブのフォームに必要なカード情報を入力、そして申込みボタンを押す﹂というものです。しかし、ユーザーが答えないといけない質問でいっぱいなので、全てを入力するのはとてもややこしい行為になってしまいます。そして言うまでもなく、誰も取扱い説明書なんて読みたくありません。 さまざまな有名ウェブサイト・アプリのクレジットカードフォーム 何かの代金をオンラインで支払う時は、人へ支払う時より2,3倍遅れをとります。端末のボタ
    クレジットカードフォームの解剖学 | POSTD

  • 大規模デザインシステムを作る：いかにしてアメリカ連邦政府のデザインシステムを作り上げたか - カタパルトスープレックス

    原文："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イニシアチブの調査からウ

    大規模デザインシステムを作る：いかにしてアメリカ連邦政府のデザインシステムを作り上げたか - カタパルトスープレックス

  • 読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note


    noteのコア体験は、﹁読む楽しさ﹂と﹁書く楽しさ﹂だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック︵経験︶ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、﹁読書体験﹂における﹁可読性﹂のパートのメモ。noteチームにとりあえず提案する予定の諸々です︵現時点では個人の見解です︶。基本的には﹁当たり前のことを、当たり前に﹂やる予定。﹁これもやっとけ﹂的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
    読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
    ohbarye
    ohbarye 2017/10/03
    “ダウンロード待ちによる離脱率の上昇が、Webフォントのメリットを打ち消してしまいます”
    リンク

  • オンボーディングについてレストランから学ぶべきこと


    Adamはイギリスの起業家および慈善活動家で、﹁違いを作る人たちが違いをもたらす仕事をサポートする﹂というミッションの下に活動するFairheadという企業の創設者です。 一流のシェフが料理に対して﹁火の通し過ぎだ﹂と怒鳴りつけることと、ユーザーに対する優れたオンボーディングの間には、どのような関係があるのでしょうか？　素敵な食事の体験というものには、食べ物自体よりはるかに興味をそそられる何かが存在します。それこそが、オンボーディングの体験です。 編注‥オンボーディングは、新規ユーザーがサービスに慣れてもらうためのプロセスを指します。 この記事では、レストランでのオンボーディングの優れた部分と、それを今後のUXデザインにどのように応用できるかを解説していきます。 １. ドアの向こうにあるもの 前回私が妻とパリを訪れたとき、ほかの観光客と同じように私たちはよく外食をしました。ドラマチックな演
    オンボーディングについてレストランから学ぶべきこと
    ohbarye
    ohbarye 2017/07/10
    “ドアの向こうに何があるかを訪問者が明確にイメージできるほど、そのドアを開ける可能性が高くなります。”
    リンク

  • 「デザイン落とし穴」という話をしてきました - transitkix design log


    transit_kixです。 UXMILKの三瓶さんにお声がけしてもらい、先日uxfailconというUIデザインやUXデザインに携わっている人々の集まるイベントに登壇してきました。 登壇資料 内容は、サービスデザインにおいて仮説→検証→実行のそれぞれのフェーズで陥りやすいケースについてお話ししました。 ユーザーストーリーを吹き出し形式に これは簡単で比較的効果があるので、初心者で勉強したい人はどうぞお試しあれ。 当日の様子 DMMさんの新オフィス、壁に本物の植物が生えています。 他の登壇者の方の失敗談も面白かったです。 ﹁賃貸住宅﹁コンセントハウス﹂のデザイン﹂(シャープ/電化美術の中田 裕士さん)
    「デザイン落とし穴」という話をしてきました - transitkix design log

  • UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog


    最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事にいくつか目を通すと、デザイナーは﹁ 経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない ﹂らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、 現場デザイナー に最も大事なのは実装面での考慮事項が網羅されて考え込まれた﹁ 決定力のあるデザイン ﹂を作る力だと思う。 サッカーで言うと、決定力は﹁ 得点を決める能力 ﹂として使われているけど、UIデザインにおいては﹁ 実装面まで考慮された実装可能なデザインであるか ﹂という言葉として使っている。 魅せるデザインとフィージビリティが考慮されているデザインでは、かなり内容が異なってくるので、現場デザイナーとしては特にこのあたり
    UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog
    ohbarye
    ohbarye 2017/06/18
    “結局誰がが仕様漏れを吸収してるのであれば、それはデザインではなく、グラフィック制作の領域から抜け出せていないのかもしれない”
    リンク

  • つよいUI - transitkix design log


    …というものを最近考えていました。﹁画面デザインのOKももらったし、私の仕事は終わり！あとはエンジニアに指示書を渡すだけ﹂と一息ついた時にこそ、改めてデザインを見つめなおすべきです。 つよいUIであるための7つの視点 1.本来、そこにあるはずの情報がない場合はどうなりますか？ リストUIで載せる情報が0件、文章が空っぽ、画像がない時など 2.表示する要素が想定よりすごく多い/すごく少ない場合はどうなりますか？ 数字の桁数、文章の行数、文章が入りきれない場合は文中・文末のどこを省略すべきか…など 3.ユーザーさんの立場によって、表示要素に変化はありませんか？ ゲストとログインユーザー、無料会員と有料会員…など 4.ロード中、もしくはロードされるまで何が出ていますか？ 通信中の表示、読み込み中の画像エリア…など 5.予期せぬエラーが起こった時、画面はどうなりますか？ 通信エラー、リンク先のコン
    つよいUI - transitkix design log
    ohbarye
    ohbarye 2017/06/18
    プロダクトの定点だけでなく"体験"をデザインしてると思うときに"強さ"を感じる
    リンク

  • 日本で働く外国出身UXデザイナーが考える、日本のUXやITが遅れている理由 | UX TIMES


    はじめまして、ZILMOO株式会社(www.juusando.com)のUXUIデザイナーのハフィドと申します。私はモロッコ出身で、日本への留学、大手制作会社をへて現在の会社を立ち上げました。子供の頃からロゴデザインやグラフィックデザインの活動をしており、大学では哲学・心理学を学んでいました。現在は、UXUIデザインなどに携わっています。 また、東洋美術学校・日本電子専門学校でUX/UIデザイン講師としても活動しています。 2014年からコミュニティ(UXUI Designers)を主宰し、イベントや勉強会などを定期的に開催しています。 Twitter‥https://twitter.com/hafidbourhim Dribbble‥https://dribbble.com/juusando UUDコミュニティ‥http://uuds.peatix.com/ , https://www.
    日本で働く外国出身UXデザイナーが考える、日本のUXやITが遅れている理由 | UX TIMES

  • ユーザーのコンピュータスキルの分布： ユーザーのスキルはあなたが思う以上に低い


    先進33か国において、コンピュータ関連の高い能力を持つ人は人口の5％にすぎない。また、中程度の複雑度のタスクを完了することができる人は全体の3分の1しかいない。 The Distribution of Users’ Computer Skills: Worse Than You Think by Jakob Nielsen on November 13, 2016 日本語版2017年3月16日公開 身につけるのがもっとも困難なユーザビリティの教訓に、︵訳注‥デザインプロジェクトに携わっている︶﹁あなた方はユーザーとは違う﹂というのがある。これこそがユーザーのニーズについての推測が大失敗に終わる理由だ。デザイナーは大半のターゲットオーディンエンスとあまりに異なっているため、いいと思っているものや利用しやすいと思っているものが見当違いになるだけでなく、そうした自分たちの個人的好みによって判断す
    ユーザーのコンピュータスキルの分布： ユーザーのスキルはあなたが思う以上に低い
  • 1 2 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.