「UX」カテゴリーアーカイブ

UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | knowledge / baigie

UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | knowledge / baigie

UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | knowledge / baigie

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名な...

はてなブックマーク - UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | knowledge / baigie はてなブックマークに追加

無駄にGAFAの逆にいくな…というお話|深津 貴之 (fladdict)|note

無駄にGAFAの逆にいくな…というお話|深津 貴之 (fladdict)|note

無駄にGAFAの逆にいくな…というお話|深津 貴之 (fladdict)|note

先週、電通さんのスタートアップのアクセラレーションと、W venturesさんの投資先メンタリングをやりました。その両方で話したことの補足。 GAFAの作法に無駄に逆らってはいけないよ。GAFA級の複数企業が同じ施策・設計をしていたら、よほどのファクトがない限りは従うのがオススメ。 ここ数年、スタートアップ支援のお...

はてなブックマーク - 無駄にGAFAの逆にいくな…というお話|深津 貴之 (fladdict)|note はてなブックマークに追加

無駄にGAFAの逆をいくな…というお話|深津 貴之 (fladdict)|note

無駄にGAFAの逆をいくな…というお話|深津 貴之 (fladdict)|note

無駄にGAFAの逆をいくな…というお話|深津 貴之 (fladdict)|note

先週、電通さんのスタートアップのアクセラレーションと、W venturesさんの投資先メンタリングをやりました。その両方で話したことの補足。 GAFAの作法に無駄に逆らってはいけないよ。GAFA級の複数企業が同じ施策・設計をしていたら、よほどのファクトがない限りは従うのがオススメ。GAFAってのは、Google, Apple, Faceb...

はてなブックマーク - 無駄にGAFAの逆をいくな…というお話|深津 貴之 (fladdict)|note はてなブックマークに追加

無駄にGAFAの逆をいくな…というお話|深津 貴之 (fladdict)|note

無駄にGAFAの逆をいくな…というお話|深津 貴之 (fladdict)|note

無駄にGAFAの逆をいくな…というお話|深津 貴之 (fladdict)|note

先週、電通さんのスタートアップのアクセラレーションと、W venturesさんの投資先メンタリングをやりました。その両方で話したことの補足。 GAFAの作法に無駄に逆らってはいけないよ。GAFA級の複数企業が同じ施策・設計をしていたら、よほどのファクトがない限りは従うのがオススメ。GAFAってのは、Google, Apple, Faceb...

はてなブックマーク - 無駄にGAFAの逆をいくな…というお話|深津 貴之 (fladdict)|note はてなブックマークに追加

企画を元にゲームのUIを作るときの流れ|tkm|note

企画を元にゲームのUIを作るときの流れ|tkm|note

企画を元にゲームのUIを作るときの流れ|tkm|note

「Game Graphic Design Advent Calendar 2019」の初日の記事です。 ゲーム制作に関する素敵な記事がたくさん公開されると思いますので、私自身もワクワクしてます。 言い出しっぺとして、初日としてまず何を書こうかなと思ってたんですが、以前Twitterでチラッとつぶやいた「普段ゲームUIを作るときってどういう工程があ...

はてなブックマーク - 企画を元にゲームのUIを作るときの流れ|tkm|note はてなブックマークに追加

トグルスイッチの誤用をやめよう | UX MILK

トグルスイッチの誤用をやめよう | UX MILK

トグルスイッチの誤用をやめよう | UX MILK

AnthonyはUX Movementの設立者で執筆者です。素敵なWeb体験をこよなく愛し、ユーザのために日々奮闘しています。 トグルスイッチを使うべき場合と使うべきでない場合があります。デザイナーが誤った使い方をするとユーザーの混乱とイライラにつながります。使うべきタイミングを知るには、さまざまなタイプのトグルの状...

はてなブックマーク - トグルスイッチの誤用をやめよう | UX MILK はてなブックマークに追加

中川政七商店が「楽天撤退」1年でEC売上を急回復できた理由 | BUSINESS INSIDER JAPAN

中川政七商店が「楽天撤退」1年でEC売上を急回復できた理由 | BUSINESS INSIDER JAPAN

中川政七商店が「楽天撤退」1年でEC売上を急回復できた理由 | BUSINESS INSIDER JAPAN

楽天市場での販売を止めて1年と経たずに、自社ECサイトで売り上げをすぐに取り戻せそう——。そんなSPA(製造小売り)を勇気づけるツイートが、2カ月前に話題になった。 つぶやいたのは、1716年創業の老舗企業「中川政七商店」(奈良県奈良市)で、取締役兼コミュニケーション本部本部長を務める緒方恵氏。同社は日本の伝統...

