[B! UI][ux] sippo_desのブックマーク

sippo_des id:sippo_des

UIとuxに関するsippo_desのブックマーク (77)

デザインのしたじき
コ・デザインのためのシンキングシート
sippo_des 2022/05/19
ux

テンプレート

デザイン

design

UI

UX
リンク
駅のタッチパネル券売機で、一般の人が躓くところはどこにあるのかという疑問に対して様々な意見 - Togetter
リンクレイルラボ(RailLab) JR東、みどりの窓口7割廃止「話せる指定席券売機」導入拡大 | RailLab ニュース [配信：2021/05/11 15:41]JR東日本は2021年5月11日(火)、2025年までに管内のみどりの窓口を現在の7割程度まで削減すると発表しました。また... 388
sippo_des 2022/03/07
自分で買いたいチケットが合っているのか自信がない。

ux

ui

人

デザイン

コミュニケーション

UX

情報
リンク
【2022年】注目すべきUI/UXデザイントレンド - Qiita
本記事は、ShakuroのRita Kind-Envy氏による﹁UI/UX Design Trends Of 2022 You Need To Catch Up To﹂︵2021年11月15日公開︶の和訳を、著者の許可を得て掲載しているものです。はじめに 2021年は2020年よりも良い年でしたか？UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ
sippo_des 2021/12/30
トレンド

アニメーション

*web制作

UI

design

UX

デザイン参考

資料

データ

アプリ
リンク
UXとUIの比較以上の勉強をしよう | UX TIMES
日本ではなぜかUIとUXの違いだけを語る記事が多く存在していますが、私個人的にはその違いを深く理解するよりUXは深く学ぶことがたくさんあると考えています。今では少なくなったかな？と思っていたのですが、再燃しているようで、かつ、UXの考え方も違った形で理解すると良いのでは？と感じたので記事にしてました。ミルクボーイがUI/UXを語る？引用<a href=httpsnotecomhajipionnn2d59507b2794fbclid=IwAR1H6gmSK 8rlODizDSriJTHROX41dD18KtYiB7lT9Vre8WHJ8IuljMeUJA>httpsnotecomhajipionnn2d59507b2794fbclid=IwAR1H6gmSK 8rlODizDSriJTHROX41dD18KtYiB7lT9Vre8WHJ8IuljMeUJA<a> UXとUIの違いを、お笑
sippo_des 2021/11/16
ux

ui

勉強
リンク
ミルクボーイがUIとUXの違いを説明したら｜広野萌
挨拶内海﹁どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね﹂駒場﹁いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど﹂内海﹁そうなんや﹂駒場﹁その名前を忘れたらしいねん﹂内海﹁IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン思考か、アジャイル開発か、リーンスタートアップやろ！﹂駒場﹁俺もそう思ったんやけどちゃうらしくてな、いろいろ聞くんやけど、全然わからへんねん﹂内海﹁そうなん？﹂駒場﹁うん﹂内海﹁ほんだら俺がね、おかんの好きなIT用語、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ﹂定義駒場﹁おかんが言うには、製品やサービスとの関わりを通じて利用者が得る体験及びその印象の総体やって言うてた﹂内海﹁
sippo_des 2021/11/11
ux

ui

説明
リンク
待機状態のUIについて整理してみる(デザイン編)
Introduction 概要待機状態 UIのデザインについての記事です。待機状態 UIというのは、ローディングや情報の処理待ち時に用いられる UIのことです。ここで待機状態の UIと読んでいる理由は、各デザインシステムやガイドラインなどで言い方が違うため、今回はこのように言及させてください。この記事では、既存のデザインガイドラインや既存のデザインシステムから待機状態の UIの概観、デザインにおいて考慮することをまとめます！ベストプラクティスを提案するわけではなく、作成する際、配慮することを頭に入れて思考できる記事にします。背景、課題感 WebFront-end における各 UIの実装を行おうと考えているが、実装する際、ビジネス側やデザイン側と実装する UIについて話し合って作ることが多いです。小さなプロジェクトだと、デザイナーがいない事も多く、Front-end
sippo_des 2021/11/07
デザイン

ui

UX
リンク
UX/UI Design: Growing List of Top Resources (last update 02/2023)
A list of my favourite design resources. Everything that makes your life easier, from UX research to the perfect mockup. Instead of hiding it in the usual Google Doc, from now on it will live here on Medium and will be updated every time I find another little gem. So make sure to subscribe! By the way, this is not about quantity but quality. This list is from my personal point of view and everyday
sippo_des 2021/10/22
成長していくリストだからオッケー

ux

ui

design

UI

UX

資料
リンク
業務系システムは『イケてるフラットデザイン』だと使いにくい？現場が本当に必要だった物との比較
でゅら @rahandu アプリケーション全般でそうなんだけど、モニターの解像度がでかくなるにつれて、デザインは余白を作りたがるのなんなんだろう広くなった意味がないし古いデバイスで作業しづらいし良いことないと思う twitter.com/ichirowo/statu… 2021-10-05 18:00:54 Lacnor @Lacnor_JP ボタンを、形はそのままで、グラデーションと枠を無くして、コントラスト強めな単色で構成してくれれば、使い勝手そのままでナウくなると思いましたまる twitter.com/ichirowo/statu… 2021-10-05 15:57:32
sippo_des 2021/10/06
解像度

