タグ

uxとUXに関するskmtpalmのブックマーク (7)

  • オブジェクトベースなUI設計を学んだら視点がガラリと変わった話|Yutaro Murakami

    同僚である@akira_motomuraにオススメされて、上野学(@manabuueno)さんのオブジェクト指向やOOUIに関する記事を読んでみたのですが、 個人的にサービスをつくる際の視点がガラリと変わったのでまとめてみたいと思います。 オブジェクトベースなUIとは?オブジェクトベースなUIとは、オブジェクト(ユーザの関心の対象物)を手がかりに操作設計されたユーザーインターフェースのことを言います。 (OOUIとも呼ばれている) 代表的な例としてApple製品が取り上げられることが多いのですが、例えばiPhoneの写真アプリだと、ある写真に対して何らかの処理を行いたい場合、ユーザーはまず対象のオブジェクト(写真)を選び、その後にアクション(編集、送信、お気に入り、削除)を選ぶ、という流れになります。 ソフトウェア(アプリ)は実態がないのでわかりにくいのですが、基的には自分を拡張する道具

    オブジェクトベースなUI設計を学んだら視点がガラリと変わった話|Yutaro Murakami
  • 【永久保存版】エンジニア・デザイナー必見!「UI/UX」の基礎が学べるSlideshare30選

    UI/UXという言葉を聞いて久しいですが、みなさんは基的な考え方をきちんと理解できているでしょうか?様々なアプリを触り、「このアプリのUI/UXいいよね」と言う人は多くいますが、UI/UXを何となく知っている感じになっていると思います。 そこで今回はUI/UXの基礎が学べる資料をSlideshareから30�個集めました。デザイナーの方は必見です!

    【永久保存版】エンジニア・デザイナー必見!「UI/UX」の基礎が学べるSlideshare30選
  • 最近のWeb制作の勉強になる!Webサイトのワイヤーフレームやプロトタイプのまとめ

    プロジェクトのメンバーでないとなかなか目にすることができないワイヤーフレームやプロトタイプ、他の人がどのように作っているか気になります。 最近のWebサイトやスマホアプリの制作で参考になりそうなワイヤーフレーム、フローチャート、プロトタイプを紹介します。 UXデザインのツールも、Adobe XDが先日ベータ版としてリリースされ、SketchもメジャーアップデートとなるSketch4がリリースされ、充実してきましたね。 Adobe XD Wireframe Kit for UX Designer for Adobe XD まずは年内にWindows版のリリースが予定されているAdobe XDで作成されたワイヤーフレーム用のキット。最近のWebサイトで使用されているコンポーネントが数多く収録されています。

    最近のWeb制作の勉強になる!Webサイトのワイヤーフレームやプロトタイプのまとめ
  • ビジネスモデルの作り方

    45. Customer Success お客さまのプロジェクトを成功させる ためのカスタマーサクセスサポート Creative Network 実績豊富なデザイナー、エンジニア、 コピーライターのネットワーク (130 社以上の制作会社と提携) Kaizen Platform ROIダッシュボード, ワークフロー 管理, 機械学習による最適化, ナ レッジデータベース + Our solution 売上アップに必要なデータ、リソース、アイデアをまとめて提供 + Editor's NotesKaizen Platformは、Web上の顧客体験(UX)を改善することで、 CVRを増やしたり、単価を増やしたり、回遊を増やしたり…といった お客様の事業成長を支援するプラットフォームです。 過去15000回以上の豊富な改善実績を元にしたデータベースと マーケターが必要なデータ x リソース x ア

    ビジネスモデルの作り方
  • バッドUIを改善する方法 ― UIの「5つの状態」を考える | POSTD

    (訳注:2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひも読んでみてください。また、FacebookやTwitterSlackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか? 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか? もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです

    バッドUIを改善する方法 ― UIの「5つの状態」を考える | POSTD
  • デザインが分からない人とデザイン話をするコツ

    良いって何ですか? デザインの話をするのは、たとえ業をしている方にとっても難しいことがあります。それが他分野の方ということになると、なおさらです。目的に沿って議論することで、デザインがより洗練されるわけですが、別の部署、他の役職の方との会話になると、なかなかうまくいかないことがあります。 その理由は、彼等がデザインのことを理解していないからというより、お互いが考える「正しい」を理解していないからということがあります。 Webサイトやアプリを設計・開発されている方全員「良いものを作りたい」と考えています。ただし、その「良い」のニュアンスは立場によって少し異なることがあります。「良い=売れる」と解釈する人もいれば「良い=使いやすい」と捉える方もいます。それぞれがもつ「良い」という価値観が、その人の意見や考え方に大きな影響を及ぼしています。 言葉だけでは理解ができない デザイン案を見せると、以

    デザインが分からない人とデザイン話をするコツ
  • 英国政府のWeb担当が作った“デジタルデザインの原則10か条”がスゴい! | 初代編集長ブログ―安田英久

    今日は、英国政府のWebサイトなどを担当する「政府デジタルサービス(GDS)」の部署が公開している「デザイン原則の10か条」について。「良いデジタルサービスを作り、運営していく」ためのポイントがコンパクトにまとめられています。 英国政府(gov.uk)のサイトには、「デザイン原則(Design Principles)」というページがあり、そこには、次のようなことが書かれています。 まずニーズからはじめる ―― 自分たちのニーズではなく、ユーザーニーズから。当のユーザーを理解し、そのニーズを知る。想像や思い込みではなく、ちゃんとデータで。 なんでもかんでも手を広げず、するべきことだけをする ―― 政府がしなければいけないことだけをし、他の人がすでにやっていたら協力する。 データをもってデザインする ―― 試作し、実際のサイトで実際のユーザーにA/Bテストを行い、その結果をデザインに活かすや

    英国政府のWeb担当が作った“デジタルデザインの原則10か条”がスゴい! | 初代編集長ブログ―安田英久
  • 1