マガジンのカバー画像

UI/UX

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

#デザイン

鈴木慎吾 / TSUMIKI INC.

鈴木慎吾 / TSUMIKI INC.

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

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

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

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

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

もっとみる
広野 萌

広野 萌

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

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

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

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

内海「そうなんや」

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

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

もっとみる
たけてつ

たけてつ

デザイナーが事業をデザインするうえで知っておきたい基礎知識

デザイナーが事業をデザインするうえで知っておきたい基礎知識

まだまだUIデザイナーを欲する企業が多くUIデザイナーが足りていない状況ではありますが、そんな採用ニーズとともに年々、UIデザイナーを目指す学生や若手社会人もが増えており、市場ではデザイナー人口が増加しているように感じています。
みなさんは、どんなところにデザイナーとしてのやりがいを感じていますか？デザイナーを始めた時と今とで、何か変化はあるでしょうか。

以下の4つをみながら、自身がデザイナーと

もっとみる
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. 絞り込み・並び替えボタンの配置
まずは、絞り込み・並び替えボタンの配置場所について。ボタンの

もっとみる
カイクン🤘

カイクン🤘

超初心者から活躍できるまで！UIデザイナーのスキルの登り方をまとめてみた

超初心者から活躍できるまで！UIデザイナーのスキルの登り方をまとめてみた

Youtubeで"UI/UX,Webデザイン"、"初心者デザイナーが価値あるスキルを身に着ける"ためのチャンネルを運営しています。

その中で”伸ばすべきデザイン力”を整理できないかとトライしているので、そのログを残します💡

デザインを学びたいけど何から手をつけたら良いのか、何を目指すのかよくわからない。という人の助けになると嬉しいです👍

※UIデザイナーの定義を「UIで構成されるインター

もっとみる
カナタニ

カナタニ

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

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

この記事は 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搭載してないおじいちゃんスマホなので、使えません。
お手上げ。無念。サヨナ

もっとみる
坪田 朋

坪田 朋

UIデザイナーに必要なのは、決定力のあるデザインを作る能力

UIデザイナーに必要なのは、決定力のあるデザインを作る能力

※過去ブログからの移転

最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。

流行りの記事のいくつかに目を通すと、デザイナーは「経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない」らしい。

スキルを多く保有している方が望ましいのは間違いない。

ただ、現

もっとみる
sagaraya

sagaraya

料理とOOUI

料理とOOUI

みなさん、料理するときにレシピを見てますか？

おそらく多くの人が見ているのではないでしょうか。では、スマホやPCを使うときに説明書を見ますか？ おそらく多くの人は見ないですよね。

なぜスマホやPCは説明書なしで使えるのに、料理はレシピが必要なのでしょうか。本稿ではOOUIをはじめとするデザインの考え方を用いながら、その疑問を深堀りしてみます。

使いやすいソフトウェアはOOUIでできているOO

もっとみる
tsukasio

tsukasio

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

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

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

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

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

もっとみる
広野 萌

広野 萌

誤配としてのデザイン

誤配としてのデザイン

誤配批評家の東浩紀氏をご存知でしょうか。

フランスの哲学者「デリダ」についての研究に始まり、オタク文化を独特の目線から論じたり、SF小説で三島由紀夫賞をとったりしている方で、いまだに文芸批評の最前線で活躍されています。

大学生のとき彼の講義を受けていたため、私にとっては東浩紀である前に東先生でした。

教室で感じた彼の話術の巧みさと、のちに読むことになった著書における文章の明快さは、現代思想と

もっとみる
Yoko Nishida

Yoko Nishida

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

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

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

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

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

もっとみる
ゆい

ゆい

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

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

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

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

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

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

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

もっとみる