デバイス

デザイン

システム

UI

UX

design

デザイン参考
リンク
ベイジのウェブ制作ワークフロー2021年版（約100のタスクと解説） | knowledge / baigie
営業、受注、制作、納品、運用と、ウェブ制作の活動は長期に渡り、そのタスクの種類と量は膨大です。だからこそ、基本的なプロセスや使用するドキュメントなどを明確に定義しておかないと、サービスの品質が担当者により大きく変わることになります。ベイジは社員がまだ5名の頃、各人に委ねた進め方によって以下のようなトラブルが頻発していました。ミスが発生しても﹁次から気をつける﹂と精神論で終わらせてしまう担当するディレクターやクリエイターによってタスクの抜け漏れが起きる担当者それぞれが属人的な進め方をしてて品質が安定しない役割が不明瞭なグレーゾーンのタスクが放置されてしまう創造的な仕事の時間が、ルーチンや計画にないタスクに奪われてしまう新しい社員が入る度に同じことを教えないといけないこれら問題を解決するため、2014年頃からワークフローを整備するようになりました。ちなみに私が入社したのはこれ以
sippo_des 2021/09/01
プロジェクト

コンテンツ

制作

戦略

定義

UI

UX

会社
リンク
Vue.js UI UX DX Library - Inkline
Configuration file, design tokens, toast notifications and more!Your next Vue.js project deserves the best developer experienceInkline is the intuitive UI Components library for building high-quality, developer-friendly, configurable, and accessible Vue.js Design Systems. More than just a UI LibraryWhile many UI libraries focus solely on UI and UX, they often overlook the most crucial element - th
sippo_des 2021/04/27
Vue

ui

js

design

ux

mobile
リンク
UIはあくまでユーザーの課題解決の手段。ベルフェイス流UIデザインの進め方
商談などのビジネスコミュニケーションや営業マネジメントを支援するオンライン営業システム﹁bellFace︵ベルフェイス︶﹂。リリースから約5年の現在、3000社に導入され成長を続けています。特に、コロナ禍で市場やユーザーを取り巻く環境が急激に変化する中、同社はどのようにプロダクト開発を推進したのでしょうか。本連載では、ベルフェイスのプロダクトマネージャーをはじめプロダクト開発に携わる社員が積み上げてきた知見を共有していきます。第2回となる今回は、UIデザイナーの平野氏が、UIデザインの考え方と、﹁無意識でつかえちゃうUI﹂をどのように実現しているのかポイントを解説します。︵編集部︶はじめに読者の皆さま、はじめまして。ベルフェイス株式会社でUIデザイナーをしている平野と申します。デザイナーとして働いている方の中には、プロダクトマネージャーやエンジニアとのコミュニケーションに悩んでいる方
sippo_des 2021/03/07
ux

デザイン

ui
リンク
ソシオメディア | ヒューマンインターフェースガイドライン
ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。すべてモデルインタラクションプレゼンテーション
sippo_des 2021/01/22
ガイドライン

デザイン

インターフェイス

ux

ui

ユーザビリティ

*web制作

UI

資料

デザイン参考
リンク
サンフランシスコで働くデザイナー、Marcin Wichary氏が訪日して興味を持った300のデザイン
Marcin Wichary @mwichary First keyboard I interacted with in Japan was already kind of amazing. Mechanical numeric keypad in an ATM! pic.twitter.com/U0bnG3rWui 2018-02-01 16:43:32 Marcin Wichary @mwichary Things that surprised/amazed me about Japan, an ongoing thread. (More likely UI than food, but you know this already.) It’s my first time here. Please comment away and/or point out my cultural in
sippo_des 2020/04/20
デザイン

ui

Japanese

design

UX

デザイン参考
リンク
With love for the user: UI/UX trends 2020
sippo_des 2020/03/25
UI

UX

2020
リンク
アプリのアップデート300本ノックから学ぶUI改善のヒント｜宮﨑晃
こんにちは、HR業界でアプリマーケティングをしている宮﨑です。・アプリのアップデート前後のUI変化・Push通知など気になったGrowth施策こうしたものを﹁#アプリノック﹂としてTwitterで投稿すること3ヶ月。300本以上のネタが溜まってきました。今回のnoteでは﹁フォッグの消費者行動モデル﹂というフレームワークを使ってまとめていきます。行動 = 動機 × 実行能力 × きっかけザックリいうとユーザーに何か行動を促す際に﹁動機/実行能力/きっかけ﹂の3要素をどう揃えるか？というモノ。詳しくは深津さんの記事がとってもわかりやすいのでおススメです。アプリノックがUI改善の勘所だけでなく、Growthの知識も一緒に学べるコンテンツになっていくと嬉しいです。それではいってみましょう！︻動機︼がないと、やる気にならない①慣れない体験にはイメージ作りをよくわからない体験は
sippo_des 2020/01/15
ui

アプリ

ヒント

本

UI

UX

