BONO(ボノ) | プロと学べるUIとUXのデザインコミュニティ【転職話】UI/UXデザイナーの面接で気をつけること/エージェントの使い方/ポートフォリオと受ける会社/相談できるメンバーは大切
UXライティングとは | UXライティングガイド
UXライティングとは何か UXライティングとは、ユーザーがデジタルサービスを操作する際に必要となるテキストを書く技術です。例えば、登録時のスタートガイド、利用の流れコンテンツ、タイトル、ボタン、画面上の説明文、エラーメッセージ、通知などの言葉がUXライティングの手法に則って書かれます。サービスの中にある言葉に対して「意味が通じればいい」という思想で書くのではなく、「ユーザーがサービスを通じて体験する一連の経験を設計する」という思想で書くのがUXライティングです。 UXライティングに求められる技術とは UXライティングには、分かりやすく書く技術と、人間らしく書く技術が必要です。この二つの技術が同居することによって、ユーザーの体験を支援することができます。 分かりやすく書く技術 UXライティングの手法に則ってテキストを書く際に求められるのは、「ユーザーの気持ちに沿った文章を書く」という抽象的な
ボタン、リンク | UXライティングガイド
ボタンやリンクの種類 ボタンやリンクには、状態変更型とページ遷移型があります。状態変更型は、ユーザーがステージの移動を伴う重要な決定を行う際に用います。たとえば「購入する」などです。対してページ遷移型は、より詳細な情報が記載されているページへ遷移する際に用います。たとえば状態変更型とページ遷移型では、ユーザーが次に行うアクションの種類や表示する情報が異なるため、テキストの書き方が異なります。 1. 状態変更型のボタンやリンクとは 状態変更型は、システム上のデータの変更や送信を伴うボタンやリンクです。「購入する」や「申請する」のように、カートに入れたり登録内容を申請したりする際に用います。多くはシステムの中でもCTAなどの重要な箇所に用いられます。UIとしてはボタンの場合が多いですが、テキストリンクの場合もあります。 Amazonの注文画面 「注文を確定する」のようにシステム上のデータに変更
「目新しいものを作る必要はない」“サクサク操作”でシェアNo.1『SmartHR』に学ぶプロダクトデザインの本質 - エンジニアtype | 転職type
No.1のプロダクトには、必ずユーザー体験の「速さ」を向上させるためのこだわりと戦略がある。サービスのどこを速くするか、どのような技術でその速さを実現するか。各社のプロダクトの成長を支える「速さ」をかなえるテクノロジーと開発体制とは？全5プロダクトの「速い」をつくる技術を公開！ 新型コロナの影響でテレワークが広まった2020年春。「ハンコを押すために出社した。」の広告キャンペーンがSNSで話題になったのが、クラウド人事労務ソフト『SmartHR』だ。登録企業はすでに4万社を超え、労務管理クラウド3年連続シェアNo.1（※1）を誇る。 株式会社SmartHR株式会社SmartHR「宮田昇始のブログ」より シェアのみならず、ユーザー満足度もNo.1 (※2)。こうした高評価の理由の一つには、どんな会社のどの社員が見ても迷わず使える直観的な操作性が挙げられる。 SmartHRはなぜ「操作性」によ
企業で働くクリエイター向けウェブマガジン「CreatorZine（クリエイタージン）」
クリエイティブに関するプラス1の情報を発信することで、企業で働くクリエイターをサポートすることを目指すウェブマガジンです。 掲載記事、写真、イラストの無断転載を禁じます。 記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。
デザイン研修 2021 / Design training 2021
Shinjuku.rb #91 好きなもの紹介LT大会 "便利"や"役に立つ"とは別方面のRubyをつかったプログラミングがたのしい話
新・えきねっとは誰のためのシステムなのか？｜長沢めい
結論から書くと、ちょっと思い当たらない。というおはなし。 そもそも「えきねっと」とはJR東日本の予約サイト。今週末にリニューアルを実施しました。 切符オタクの界隈では「あの切符が発行できない」「売ってはいけないはずの切符が検索結果に出てくる」などなど、いろいろな反応があったようですが、一般の方からすると「鉄道オタクがなんか騒いでいるなぁ」っていう感じかもしれません。私も個々論的なところはあまり興味がないから、そこについては書きません。 じゃあ、ここで何を書くかというと、UIの話をします。鉄道に限らず、いろいろなシステムにも言える話かな、と思ったので。 きっぷを買うまでの道のりが大変先述のプレスリリースには色々と変更点が書かれているんですが、1番目に書かれているのが「列車のお申し込みの操作方法が変わります」という点。 「えきねっと」トップページからダイレクトに、「乗車駅」「降車駅」や「日時」
UXリサーチをやってみよう 探索編 ｜ブログ｜root｜芯を問い、成長に貢献する
はじめにこの記事ではUXリサーチの目的や位置付けと、代表的な調査手法であるインタビューのやり方について紹介したいと思います。 UXリサーチとは、UXデザインに関する活動のうち特にユーザーを理解するための取り組みです。ユーザーが体験するさまざまなことの中に、ユーザーにとってのうれしさや価値ある実感を組み込むためにはまずユーザーの置かれている状況や文脈を客観的かつ詳細に理解する必要があります。UXリサーチはUXの改善や向上のための第一歩であり効果的な施策につながるインサイトを集積し固めた基盤であると言えるでしょう。実際にさまざまな企業が自社のプロダクトやサービスのユーザーを理解するために、UXリサーチに取り組んでいます。メルカリやLINE、クラシル、NewsPicksなど強固な顧客基盤の上に成り立つ企業は、UXリサーチを専門に行うチームを持つことが多いです。 UXデザインにおけるUXリサーチの
UI/UXデザインの勉強におすすめの本・教材 16選
このページでは、UI/UXを学ぶための教材を紹介していきます。ノンデザイナーの方にとっても役立つ教材も多数取り上げているので、是非目を通してみてください。 この本について どんな本？ 20年以上前に書かれたにも関わらず、いまだに読み続けられている名著です。今どきのアプリのようなUIについては触れられていませんが、UI/UXの本質を学ぶのには最高の1冊です。 学べることは？ 「ユーザがエラーを起こすのはデザインのせいである」というようなデザイナーとしての姿勢から、具体的にどうやってそのエラーを防ぐかというところまで徹底的に解説されいます。この1冊でUI/UXの考え方の基本を押さえることができます。 難易度は？ 誰にとっても身近なものが具体例として取り上げられており、興味を持ってサクサクと読み進めることができます。最近になって改訂版が出版され、もう少し読みやすくなったようです。 おすすめ度 （
医療機器のUI/UXデザイン〜デザインプロセスの全容〜 - 病院経営ウェブマガジン“Healthcare Compass (ヘルスケア・コンパス)”
私は株式会社ジャイロで医療機器の画面や教育コンテンツのUI/UXデザインおよびディレクションを行なっています。医療機器のデザイン業務は、主にメーカーから受注しています。 10年前に心臓カテーテル用検査装置の画面デザインを受注して以来、心電計、血圧脈波検査装置、産婦人科用ECGモニタ、歯科用CTスキャナ装置、手術室用統合表示モニタなど、いろいろな機器の画面表示部のUI/UXデザインに取り組んできました。 デザイン実施例：手術室用統合表示モニタ（AMEDからの支援プロジェクト「安全性と医療効率の向上を両立するスマート治療室の開発（SCOT：Smart Cyber Operation Theater）」 今回は、医療機器画面のUI/UXデザインについて、どのような流れで受注から納品までの業務を進めているのか、ステップを追ってご紹介します。 ステップは大きく分けると3つあります。 依頼から契約まで
説明できないデザインは、デザインではない。CAゲーム事業が目指す、デザイン組織とは | SELECK [セレック]
〜「スマートフォンで”夢中”を体感させるゲーム作り」を掲げ、サイバーエージェントが設立した「UIUX Lab」。「ビジネス的な価値」を理解するデザイナーを育成するなど、デザイン組織のあるべき姿を大公開〜 競争が激化し続けるスマートフォン向けゲーム市場。そんな中、株式会社サイバーエージェントは今年、ゲームに最適なUI/UXを考える専門組織「UIUX Lab」を設立した。 ▼スマートフォン向けゲームに最適なUI/UX研究をする専門組織、UIUX Lab UIUX Labは、サイバーエージェントグループ各社の第一線で活躍するUI/UXデザイナー7名で構成され、制作するゲームのクオリティ向上と、デザイナーの育成をミッションとしている、プロのデザイナー集団である。 その組織を率いるのが、「説明できないデザインは、デザインではない」と語る、代表の鷲山 優作さん。今回は同氏に、「ビジネス的価値」を高める
![説明できないデザインは、デザインではない。CAゲーム事業が目指す、デザイン組織とは | SELECK [セレック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4bdde6d211bcacbd5c66f0bc2dfe1807bead3f3/height=288;version=1;width=512/https%3A%2F%2Fdpd29bjwmgbr8.cloudfront.net%2Fwp-content%2Fuploads%2F2018%2F06%2F22135525%2F1171.jpg)
UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します
Adobe Experience Design（以下、Adobe XD）の評判はいいって聞くけど、実際のところどうなの？ 使えるの？ そんな疑問がすっきりするAdobe XDで何ができるのか、Webサイトやアプリのワイヤーフレームやプロトタイプを作成するのに便利な機能を紹介します。 Wireframing and Prototyping in Adobe XD 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 UI/UXデザインに適したツールを探して Adobe XDとは Adobe XDのアートボード Adobe XDのシェイプ操作 Adobe XDのオブジェクトのグループ化 Adobe XDのリピート グリッド（Repeat Grid） Adobe XDのエクスポートとインポート Adobe XDでプロトタイプを作成 Adobe X
デザインは「課題解決の設計」トレタのデザインプロセスに学ぶ、デザイナーの役割とは | SELECK
今回のソリューション：【GitHub、Trello、Sketch、Flinto・他】 〜「デザイナーがプロダクトマネジャー」という意識を大切にする、トレタのデザインプロセスの全貌を公開〜 事業開発において、デザイナーと、デザインそのものが成すべき役割とは何か。それぞれの企業が「デザイン」をどう捉えているかは、そのデザイン・開発プロセスを知ることで明らかになる。 飲食店向け予約・顧客台帳サービス「トレタ」を運営する、株式会社トレタ。同社では、デザイナーをプロダクトマネージャーのような立ち位置に置き、「課題解決の設計」が役割であると定義している。 デザイナーが要件定義の段階から仮説検証、フィードバックに関わることで、プロダクトをより良くすることを目指しているのだ。 デザイナー出身者がプロダクトマネージャーの役割を担うようになっていくのは、ひとつの自然な流れだと話す、同社でCCO（最高クリエイテ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UpLabs
「iPhoneの画面をグレースケールにするとスマホに全然触らなくなる」というスマホ中毒の解消技を試したら本当に魅力が激減して全然触らなくなった