【イカしたUIを見る】Vol.2 これは発明だ！と思ったUIパーツ10選｜Goodpatch Blog グッドパッチブログ
知れば知るほど面白くなるUIの世界を皆さんにもチラ見せしたい……ということで、連載の第2弾となる今回は「これは発明だ！」と私たちが感動したUIパーツについてご紹介します。 ミクロな視点でアプリを観察し、UIパーツ一つひとつに注目してみると、普段は気付けない面白い発見がたくさんありますよ。 ※各UIパーツの名称は、公式で発表されているものではなく、私たちが便宜的につけた呼称になります。 関連記事：UIデザインとは？ 大切な5つのポイントや取り組み事例を紹介 Apple Booksのセミモーダル Appleが提供する電子書籍アプリ「Apple Books」では、カルーセル状に並んだ本を押すと、そのままセミモーダルが立ち上がります。前の画面の一覧性を保ちながら、それぞれの本の詳細を見ることができるのが特徴的ですね。さらに下スクロールすることで、全モーダルへと滑らかに変化します。 このUIのポイン
UXデザイナーのマインドセットを学ぶGoodpatch流の新卒UXデザイン研修｜Goodpatch Blog グッドパッチブログ
はじめに 2021年、Goodpatchには8人の新卒が入社しました。 今年もGoodpatchでは4月から6月までの3ヶ月間で新卒研修を行っています。昨年は新卒の職種ごとに分け研修を行っていましたが、今年は全職種を対象としてUXデザインやUIデザイン、さらには営業の研修を行っています。 今回の記事では、UXデザイン研修がどのような目的で行われていて、どのような内容を学ぶことができるのかをご紹介します。 研修の目当て Goodpatchの新卒向けUXデザイン研修では以下を目当てとしています。 GoodpatchのUXデザイナーとして必要なマインドセットを理解すること Goodpatchに所属している先輩UXデザイナーを知ってもらうこと UXデザインに活用できるたくさんの手法を理解することも重要ではあるのですが、Goodpatchの研修では手法を伝えることよりも、まずはその土台となる Goo
UIデザインにおけるアイコンの重要性｜Goodpatch Blog グッドパッチブログ
UIデザインにおける「アイコン」は、アクションやコンテンツを直感的かつ素早くユーザーに伝えるための記号や絵柄であり、デザインにおいて大切な要素の一つです。また、ユーザーに意味を正確に伝える必要があるからこそ、機能やアクションをどのようにアイコンで表現すればいいか、サービスの世界観に合っているか、などと悩むデザイナーも多いと思います。 今回はウェブサイトのUXを高めるアイコンのデザインについて、少し掘り下げていきたいと思います。 1. ピクトグラムとの違い まずはじめに、アイコンとよく似たものとして「ピクトグラム」が挙げられます。ピクトグラムは、言葉で説明をしなくても情報が伝わるよう絵で表現したものです。年齢、障害、人種、宗教、環境などに左右されず万人が共通で理解できる情報提供手法として、日本を含め世界中の公共交通機関、観光施設等で広く掲示されています。つまり、ピクトグラムは「世界共通の言語
UXデザインに欠かせない「ユーザーテスト」とは？Prottチームで実践するやり方とポイント｜Goodpatch Blog グッドパッチブログ
シニアUXデザイナーのチェルシーです！本日は、私が所属するProttチームで実践しているユーザーテストの方法と、ユーザーテストの基本的なやり方についてご紹介したいと思います。 Prottチームは、ユーザーの意見に共感するよう努めています。私たちがプロダクトを開発するときは「どうやってアイデアを実現するか」について苦労することが多いですが、ユーザーと話すときは「どうやって」よりも「なぜ」について尋ねるようにしています。また、ユーザーテストにProttを用いることで、プロジェクトマネージャーやステークホルダーがデザインと密接になることができます。 週に1回ユーザーテストを始めたきっかけ 現在、Prottチームではアジャイル手法を採用しています。2週間のスプリントで、革新的かつ効果的な方法を学び、改善を重ねています。そして、私たちは毎週ユーザーテストを行なっています。ゴスエルフ・ジェフ氏（Jef
GoodpatchのUIデザイナーがおすすめ UIデザインを理解するためのブックリスト【2021増補版】｜Goodpatch Blog グッドパッチブログ
今回は、GoodpatchのUIデザイナーにヒアリングし、UIデザインを理解するためのおすすめ本をまとめました。 次のような人に特におすすめです。 UIデザイナーになったばかりの人 もっとUIデザインについて勉強したい人 サービス、アプリ開発に携わるエンジニア・ディレクターの人 目的別に6つのカテゴリに分けてご紹介します。あなたの関心に沿ったトピックから、 気になる本を見つけていただけると嬉しいです。 1. UIデザインを基礎から理解する ユーザーインターフェース（UI）とは何なのか、どんなデザイン要素があるのか、UIが機能する環境とは？、どうやって作ってリリースするのか…UIデザインを始めるために、まずは基礎知識を網羅しましょう。 ■ はじめてのUIデザイン 改訂版 この本は、著者の1人である吉竹遼さんが「UIデザインを体系的に学ぶための本が少ない」という課題感から企画されました。そのた
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