資料
リンク
三井住友銀行アプリについてお話します。｜SMBC DESIGN
こんにちは！三井住友銀行デザイナーの堀と申します。前回の初投稿から、SNSなど多方面でたくさんの反応をいただきありがとうございました。予想以上の反響で銀行内でも話題となり、三井住友銀行のデザイナーの活動が少しでも広がったことにうれしく思います。その中で﹁銀行アプリが変わった﹂とのコメントを多くいただき、自分たちが関わったプロジェクトがお客さまの手元に届いているんだなぁと感動しました。今回はその﹁三井住友銀行アプリ﹂について書いていきたいと思います。本題に入る前に…、お伝えしたいことがあります。三井住友銀行初！2019年度グッドデザイン賞を取りました！！︵ぱちぱちぱち︶デザイナーだけでなく、たくさんの方々のご協力、お客さまの声から作られたアプリなので受賞したときは本当にうれしかったです。それでは本題です。アプリリニューアルの背景様々な理由がありますが、まずはこれです。キ
sippo_des 2019/11/17
みてもらいたかったのですね、わかるますね。現実使わないけど。既に他のサービスと相性の良いネット銀行、ワンタイムパスワード？とかいう謎のミニ電卓は持ち歩くの怖いし。資料としては素敵☻Siや側は大変だょ！

design

企画

アプリ

UI

UX

資料

文章

スキル

プロジェクト
リンク
「大規模なUI改修」を行うとどうなるか
アプリケーションを実装していくと、﹁大規模なUI改修﹂に遭遇することがある。あちこちで見聞きした結果、以下のようなパターンがあるように感じたのでまとめてみた。︵UI改修なので基本的にフロントエンドからみた内容︶これは一般的に﹁技術的負債﹂と呼ばれることが多いが、デザインの負債︵UIを置く場所が無くなったり無くなったり、同じ概念のUIが分散したり︶である場合も多い。︵ちなみに、デザインの負債は﹁ダイアログを多用する﹂とか、﹁最小画面サイズが大きくなる﹂とかの形で現れやすい︶そして、デザイン負債に対応するために実装の困難なUIが増えるため、技術的負債も高くなる傾向がある。︵サーバサイドの技術的負債がDBの負債に起因する場合が多いことと似ているかもしれない︶
sippo_des 2019/05/10
ui

デザイン

design

技術

UX

テクニック
リンク
課金 UI まとめてみた｜あき - 良いもの作って正しく届ける
売上を伸ばしたい。課金率を伸ばしたい。でも、難しい！コンバージョンするサブスク UIを勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。 Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UIは、まだまだ少ない気がします。誰かの参考になれば嬉しいです。まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです。 ※ スクショは少し前に撮影したものなので、一部古くなってるかもしれません。 UIパターン 1. ミニマム型 2. プラン比較型 3. 横スクロール型 4. リスト型 5. ロングLP型規約表示パターン 1. 固定表示型 2. 隠しスクロール型 3. フッター型 4. 遷移型サービスパターン 1. 探索財 2. 経験財 3. 信頼材 UIパターン1. ミニマム型最低限
sippo_des 2019/01/16
ui

デザイン

UX

開発

design

まとめ
リンク
オブジェクトベースなUIデザイン｜Yoko Nishida｜note
WEB+DB PRESS Vol.107掲載のオブジェクトベース設計によるUIデザイン改善を読んだ。デジタルなサービスのUIを設計していく上で、とても参考になる知見なのでまとめてみる。オブジェクトベースUI設計とはユーザーがやること︵タスク︶の手順をそのまま画面に反映させるのではなく、ユーザーの関心対象︵オブジェクト︶を画面とデータに対応させながら考えていく手法。オブジェクトベースUI設計の良いところこのオブジェクトベースUI設計は、特に複雑なタスク＆要求が混在する業務利用アプリケーション︵SaaS / B向けサービス︶のUIデザイン改善、運用で活かしやすいという印象を受けた。大規模なシステム、膨大なデータと連携しながら、多様なユーザーニーズに応えやすいUIを実現するにはどうすれば良いか。要件に散在する情報をオブジェクトとして捉えることで、その場しのぎではないUIデザインが作りやす
sippo_des 2019/01/15
ui

デザイン

設計

UX

design

UI
リンク
具体的な方法を学ぶ！優れたアプリのデザインプロセスとは
アプリや製品を開発する時、何か問題を解決するために作られるはずです。そして、ユーザーに使いやすいと思ってもらうためには優れたデザインを設計する必要があります。具体的な方法、実際のアプリ事例をもとにデザインプロセスを身につけましょう。テックアカデミーマガジンは受講者数No.1のプログラミングスクール﹁テックアカデミー﹂が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元‥GMOリサーチ株式会社　調査期間‥2021年8月12日～8月16日　調査対象‥2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　調査手法‥インターネット調査本稿は、Studio by UXPinのブログ記事を、了解を得て日本語翻訳し掲載した記事になります。﹁問題を解決するためには、まず最初に、問題が存在すると認識す
sippo_des 2018/12/20
UI

UX

design

*web制作

考え方

仕事

コミュニケーション
リンク
1 2 3 4 次のページ