マガジンのカバー画像

UI

13
デジタルを見える化
運営しているクリエイター

記事一覧

あたりまえの機能をデザインするときに考えたこと

あたりまえの機能をデザインするときに考えたこと

こんにちは。
クックパッドマート開発チームの長野(@naganyo)です。注文ユーザー向けアプリのプロダクトマネージャーをしています。

以前、「サービスのフェーズで変わるUIデザインの話」として、クックパッドマートのアプリUIの変遷と抱える課題についてお話ししました。
あれから約5ヶ月ほどが経ち、このとき課題に挙げていた「どんどん増える商品が探せない問題」に対して商品検索機能を、「商品によって買

もっとみる
アプリのウォークスルーを観察してまとめてみた

アプリのウォークスルーを観察してまとめてみた

はじめにアプリをインストールした後、使い方を説明したり、アプリの機能を説明するイントロダクションが存在している。アプリのウォークスルーは、初めてインストールした人がすぐに離脱してしまわないように、使い方を説明するコミュニケーションチャンスとなっている。

色々なアプリが存在しているが、大きく分けて、
○上の部分だけスワイプで切り替えられる形式
○画面全体をスワイプする形式
○連続的に見せる形式

もっとみる
文字のデザインが苦手なので、ちょこっと歴史を学んでみたはなし

文字のデザインが苦手なので、ちょこっと歴史を学んでみたはなし

はじめにみなさんフォント好きですか?デザインに上手く取り入れることできてますか?わたしはちょっと苦手でした。ウェブデザイナーになって会社で支給されたパソコンにはたくさんのフォントが入っているけど、どれを使えばいいのかわからない、形を覚えられない…という悩みがありました。

わからないなら勉強するしかない!ということで、本を読んだり書体デザイナーさんが登壇される勉強会に参加したりするようになりました

もっとみる
2019好きなゲームUI/UXまとめ

2019好きなゲームUI/UXまとめ

↓本記事はアドベントカレンダー「Game Graphic Design Advent Calendar 2019」用に書きました。

-----------------------------------------------

記事内容の削除についてのお詫びにつきまして

本記事は、ゲームタイトルの作例をもとに自分の目線で文章を書いておりました。

しかし、「ゲームUI演出ブログ」での記事削除

もっとみる
ハードウェアを開発する企業に転職して見えてきたUXデザイナーのキャリアプラン

ハードウェアを開発する企業に転職して見えてきたUXデザイナーのキャリアプラン

この度「キャッシュレス無人コンビニ」を運営する 600株式会社に良縁をいただきき転職させていただきました。
その意思決定をする上で見えてきた、自身のデザイナーとしてのキャリアプランについて書かせていただこうと思います。

これは私の今の決意表明のようなものなので、2年後に反省している可能性もございますが、これからのキャリアパスに悩んでいる同じようなデザイナーの皆様に良くも悪くも参考にしていただける

もっとみる
アクセシビリティに配慮したビジュアルデザイン

アクセシビリティに配慮したビジュアルデザイン

この記事は『デザイニングWebアクセシビリティ』の第8章 ビジュアルデザイン を図解・要約したものになります。より詳しく知りたい方はこの本を読んでください。この8章についてはお試し版という形で無料公開されています。

8章の内容:視覚的な見せ方、ビジュアルについて多くの人は視覚から情報を得ているので、ビジュアルデザインを工夫すればアクセシビリティの向上が見込める。とはいえ視覚情報のほとんどはマシン

もっとみる
パワポの図形だけで作る、アイコンの作り方

パワポの図形だけで作る、アイコンの作り方

外部で発表するようなスライドを作る時に、アイコンやイラストを挿入したいことがあります。しかし、有名なフリー素材サイトからダウンロードして使うのは少し気が引けたり、見つけた!と思ったら有料だったり、なかなか欲しいものが見つからなかったり…。かき集めて作ったとしても、トンマナが揃ってないスライドが出来上がり、完成度が低く見えてしまうのではないでしょうか。

このように、スライドに挿入する画像探しに苦労

もっとみる
インスペクタUIの設計観点

インスペクタUIの設計観点

デスクトップ向けの制作系アプリケーションでよく見られる「インスペクタを備えたUI」の設計について、その考え方を深掘りしてみます。具体的な話をする前にまず「インスペクタ」とは何かを明らかにするため、私は次のように定義してみます。

インスペクタの定義と例インスペクタ / Inspector
ある選択された状態にあるオブジェクトの詳細な情報を提示したり、オブジェクトの属性を編集するための手段を提供する

もっとみる
Webサイトのメインビジュアルの構図を集めて分析してみた。

Webサイトのメインビジュアルの構図を集めて分析してみた。

初めまして、ameko(@tk04amedama)と申します。
普段は都内の制作会社でWEBデザイナーをしています。
と言ってもまだまだ新米なので、日々勉強中です。

その勉強の一環で、最近のWebサイトで使われている
メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみよ

もっとみる
SwiftUI チュートリアルをやってみた

SwiftUI チュートリアルをやってみた

はいどうも〜うっくんで〜〜〜〜す!!!

SwiftUIチュートリアルをやってみました!紹介します。

本家はこちら。英語を読める方は公式でも全然OKです。

SwiftUIとは
"SwiftUIゆうたら、ぎょうさんあるAppleプラットフォームぜ〜んぶで使える、UIをメッサ早く作れる新しいやり方や。しかもコードがキレイで、ブワーっちゅう感じやねん。" (Apple公式サイトより筆者が大阪弁に翻訳

もっとみる
LINEのUIデザイナーが参考にするWebデザインギャラリーサイト6選

LINEのUIデザイナーが参考にするWebデザインギャラリーサイト6選

こんにちは、UIデザイン4チームのイ・ジヘです。 今回は、LINEのUIデザイナーたちが日々参考にしているデザイン系のウェブサイトをご紹介いたします。

特にスマホのUIデザインは2007年、iPhoneが世に出た後から本格的に注目され始めたと言えるでしょう。 そう考えると歴史がまだ12年くらいしかないないんですね。さらに、用語さえもUI DesignとProduct Designが混用されている

もっとみる
UIデザインの本質を学べる書籍、
「はじめてのUIデザイン」を読んでみた

UIデザインの本質を学べる書籍、 「はじめてのUIデザイン」を読んでみた

3日前に「はじめてのUIデザイン」という本を買ってみました!

きっかけは、フォロワーさんの多くがこの本の発売イベントに申し込んでいたからです。

この本の存在は4月ぐらいからなんとなーく知っていたのですが、以前読んだUIデザインに関する書籍とそんな内容変わらないかな?と思い、無意識にスルーしていました…。

結論から言うと、買ってよかったです。私のようなUIデザイン学びたての人が理解しやすいよう

もっとみる