マガジンのカバー画像

UIUX

224
運営しているクリエイター

#UIデザイン

【Tokio Marine X の内部に潜入】UI/UXデザインのワークショップを開催しました!

【Tokio Marine X の内部に潜入】UI/UXデザインのワークショップを開催しました!

みなさん、こんにちは!Tokio Marine X公式note編集部です。
今回のテーマは「Tokio Marine X少額短期保険株式会社(以下、Tokio Marine X)が目指すUI/UXとは」です。Tokio Marine X のUI/UXデザインを統括する小野寺さんが、社内の取組みや目指しているUI/UXデザインを語りました。先日開催したワークショップの講師である東京海上日動小美濃さん

もっとみる
業務システムにつよいUIデザインライブラリー

業務システムにつよいUIデザインライブラリー

要件定義段階からプロトタイプを活用するアプローチ

私がつとめるアストロラボでは、DX推進支援事業におけるITソリューション開発で、プロジェクトの初期段階である要件定義からデザイナーが参加し、プロトタイプを活用して実際の業務をイメージしながらシステムの仕様を詳細に検討するアプローチをとっています。

従来のSI開発アプローチにおいては、UIデザイナーは、開発フェーズがある程度進んだあとで、ようやく

もっとみる
何度も添削してもらいながら身につけたUI基本の型【アプリデザイン】

何度も添削してもらいながら身につけたUI基本の型【アプリデザイン】

初めまして!もともと営業していましたが、現在はUI/UXデザイナーとして転職すべく学習中です!

UIの基礎中の基礎を一通り学んだので、次は「音声SNS」という架空のアプリを作りながら、基本的な見た目を設計できるよう特訓をしていくことにしました。

フィードバックをいただける環境にあるので、全部吸収しようと気合も入っておりました🔥デザインの添削はカイさん。

今回のnoteでは、思考の過程と、一

もっとみる
UX入門「ゼロからサービス設計できる」動画作りました【今だけ2ヶ月フィードバック有り】

UX入門「ゼロからサービス設計できる」動画作りました【今だけ2ヶ月フィードバック有り】

カイクンです。
UI/UXを動画とコミュニティでスキルアップできる「BONO(ボノ)」というサービスを作ってます。

”なぜそのUIなのか?”を考え実践できるコンテンツ「UX入門」をBONOで作成しました💡
それに合わせて、BONOメンバー限定、6-8月でサービスのプロトタイプまで作り切る&フィードバック有りのワークショップを開催します👋

この記事ではこの2つについてお伝えしていきます。

もっとみる
アプリのアップデート300本ノックから学ぶUI改善のヒント

アプリのアップデート300本ノックから学ぶUI改善のヒント

こんにちは、HR業界でアプリマーケティングをしている宮﨑です。

・アプリのアップデート前後のUI変化
・Push通知など気になったGrowth施策

こうしたものを「#アプリノック」としてTwitterで投稿すること3ヶ月。300本以上のネタが溜まってきました。

今回のnoteでは「フォッグの消費者行動モデル」というフレームワークを使ってまとめていきます。

行動 = 動機 × 実行能力 ×

もっとみる
課金 UI まとめてみた

課金 UI まとめてみた

売上を伸ばしたい。
課金率を伸ばしたい。
でも、難しい!

コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。

Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。

まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見い

もっとみる
地図を使ったUI考察

地図を使ったUI考察

こんにちは。TAM UX/UIチーム デザイナーの和佐(@wa_sser)です。
普段はUX設計からUIデザインまで幅広く担当しています。

今回地図を使ったアプリ設計の仕事があり、いろんなカテゴリのアプリを調べてみました。地図といっても、サービスの一部であるものからメインコンテンツとなっているものまで様々あります。

この記事ではしないこと
Google Maps APIを使うことが決まっていた

もっとみる
あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #09

あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #09

こんにちは!i3DESIGN デザインチームです。

季節もすっかり冬になりましたね⛄️
個人的には暑い夏より寒い冬が好きだったりします。

前回の投稿からだいぶ期間が空いてしまいましたが最後のユーザビリティチェックリストのご紹介です。

No.01〜No.50のチェックリストをまとめた記事も今後投稿しますのでぜひチェックしてください。

-----

46.条件は先に提示する誰しも、自分のした作

もっとみる
UXデザインにおける考え方・用語

UXデザインにおける考え方・用語

「UIデザイン: みんなで考え、カイゼンする。」(栄前田勝太郎、河西紀明、西田陽子著)の第六章で述べられているUXデザインにまつわる考え方・用語の一部を理解するために、他サイトも参考にしながらまとめてみます。

⓪そもそもUXデザインとは「ユーザーエクスペリエンストはプロダクト、システムまたはサービスを使用したとき、または仕様を予測したときに生じる知覚や反応」(国家規格「ISO9241-210」よ

もっとみる
実践で使える失敗しないUIUX制作プロセス

実践で使える失敗しないUIUX制作プロセス

遊べる通話アプリ『パラレル』を作っている創業メンバーの槙野(Twitter:@ytmkn_)と申します。

パラレルは今年の夏に12億円の大型調達(累計17億円)を行い、グローバル・日本でその名を轟かすようなサービスになるために日々奮闘しています。

今回は、先日開催したイベント「インハウスデザイナー酒場」で登壇した時の内容を記事にしました。

当日は謎に僕をいじる人が続出し、盛り上がりました!笑

もっとみる
AIで簡単にUIデザインを作る(Uizard Autodesigner)

AIで簡単にUIデザインを作る(Uizard Autodesigner)

Uizard Autodesignerとは?
AIを利用して、デザインデータやモックを簡単に自動生成するツール。

早速Autodesignerを使ってデザインを作成してみる。

1. Generate with Autodesignerマイページ内のプロジェクトにある「Generate with Autodesigner (β版)」を選択。

2. デザインイメージをテキスト入力デザインイメージ

もっとみる
【2022年】実績あるUIUXデザイン会社7選|特徴・実績

【2022年】実績あるUIUXデザイン会社7選|特徴・実績

はじめにWebサービスやアプリのUIデザインを制作会社に依頼する際、どの企業を選べばいいのかと困ったことがありませんか。

こちらの記事では、依頼先の参考として、東京のWeb・アプリ制作で実績のあるデザイン会社を7社ご紹介しています。依頼先を検討されている方は、是非ご活用ください。

UIデザイン制作の流れ

Webやアプリの制作依頼をする前に、制作のどの部分を依頼するのかある程度決めると、どんな

もっとみる
【1日目】WEBデザイナーからUIデザイナーへの道。

【1日目】WEBデザイナーからUIデザイナーへの道。

【追記(2022/08/10)】
こちらの記事を意外と見て頂いているようなので参考になればと私の勉強方法を共有いたします。。(現在は1〜4、6、7を実践中)

UIデザインの基本を理解する(はじめてのUIデザイン 改訂版 を読む)

ガイドラインを理解する(MaterialDesign、Human Interface Guidelines)

Daily UI の課題

既存サービスのトレース

もっとみる
OOUI実践のコツ | 新規サービスに導入してわかった、5つのこと

OOUI実践のコツ | 新規サービスに導入してわかった、5つのこと

こんにちは、スマートキャンプ デザイナーの柿澤です。

現在、新規サービスのローンチに向けてデザインをしているのですが、その際にOOUI(オブジェクト指向ユーザーインターフェース)を実践する機会がありました。

OOUIの概念自体は前から知っていたのですが、業務として使ったことはなく、実際に取り組んでみると本を読むだけでは理解することのできなかったこと、実践する中で躓いたことやその際の考え方などが

もっとみる