マガジンのカバー画像

UI UX interaction

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

#UI

間違えがちなUI用語《モーダル?ポップアップ?》

間違えがちなUI用語《モーダル?ポップアップ?》

こんにちは!Link-UのUIチームです!
今回の記事はモーダルやダイアログ、ポップアップなどの似たようなUI用語について具体的な使用用途をまとめました。
混同しがちな用語なので明確に違いを捉えて理解しましょう🔥

モーダル特定の操作を求めるために表示させるウィンドウ
画面を覆い被さるようなウィンドウが表示されることを「モーダル」と呼びます。
情報を入力するように促したり、承諾やキャンセル、項目

もっとみる
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

こんにちは!i3DESIGNデザイナーチームです。
今日は、私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒントを50個シェアしていきたいと思います。

マガジン「ユーザビリティチェックリスト」01〜09ののまとめ記事です。

「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめていま

もっとみる
手戻りがゼロに!? 情報整理を変えた独自UIフロー

手戻りがゼロに!? 情報整理を変えた独自UIフロー

こんにちは!UIデザイナーの大竹(@satocalog)です。最近では、UXリサーチ周りやワークショップ設計をゴニョゴニョしています。

今年Chatworkでは、新しいUIデザインフローが作成されました。そのきっかけについては、以下の記事で紹介しています。

今回は、独自UIフロー【MONDRIAN】の前半(要件〜構造)について紹介していきます。
この前半フローのおかげで私は作業の手戻りが無くな

もっとみる
Figmaでよく使うショートカット

Figmaでよく使うショートカット

こんにちは。UIデザイナーのカヒブンです。

UIデザインする時にショートカットを使うと、効率良く時間をかけずに作業をすすめられますので、今週のデザトレ(弊社のデザイン部で毎週行われているデザイン勉強会)でチームと一緒にFigmaでよく使うショートカットを学んでみました。

今回の内容は、Figmaを操作しながら学ぶとわかりやすいので、下記のFigmaリンクを参考にしていただければ幸いです。

もっとみる
超わかる!ユーザーエクスペリエンス(雑)

超わかる!ユーザーエクスペリエンス(雑)

社内メンバー全員が、ユーザーエクスペリエンスをざっくり理解するための資料。(注: 以下は、ざっくり最速で基礎知識を説明するものです。厳密な定義は、ちゃんとした資料をご覧ください)。

5秒でわかる雑なUXモデルまず「だいたいあってる、ざっくりした概念図」を出します。

「すき焼き(コンテンツ)を、お箸(インターフェース)で、食べたら美味しかった(エクスペリエンス)!」

シンプルに示せば、UXとは

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

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

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

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

内海「そうなんや」

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

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

もっとみる
【悪いUI・良いUI】発想の転換から打開したアイデアまで【デザイン思考】

【悪いUI・良いUI】発想の転換から打開したアイデアまで【デザイン思考】

※某まとめサイトにてまとめていた記事の転用です

BASENAME: 2150782012031271001 STATUS: Publish ALLOW COMMENTS: 1 ALLOW PINGS: 1 CONVERT BREAKS: richtext DATE: 12/06/2018 00:54:50

良い・悪いと思ったデザイン例からデザイン思考、デザインに関した事例などを多数サイトやS

もっとみる
Figmaでつくるレイアウト(サンプル付) Google Sheet SyncとAuto Layout編

Figmaでつくるレイアウト(サンプル付) Google Sheet SyncとAuto Layout編

Figmaプラグインの「Google Sheet Sync」と、Auto Layout機能を組み合わせることで効率的なテキストレイアウトが実現します。

準備するもの
Google Sheet SyncSpread Sheetを流し込むためのFigmaプラグインです。

Google Spread Sheet

入力の仕様:一行目は、Tile、Captionなど、後述するFigmaのレイヤー名と一

もっとみる
「トークシナリオ法」でUIを設計する

「トークシナリオ法」でUIを設計する

インターフェースの設計をユーザー視点で構築するのは、決して難しいことではありません。

ここでご紹介するのは、私がユーザーとUIの整合性を取るために使う、最も簡単な思考法です。

良いインターフェースは会話をするあなたがこれから設計するインターフェースは、あなたの代わりにユーザーと会話をしてくれる人間のような存在です。

何かを販売・広告するウェブサイトなら、あなたの代わりに24時間営業トークを行

もっとみる
「おでかけNOW」のUXデザインプロセス

「おでかけNOW」のUXデザインプロセス

こんにちは、UIデザイン2チームのレイです。私はLINEトラベルの業務全般を担当しているのですが、今回は中でも「おでかけNOW」のUXデザインプロセスについて話したいと思います。
まず、おでかけNOWはどんなサービスかと説明させていただきます。おでかけNOWは現在地と目的地に紐づいて、スポット、イベント、お店、アクティビティ・体験、記事など色々の情報を探せるLINEトラベルの新しいサービスです。

もっとみる
2ヶ月連続、CVRが前年より約40%以上改善を達成したUI改善

2ヶ月連続、CVRが前年より約40%以上改善を達成したUI改善

こんにちは、クラシコムのデザイナーの遠藤です。クラシコムは、7月31日に期末を迎えました。そのちょうど期末の日に、利き腕の右手首を骨折してしまい、文字だらけかつ無骨なブログになりますが、お付き合いください。

13期末、なかなかにドラマチックな数字が踊る結果となりました。

2019年6月、7月のCVRが前年より約40%以上改善しました!!

嬉しすぎます…!もちろん、この結果に到達できたのは、様

もっとみる