はてなブックマーク - 中川政七商店が「楽天撤退」1年でEC売上を急回復できた理由 | BUSINESS INSIDER JAPAN はてなブックマークに追加

スマホにおけるボタンの配置、上と下、左と右、どのように配置するのが最適なのか詳しく解説 | コリス

スマホにおけるボタンの配置、上と下、左と右、どのように配置するのが最適なのか詳しく解説 | コリス

スマホにおけるボタンの配置、上と下、左と右、どのように配置するのが最適なのか詳しく解説 | コリス

スマホでボタンをどこに配置するとユーザーは操作がしやすいのか? 上部と下部、水平に並べたボタン、垂直に並べたボタン、3つ以上のボタンなど、ボタン配置について包括的な分析を行い、ボタンをどのように配置するのが最適なのか解説した記事を紹介します。 The Optimal Placement for Mobile Call to Action Buttons ...

はてなブックマーク - スマホにおけるボタンの配置、上と下、左と右、どのように配置するのが最適なのか詳しく解説 | コリス はてなブックマークに追加

UIの使いづらさにイラッとする!これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface | コリス

UIの使いづらさにイラッとする!これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface | コリス

UIの使いづらさにイラッとする!これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface | コリス

使いにくいUI、間違いやすいインタラクション、誤解されるデザインパターンを再現したUser Inyerfaceを紹介します。ベルギーの制作会社「Bagaar」による、使いにくい最悪なユーザインターフェイスを楽しむゲームで...記事の続きを読む

はてなブックマーク - UIの使いづらさにイラッとする!これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface | コリス はてなブックマークに追加

簡単に描いた落書きから写真のようにリアルな画像を自動生成するツール -GauGAN | コリス

簡単に描いた落書きから写真のようにリアルな画像を自動生成するツール -GauGAN | コリス

簡単に描いた落書きから写真のようにリアルな画像を自動生成するツール -GauGAN | コリス

人工知能や深層学習が、デザインにも使用できるものが増えてきましたね。 落書きのように簡単に描いたスケッチから、写真のようにリアルな画像を自動生成する「GauGAN」を紹介します。 GauGAN Turns Doodles into Stunning, Photorealistic Landscapes GauGANは、印象派の画家ポール・ゴーギャンにちなんで名付けられたN...

はてなブックマーク - 簡単に描いた落書きから写真のようにリアルな画像を自動生成するツール -GauGAN | コリス はてなブックマークに追加

複雑な乗換体験を直感的に! 乗換案内アプリのデザイン – Yahoo! JAPAN Tech Blog

複雑な乗換体験を直感的に! 乗換案内アプリのデザイン - Yahoo! JAPAN Tech Blog

複雑な乗換体験を直感的に! 乗換案内アプリのデザイン - Yahoo! JAPAN Tech Blog

デザイン特集2本目の記事です。 Yahoo!乗換案内アプリでデザインを担当している関豪志(せきたけし)です。乗換案内アプリを担当して約6年になりました。この記事では画面設計をする上で心がけたこと、工夫したことを事例とともに紹介します。 Yahoo!乗換案内アプリとは? 行きたい場所へのルート検索はもちろん、電車の...

はてなブックマーク - 複雑な乗換体験を直感的に! 乗換案内アプリのデザイン - Yahoo! JAPAN Tech Blog はてなブックマークに追加

メルカリが検索結果に「売れた商品」も表示するのはなぜ? 商品検索におけるUI/UXの考え方 – ログミーTech

メルカリが検索結果に「売れた商品」も表示するのはなぜ? 商品検索におけるUI/UXの考え方 - ログミーTech

メルカリが検索結果に「売れた商品」も表示するのはなぜ? 商品検索におけるUI/UXの考え方 - ログミーTech

メルカリが検索結果に「売れた商品」も表示するのはなぜ? 商品検索におけるUI/UXの考え方 UI/UXが無意識に検索行動に与える影響 2019年2月26日、検索技術研究会が主催するイベント「Search Engineering Tech Talk」が開催されました。「検索」や「検索システム」にまつわる技術や手法を共有する本イベント。第1回と...

はてなブックマーク - メルカリが検索結果に「売れた商品」も表示するのはなぜ? 商品検索におけるUI/UXの考え方 - ログミーTech はてなブックマークに追加

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる – SMARTCAMP Engineer Blog

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog

