マガジンのカバー画像

UI/UX

25
本
運営しているクリエイター
ながゆ | ランサーズデザイナー

#UIデザイン

鈴木慎吾 / TSUMIKI INC.

鈴木慎吾 / TSUMIKI INC.

iOSとAndroidの"Divider"の線幅の違いと各社の対応

iOSとAndroidの"Divider"の線幅の違いと各社の対応

アプリやWebサイトをデザインする際に、情報をまとまりごとに線で区切ることがあります。リストの各項目を区切ったり、コンテンツをセクションごとに区切ったりする場合です。この区切り線は"Divider"と呼ばれます。

このDividerの線幅について、国内外のサービス各社の対応を調べてみました。

iOSとAndroidのDividerの線幅の違いiOSアプリのリストはSwiftUIで以下のように実

もっとみる
坪田 朋

坪田 朋

UIデザイン力を鍛えるリデザインの勧めとコツ

UIデザイン力を鍛えるリデザインの勧めとコツ

Twitterでクラシルのリデザインの題材として使って良いとつぶやいたら数名からリデザイン案をもらえました。ありがとうございます！

リデザインは、デザインの基礎スキルを身につけられると思うので、どんどんやったら良い派ですが、リデザインする際は何かにフォーカスすると振り返りしやすく技術を積み上げやすいです。

今回は、僕もクラシルのリデザイン案を作りつつそのコツを書いてみたので参考になればと思いま

もっとみる
広野 萌

広野 萌

ミルクボーイがUIとUXの違いを説明したら

ミルクボーイがUIとUXの違いを説明したら

挨拶内海「どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね」

駒場「いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど」

内海「そうなんや」

駒場「その名前を忘れたらしいねん」

内海「IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン

もっとみる
Mikio Kiura / ANKR DESIGN

Mikio Kiura / ANKR DESIGN

UIデザイン時にやってしまいがちな18の誤ち

UIデザイン時にやってしまいがちな18の誤ち

WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。

私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。

本記事で使用する画像はすべてVictor氏のツイートから拝借して

もっとみる
鈴木慎吾 / TSUMIKI INC.

鈴木慎吾 / TSUMIKI INC.

検索結果の絞り込み・並び替えUIの観察

検索結果の絞り込み・並び替えUIの観察

先日、検索結果の絞り込みUIの検討をするために事例を調べたところ、意外にもアプリによって様々な違いがありました。面白いテーマなため観点ごとに違いを整理し、メリット・デメリットや設計意図を考察しました。注目した観点は以下の7つの点です。

これらの観点をもとに以下の条件で12のアプリを調査しました。

1. 絞り込み・並び替えボタンの配置
まずは、絞り込み・並び替えボタンの配置場所について。ボタンの

もっとみる
長沢めい

長沢めい

新・えきねっとは誰のためのシステムなのか？

結論から書くと、ちょっと思い当たらない。というおはなし。

そもそも「えきねっと」とはJR東日本の予約サイト。今週末にリニューアルを実施しました。

切符オタクの界隈では「あの切符が発行できない」「売ってはいけないはずの切符が検索結果に出てくる」などなど、いろいろな反応があったようですが、一般の方からすると「鉄道オタクがなんか騒いでいるなぁ」っていう感じかもしれません。私も個々論的なところはあまり

もっとみる
カナタニ

カナタニ

アプリケーションにおけるグレーを観察する

アプリケーションにおけるグレーを観察する

この記事は Goodpatch Design Advent Calendar 2020 15日目の記事です。

はじめまして！Goodpatch UIデザイナーの金谷です。

UIデザインをしている時、グレーの色選びに迷うことはありませんか？ほとんどの場合、ティントカラーはあらかじめプロダクト・サービスごとに決められています。ですが、テキスト・アイコン・背景・セパレーターなどに使用するグレーに指定

もっとみる
yudai

yudai

『UXトレース』で、新メルカリをゴリゴリ掘り下げてみた

『UXトレース』で、新メルカリをゴリゴリ掘り下げてみた

【長めなので、時間がある時に読むことをオススメします】

…

はいどうも〜！(Vtuber並感)
最近、メルカリに「メルペイ」が搭載されたということで、早速使ってみようと思ったワケなんですけども！！！

＿人人人人人人人人人人＿
＞　　　iPhone6s　　   ＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y￣

そうです。iD搭載してないおじいちゃんスマホなので、使えません。
お手上げ。無念。サヨナ

もっとみる
tsukasio

tsukasio

ねらいどおりの変化を起こす、UI改善について

ねらいどおりの変化を起こす、UI改善について

こんにちは、クックパッド デザイナーの平塚（@tsukasio615）です。クリエイション開発部では、レシピやつくれぽなどクックパッドの投稿体験に関する開発を行っています。

今回は、レシピ投稿の中でも重要な「レシピを書く画面」のUI改善についてご紹介します。

課題の洗い出しと優先度決めある日、プロダクトオーナーからレシピ投稿のユーザビリティ改善をしたいというオーダーがありました。レシピ投稿と言

もっとみる
Yoko Nishida

Yoko Nishida

オブジェクトベースなUIデザイン

オブジェクトベースなUIデザイン

WEB+DB PRESS Vol.107掲載のオブジェクトベース設計によるUIデザイン改善を読んだ。デジタルなサービスのUIを設計していく上で、とても参考になる知見なのでまとめてみる。

オブジェクトベースUI設計とはユーザーがやること（タスク）の手順をそのまま画面に反映させるのではなく、ユーザーの関心対象（オブジェクト）を画面とデータに対応させながら考えていく手法。

オブジェクトベースUI設計

もっとみる
ゆい

ゆい

独学でUIデザインはじめた方へ。デザインガイドラインについて語ろう！

独学でUIデザインはじめた方へ。デザインガイドラインについて語ろう！

こんにちわ！はじめまして、ゆいです。

都内でデザイナーとして働きつつ、兼業で画家になりたいです。設計したりWEBデザインしたり、社内ではグラレコ風のなにかを描いたりしています。休日は絵を描いています。

日々の思考・メモなどはツイッターにあるので良かったら見てください

休日描いた絵はこちらに載せています↓こちらもよかったら。

ガイドラインについて、話したい。今回はナレッジの整理と共有です。2

もっとみる