タグ

ブックマーク / goodpatch.com (8)

  • ウェブアクセシビリティ対応、どうすれば? 法改正のポイントと5つのステップを解説|Goodpatch Blog グッドパッチブログ

    アクセシビリティ? ウチの会社のウェブサイトは大丈夫なの──。 法改正によって、障害のある方への「合理的配慮の義務化」が、2024年4月1日をもって民間企業にも適用されることを受け、ウェブデザイン分野ではアクセシビリティ対応の機運が高まっています。 とはいえ、「法改正で何が変わったのかよく分からない」「ウェブアクセシビリティってどうすれば対応できるの?」といった疑問を持つ方も少なくないはず。そこで、この記事ではいわゆる「法的義務化」の潮流を解説しつつ、アクセシビリティの基を押さえていきます。 アクセシビリティの考え方は、ウェブに限るものではありません。他のプラットフォームでのソフトウェアデザインや物理的なモノや空間のデザインにおいても、普遍的に重要な視点です。ぜひ、この機会に一緒に学んでいきましょう! なぜ「ウェブアクセシビリティ」に注目が集まっているのか? まず前提として触れておきたい

  • キャンセルのキャンセル問題から考えるダイアログデザイン|Goodpatch Blog グッドパッチブログ

    この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……? 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では

    キャンセルのキャンセル問題から考えるダイアログデザイン|Goodpatch Blog グッドパッチブログ
    ttten
    ttten 2023/09/22
  • AIブームの今だからこそ見つめたい、人間性を感じるアプリUI|Goodpatch Blog グッドパッチブログ

    今デザイン界隈でもブームになっている「AI人工知能)」。トレンドを追いかけていると、便利で効率的でクリエイティブな未来にワクワクする一方、人間らしさやアナログの世界が恋しくなることはありませんか? デザインにおいて、「人間らしさ」というのは大切な要素だと思っています。例えば、ユーザーが困ったときにそっと手を差し伸べてくれるような機能。これは便利さや効率だけでは届かない、人間だから、人の優しさがあるから生まれるものでしょう。 私自身、そんな「作り手の『Humanity(人間性)』が感じられる」デザインやソフトウェアが大好きなのですが、その仕掛けの多くは、些細なインタラクションや文言に宿っているもの。意識的に観察しなければ見逃してしまうでしょう。それだけ、ユーザーの意識に融け込んだ体験であるとも言えます。 この記事では、作り手のHumanityが感じられるソフトウェアについて、アプリUIの観

    AIブームの今だからこそ見つめたい、人間性を感じるアプリUI|Goodpatch Blog グッドパッチブログ
  • デザイナーの仕事は AI でラクになる?実際に試してみた|Goodpatch Blog グッドパッチブログ

    こんにちは。Goodpatch UIデザイナーの金谷です。 最近、ChatGPTで話題沸騰のAI機械学習、ディープラーニングなどの技術の進歩が著しく、自然言語処理、画像認識、音声認識などの分野で、驚異的な精度と高速な処理能力を発揮しています。 ChatGPTにいろいろな「仕事」をさせる実験が流行っていますが、私自身もAIに負荷が高い(面倒)な作業を肩代わりしてもらえないか、実験をしてみたくなりました。 個人的な願いですが、AIの活用によって業務効率が飛躍的に向上するといいなと考えています。より創造的なタスクに時間をかけられ、品質の高いものを生み出せたり、人間が意思決定をする上で、十分な情報や条件がすぐにそろったり。 というわけで、デザインのワークフローにおけるどんな課題を解決できるのか、順に追って考えてみたいと思います。 Webアプリ・モバイルアプリデザイナーのワークフローごとに面倒な作

    デザイナーの仕事は AI でラクになる?実際に試してみた|Goodpatch Blog グッドパッチブログ
  • 「使いやすい」を作るための4つのアプローチ|Goodpatch Blog グッドパッチブログ

    デザインパートナーとディスカッションをするなかで「アプリの”使いやすさ”を競合との差別化要素にしたい」という意見や、「目を引くデザインであっと驚く体験を提供したい」という意見をよく聞きます。それらを実現するためには様々な方法がありますが、実は突飛なデザインを作るよりも”普通なデザイン”を作ることが一番効果的であることが多くあります。 この認識のギャップを乗り越えてチーム全員が同じ認識を持ってものづくりに向き合うために、今回は「使いやすい」を作るための考え方や手法をまとめます。 「使いやすい」と「使いづらい」は何が違うのか 初めて使うサービスに触れた時に「これ使いづらいな」と思うものと「これ使いやすいな」と思うものがあるのはなぜでしょうか。ターゲットの整合性やユースケースパターンの考慮など色々な原因が考えられますが、多くの場合は学習のしやすさの違いが影響しています。 サービス初級者にとっての

    「使いやすい」を作るための4つのアプローチ|Goodpatch Blog グッドパッチブログ
  • Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人 | Goodpatch Blog

    デザイナーなら誰でもチェックしているであろうDribbble。招待制なので優秀なデザイナー以外は参加できず、常に高いクオリティが保たれています。Goodpatchでも最近Dribbbleに作品をアップしはじめました(アカウントはこちら)。 MEMOPATCHをご覧の方の中にもDribbbleをチェックしている方やこれから見てみたいと思っている方も多いはず。でもはじめたばかりの頃だと誰をフォローしたらいいのかなかなかわからないのではないでしょうか?そこで今回は、Goodpatchメンバーがいつもチェックしている世界のスーパーUIデザイナー14人を紹介します! Louie Mantia https://dribbble.com/mantia 2008年に大学を卒業して以来、働いてきた会社はTapulous、Iconfactroy、Apple、Squareと聞けばそのすごさが伝わるのではないでし

    Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人 | Goodpatch Blog
  • これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編) | Goodpatch Blog

    先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに! まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で

    これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編) | Goodpatch Blog
  • ビビッドな色使いが目を引く、フラットなUIデザインのアプリまとめ | Goodpatch Blog

    Feedly: Your Google Reader, Youtube, Google News, RSS News Reader 14(無料) カテゴリ: ニュース, エンターテインメント 販売元: DevHD – DevHD Inc Website RSSフィードリーダーのFeedly。メインカラーとして鮮やかな黄緑を使っており、カテゴリー部分では色を多用しています。慣れればどのカテゴリーかぱっとわかりそうで良いですね。 Infomatic Website Infomaticは自分のTwitterやFacebookの使用状況を統計で確認できるアプリ。残念ながら日のアップルストアではダウンロード出来ませんが、青をベースとした配色が綺麗ですね。 Figure

    ビビッドな色使いが目を引く、フラットなUIデザインのアプリまとめ | Goodpatch Blog
  • 1