デザイナー兼エンジニアの葉栗です! スマートキャンプでは以前からWebフロントエンド開発にVue.jsを取り入れています。 Vue.jsなどコンポーネント指向のフレームワークは、UIフレームワークも豊富で、お手軽にリッチなUIが構築できるのでいいですよね。 今回は私のお気に入りの、Vue.js + Elelment UI + Lottie という...

はてなブックマーク - Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog はてなブックマークに追加

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる – SMARTCAMP Engineer Blog

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog

Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog

デザイナー兼エンジニアの葉栗です! スマートキャンプでは以前からWebフロントエンド開発にVue.jsを取り入れています。 Vue.jsなどコンポーネント指向のフレームワークは、UIフレームワークも豊富で、お手軽にリッチなUIが構築できるのでいいですよね。 今回は私のお気に入りの、Vue.js + Elelment UI + Lottie という...

はてなブックマーク - Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog はてなブックマークに追加

プロセス改善は、人間心理への洞察が必要な奥深い仕事|國分佑太|note

プロセス改善は、人間心理への洞察が必要な奥深い仕事|國分佑太|note

プロセス改善は、人間心理への洞察が必要な奥深い仕事|國分佑太|note

noteに関わってる深津さんと安藤さんに熱烈に欲しいと言われたので、すごくマニアックな複雑な業務を紐解く過程を本気出して解説してみる。(宣言してからもう2ヶ月経過してたw) そもそもビジネスプロセスとは 本書ではビジネスプロセスを「お客様に始まりお客様に終わる価値提供のライフサイクル」と定義しています。...

はてなブックマーク - プロセス改善は、人間心理への洞察が必要な奥深い仕事|國分佑太|note はてなブックマークに追加

ハイタッチできる猫の彫刻が可愛過ぎてもうこれ猫好きにはたまらない「この顔見て!」「家に置きたい」 – Togetter

ハイタッチできる猫の彫刻が可愛過ぎてもうこれ猫好きにはたまらない「この顔見て!」「家に置きたい」 - Togetter

ハイタッチできる猫の彫刻が可愛過ぎてもうこれ猫好きにはたまらない「この顔見て!」「家に置きたい」 - Togetter

見て楽しむだけじゃなく、面白い体験ができる装置をつくりたい!大学院の修了制作の「high-seven」は、実際に猫とハイタッチできる作品でした。またこういうのつくりたい。 pic.twitter.com/lO48jPTnsP

はてなブックマーク - ハイタッチできる猫の彫刻が可愛過ぎてもうこれ猫好きにはたまらない「この顔見て!」「家に置きたい」 - Togetter はてなブックマークに追加

「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた|Tsutomu Sogitani|note

「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた|Tsutomu Sogitani|note

「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた|Tsutomu Sogitani|note

大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。 プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に...

はてなブックマーク - 「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた|Tsutomu Sogitani|note はてなブックマークに追加

サービスに求められるものを、6段階に分類する|深津 貴之 (fladdict)|note

サービスに求められるものを、6段階に分類する|深津 貴之 (fladdict)|note

サービスに求められるものを、6段階に分類する|深津 貴之 (fladdict)|note

「サービスの体験をよくする」というのが、漠然としてどうすればいいかわからないとき、まずユーザー体験を6段階に分類するのをオススメします。 この図をベースに、 ・あなたのプロダクトの現状 ・やろうとする施策やアップデートが、それぞれどのレイヤーに属するかを見て、基本は低レイヤー(機能より)のものから、...

はてなブックマーク - サービスに求められるものを、6段階に分類する|深津 貴之 (fladdict)|note はてなブックマークに追加

私の考えるプロダクトマネジメントとUXデザインの関係 – Speaker Deck

私の考えるプロダクトマネジメントとUXデザインの関係 - Speaker Deck

私の考えるプロダクトマネジメントとUXデザインの関係 - Speaker Deck

2019/2/26 BIT VALLEY -INSIDE- Vol.6 @Leveragesでの登壇のスライドです。 https://atnd.org/events/103410 BIT VALLEY -INSIDE- Vol.6 ハッシュタグは #bvinside 渋谷界隈にオフィスを構える企業による合同勉強会のコミュニティ、BIT VALLEY -INSIDE-。 参加はオープンなので渋谷以外の企業の方も参加いただけます。 ...

はてなブックマーク - 私の考えるプロダクトマネジメントとUXデザインの関係 - Speaker Deck はてなブックマークに追加

JavaScript が読み込まれる前でもWeb Applicationを動かす – from scratch

JavaScript が読み込まれる前でもWeb Applicationを動かす - from scratch

JavaScript が読み込まれる前でもWeb Applicationを動かす - from scratch

今回は最近取り組んでいる、 JavaScript が読み込まれる前であっても「ちゃんと」 Web Application が動作するように作る話をします。 Server Side Rendering における注意点と対策 BFFを使ってServer Side Rendering をすることに数年前から取り組んでいます。 まずはSSRをやる上での注意点と対策について紹介します。 ...

はてなブックマーク - JavaScript が読み込まれる前でもWeb Applicationを動かす - from scratch はてなブックマークに追加

おじさんマーケターは若者を理解できるのか? 行動観察調査で見た若者のスピード感とダイナミズム|POLA 中村俊之 | [若手マーケターコラム] Half Empty? Half Full? | Web担当者Forum

おじさんマーケターは若者を理解できるのか? 行動観察調査で見た若者のスピード感とダイナミズム|POLA 中村俊之 | [若手マーケターコラム] Half Empty? Half Full? | Web担当者Forum

おじさんマーケターは若者を理解できるのか? 行動観察調査で見た若者のスピード感とダイナミズム|POLA 中村俊之 | [若手マーケターコラム] Half Empty? Half Full? | Web担当者Forum

株式会社ポーラ CRM推進部 CRMチーム 課長 中村俊之氏 皆さんは、顧客理解についてどのくらい自信がありますか? お客様が自分と同じ性別・年代・趣味嗜好であれば、比較的想像しやすいかもしれません。しかし多くの場合、マーケターは、自分と異なる自我やインサイトを持つ人に対するコミュニケーションをしているの...

はてなブックマーク - おじさんマーケターは若者を理解できるのか? 行動観察調査で見た若者のスピード感とダイナミズム|POLA 中村俊之 | [若手マーケターコラム] Half Empty? Half Full? | Web担当者Forum はてなブックマークに追加

VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 – Qiita

VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 - Qiita

VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 - Qiita

絵描きとかUXとかやりつつフロントもやってる「ゆき」です。ポートフォリオサイトは10年くらい前にMoveableTypeで作ったきり。最近流石に「これでフロントやってますとか言ったら絶対次転職できなくね?」と危機を感じたので0から作り直しました。 サイト: https://pf.nekobooks.com/ ソース: https://github.com/yune...

はてなブックマーク - VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 - Qiita はてなブックマークに追加

ユーザーの検索意図を狙うSEOの最新動向を住氏が解説! 売れるサイトにするための4つのポイントとは? | 【レポート】Web担当者Forumミーティング 2018 Autumn | Web担当者Forum

ユーザーの検索意図を狙うSEOの最新動向を住氏が解説! 売れるサイトにするための4つのポイントとは? | 【レポート】Web担当者Forumミーティング 2018 Autumn | Web担当者Forum

ユーザーの検索意図を狙うSEOの最新動向を住氏が解説! 売れるサイトにするための4つのポイントとは? | 【レポート】Web担当者Forumミーティング 2018 Autumn | Web担当者Forum

「地方には、インターネットがなければやっていけない中小企業がたくさんある」と、一貫して地方の中小企業を支援してきたボーディー有限会社代表取締役 兼 ドコドア株式会社社外取締役の住 太陽 氏が、ユーザーの「買いたい」検索意図に応えるノウハウに特化し、最新のSEOについて解説した。 ボーディー有限会社代表取...

はてなブックマーク - ユーザーの検索意図を狙うSEOの最新動向を住氏が解説! 売れるサイトにするための4つのポイントとは? | 【レポート】Web担当者Forumミーティング 2018 Autumn | Web担当者Forum はてなブックマークに追加

「5人でユーザテストすればユーザビリティ上の問題のうち85%が見つかる」の元ネタ論文を解説する|Mikio Kiura|note

「5人でユーザテストすればユーザビリティ上の問題のうち85%が見つかる」の元ネタ論文を解説する|Mikio Kiura|note

「5人でユーザテストすればユーザビリティ上の問題のうち85%が見つかる」の元ネタ論文を解説する|Mikio Kiura|note

Webサービスやアプリなど開発や運用に関わっている方であれば、こんなことを耳にしたことがあるのでは無いでしょうか? 5人でテストを行えば、ユーザビリティ上の問題のうち85%を発見できるこれらは業界的にはある意味で常識ですが、色々話を聞いてみると、この常識の「出処」あるいは「根拠」ってあんまり知られていな...

はてなブックマーク - 「5人でユーザテストすればユーザビリティ上の問題のうち85%が見つかる」の元ネタ論文を解説する|Mikio Kiura|note はてなブックマークに追加

「5人でユーザテストすればユーザビリティ上の問題のうち85%が見つかる」の元ネタ論文を解説する|Mikio Kiura|note

「5人でユーザテストすればユーザビリティ上の問題のうち85%が見つかる」の元ネタ論文を解説する|Mikio Kiura|note

「5人でユーザテストすればユーザビリティ上の問題のうち85%が見つかる」の元ネタ論文を解説する|Mikio Kiura|note

Webサービスやアプリなど開発や運用に関わっている方であれば、こんなことを耳にしたことがあるのでは無いでしょうか? 5人でテストを行えば、ユーザビリティ上の問題のうち85%を発見できるこれらは業界的にはある意味で常識ですが、色々話を聞いてみると、この常識の「出処」あるいは「根拠」ってあんまり知られていな...

はてなブックマーク - 「5人でユーザテストすればユーザビリティ上の問題のうち85%が見つかる」の元ネタ論文を解説する|Mikio Kiura|note はてなブックマークに追加

2018年 UIデザイナーが読んでよかった本 7冊|kassy|note

2018年 UIデザイナーが読んでよかった本 7冊|kassy|note

2018年 UIデザイナーが読んでよかった本 7冊|kassy|note

こちらはInHouseDesigners Advent Calendar 2018の23日目の記事になります。 UIデザイナーのkassyです。あっという間に年末ですね。 今回は、今年読んで良かったUIデザイン関連の本を中心に紹介したいと思います。気になる本があったら、年末年始のお供にぜひどうぞ! 1. 『融けるデザイン』コンピューターなどがますま...

はてなブックマーク - 2018年 UIデザイナーが読んでよかった本 7冊|kassy|note はてなブックマークに追加

優れたダッシュボードをデザインするための10のガイドライン | UX MILK

優れたダッシュボードをデザインするための10のガイドライン | UX MILK

優れたダッシュボードをデザインするための10のガイドライン | UX MILK

Neilは、イギリスのAstraZenecaで働くUXデザイナーです。現在さまざまなUXデザインのプロジェクトを率いています。 もしあなたがプロの自転車競技に詳しければ、「アシスト(Domestique)」という用語を聞いたことがあるでしょう。馴染みがない人に向けて説明すると、アシストとは自転車競技のチームにおける選手の役割...

はてなブックマーク - 優れたダッシュボードをデザインするための10のガイドライン | UX MILK はてなブックマークに追加

効果的なUXライティングのための16のルール | UX MILK

効果的なUXライティングのための16のルール | UX MILK

効果的なUXライティングのための16のルール | UX MILK

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 UXライティングとは、プロダクトとユーザー間のインタラクションを支援し、プロダクト内のユーザーを導くUIのコピーライティングのことを指します。UIのコピーには、ボタンやメニューラ...

はてなブックマーク - 効果的なUXライティングのための16のルール | UX MILK はてなブックマークに追加

アニメーションを使った効果的なモバイルなトランジション例 | UX MILK

アニメーションを使った効果的なモバイルなトランジション例 | UX MILK

アニメーションを使った効果的なモバイルなトランジション例 | UX MILK

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 アニメーションはユーザー体験において重要な要素です。モバイルアプリ画面のトランジションにおいて、アニメーションで伝えられることはたくさんあります。メッセージ送信、設定画面を...

はてなブックマーク - アニメーションを使った効果的なモバイルなトランジション例 | UX MILK はてなブックマークに追加

「この〜を導入すると、なんとこうなりました!どうです?わかりやすいと思えませんか?」 – mizchi’s blog

「この〜を導入すると、なんとこうなりました!どうです?わかりやすいと思えませんか?」 - mizchi's blog

「この〜を導入すると、なんとこうなりました!どうです?わかりやすいと思えませんか?」 - mizchi's blog

主にUI設計やプログラミングのAPI設計について、「わかりやすい」というのは主観的で合意が取れないのでクソという話。 定量的な指標が示されてない そもそも趣味が合わない場合はそこで終わり 〜の本来意図された機能が隠れてしまっている ↑によって隠れてしまった機能を呼び出すのが、最終的にコストが掛かる 何が言い...

はてなブックマーク - 「この〜を導入すると、なんとこうなりました!どうです?わかりやすいと思えませんか?」 - mizchi's blog はてなブックマークに追加