並び順

ブックマーク数

期間指定

  • から
  • まで

281 - 320 件 / 9965件

新着順 人気順

UXの検索結果281 - 320 件 / 9965件

  • DXを妨げる要因と実現へのアプローチ by @yuzutas0 / 20211022

    株式会社商船三井様の社内セミナーで用いた資料です。 関係者の許諾を得て公開しています。 関連記事「DXに関する私的な殴り書き」 https://yuzutas0.hatenablog.com/entry/2020/06/02/110000 関連スライド「民間企業におけるDXの事例と課題」 https://speakerdeck.com/yuzutas0/20210623 合同会社風音屋 https://kazaneya.com/

      DXを妨げる要因と実現へのアプローチ by @yuzutas0 / 20211022
    • Googleが繰り返すデザイン変更からたどり着いた極意「明白こそが至高」について解説

      by Rajeshwar Bachu GoogleはGoogle検索やGmailなどさまざまなプロダクトを作成していますが、そういったプロダクトをデザインする中で得た知見などをまとめるためのデザイナー・開発者たちによる共同プロジェクト「Google Design」が存在します。そのGoogle Designが、「明白なUIこそ至高のUIである」として、ユーザーインタフェース(UI)デザインにおいて重要な要素をまとめて解説しています。 The Obvious UI is Often the Best UI - Google Design - Medium https://medium.com/google-design/the-obvious-ui-is-often-the-best-ui-7a25597d79fd デザイナーはプロダクトができる限り使いやすく、可能な限り誘導的なものになるよ

        Googleが繰り返すデザイン変更からたどり着いた極意「明白こそが至高」について解説
      • ベイジの業務システムUIデザインワークフロー(100のタスクを徹底解説) | ベイジのUIラボ~業務システムとSaaSのUIを考える

        2021年現在、ベイジの柱の事業はウェブ制作事業とウェブアプリデザイン事業です。ウェブ制作事業は会社設立の2010年からの主力事業で、サービス品質の平準化を目的に2014年頃からワークフローの整備を進めてきました。 一方ウェブアプリデザイン事業については、事業拡大したのがここ数年で、まだワークフローが整備されておらず、各人の裁量に委ねた進め方になっていました。そこで今後の事業拡大とメンバー増員を想定し作成したのが、業務システムやSaaSのUIデザインに特化した「ベイジの業務システムUIデザインワークフロー2021年版」です。 基本的な進め方は国際規格(ISO 9241-210※)の人間中心設計プロセスに基づいて組み立てていますが、細かいタスクの順序や内容は、今までベイジで培ってきたノウハウをふんだんに盛り込み、組み換えています。 また今回ワークフローを整備するうえでは、クライアントごとの開

          ベイジの業務システムUIデザインワークフロー(100のタスクを徹底解説) | ベイジのUIラボ~業務システムとSaaSのUIを考える
        • P&Gマフィアのノウハウ、「コア&モア戦略」で8割までは理解できる説(P&Gマーケティング)|西村マサヤ

          スタート起業してからPMF達成に向けてやるべき10のこと ぶっちゃけこれ以外やらなくて良い pic.twitter.com/xxlGeBNy4q — Masa Tadokoro / 田所雅之 (@TadokoroMasa) August 12, 2020 気になったのが「⑧PMFの確信が高まってからマーケティングする」という項目。 僕の理解では、「PMF(プロダクト・マーケット・フィット)」こそマーケティングそのものでは?と思ったものの、やはりまだまだ一般的には「マーケティング」といえば、集客、広告、キャンペーン、、、そういった印象が強いのかな、と思いました。 (※おそらく田所さんがこの項目で言いたかったのは、後半の「特に、Paid メディアのマーケは、PMFを確信してから実行する」の部分で、ユーザーやマーケットに刺さってないのに安易に広告出稿量を増やしてユーザーを獲得するな、というメッセ

            P&Gマフィアのノウハウ、「コア&モア戦略」で8割までは理解できる説(P&Gマーケティング)|西村マサヤ
          • Googleが提供しているサービスのアイコンが統一性のあるデザインに変更された結果「視認性なんとかして」「アイコンの意味がw」と嘆くみなさん

            Googleが提供するサービスのアイコンのデザインがアップデートされ、並べてみるとこんな感じになりました。

              Googleが提供しているサービスのアイコンが統一性のあるデザインに変更された結果「視認性なんとかして」「アイコンの意味がw」と嘆くみなさん
            • ピクシブを退職します - 創業期から成長期への転換を越えて理解した10の教訓 - ふろしき Blog

              2021年11月末にピクシブを退職します。 先日、なかなか読み応えがある退職エントリーが上がっていました。ものすごい熱量が感じられたし、それに自身のネガティブな過去なんかも隠すことなく堂々と語っていて、自信に満ち溢れたいい記事だと思いました。 note.com 僕自身も、過去の失敗談を交えつつ、それを10の教訓という形で内省し、ピクシブで行ってきた6年4ヶ月の活動を締めてみたいと思います。最近マネージャーになって苦しんでいる人とか、自分のボスが何を考えているのかわからないという人の、ちょっとしたコンテンツになれば良いかなと思います。 1. 入社直後が一番、会社を客観視できる 前職はNTTコムウェアというSIerでした。インターネットが大好きだった僕は、30歳を目前にして気持ちが抑えられず、ネット業界への転職活動を開始。そして2015年8月に、ピクシブ株式会社へと入社します。 2015年、H

                ピクシブを退職します - 創業期から成長期への転換を越えて理解した10の教訓 - ふろしき Blog
              • “ディズニープラス”を退会しようとすると、ちょっと面倒な感じの手続きになるらしい「絶対にやめるという強い意志を試される仕様」

                人気のアカウント @orange21 ディズニープラス、退会しようとおもって散々長いアンケート答えさせられて最後のページでこの青いボタンを押すだろ?そうするとどうなると思う? pic.twitter.com/W8tJls9NQS 2021-06-22 20:18:38

                  “ディズニープラス”を退会しようとすると、ちょっと面倒な感じの手続きになるらしい「絶対にやめるという強い意志を試される仕様」
                • Webデザインの参考になるギャラリーサイト11選 | Pulp Note

                  フリーランスとして一人で制作をしていると、どうしても自身のスタイルの中だけでデザインしがちなので、新たな刺激を求めて書籍やネットを徘徊して見るようにしています。今回は、私が参考にしているギャラリーサイトを11個紹介します。クライアントとの打ち合わせ時も担当者とイメージを共有できるので便利に利用できると思います。ぜひ参考にしてみてください。 URAGAWA担当した制作会社を掲載しているギャラリーサイト。制作会社ごとに見て回れるのはおもしろい。カテゴリ分けも『業界』『タイプ』『特徴』『カラー』『特集』『アワード受賞』『ランキング』と他にはない分類ですが意外と使いやすいです。制作の裏側記事もあってWebデザインの参考だけではなく読み物としても楽しめます。 URAGAWA | 制作会社がわかるWEBデザイン・参考サイト集 紹介文URAGAWAは、クリエイティブカンパニーの情報を蓄積していくことで、

                    Webデザインの参考になるギャラリーサイト11選 | Pulp Note
                  • なぜ「キン肉マン マッスルタッグマッチ」は対戦ゲームにおける極めて重大なマイルストーンなのか?

                    ※本記事はアフィリエイトプログラムによる収益を得ています 突然で申し訳ないんですが、初代の「ストリートファイターII」で、ザンギエフを使ってダルシムと対戦したことってありますか? あるいは、ザンギエフを使ってガイルと対戦したことは? ライター:しんざき SE、ケーナ奏者、三児の父。ダライアス外伝をこよなく愛する横シューターであり、今でも度々鯨ルートに挑んではシャコのばらまき弾にブチ切れている。好きなイーアルカンフーの敵キャラはタオ。 Twitter:@shinzaki ご存じの通り、多くの対戦格闘ゲームには「キャラ差」というものがあります。使用するキャラクターには明確な性能差があって、程度の差こそあれ「強い」キャラもいれば「弱い」キャラもいます。そして、「弱い」キャラで「強い」キャラに立ち向かうためには、並々ならぬ努力と研究が必要とされます。 初代「ストリートファイターII」で言うと、前述

                      なぜ「キン肉マン マッスルタッグマッチ」は対戦ゲームにおける極めて重大なマイルストーンなのか?
                    • 行動変容 自分と世界を変える技術 / Behavior change techniques

                      <Ver.1.0> 社会の変化や、サステナビリティの観点で注目されている「行動変容」についてまとめています。 <シェア・共有歓迎です> ■解説&ディスカッション会 こちらの資料をベースに、簡単な解説&皆さんとのディスカッションをしました。 10/18(水) 上のイベントはすでに終了しましたが、今後も様々な形で機会を作っていきますので、 参加ご希望の方はこちらのフォームから登録をお願いします https://forms.gle/hE2TdftWWmYa2xa36

                        行動変容 自分と世界を変える技術 / Behavior change techniques
                      • 【2023年版】エンジニア向け読むべき資料まとめ - Qiita

                        はじめに 今回は無料で公開されているエンジニア向け修資料をまとめました。 資料の作り方も勉強になるので「勉強会で登壇している人」「企業の研修担当の人」にも参考にしてほしい内容になっています。 記事の主な対象者 研修資料を網羅的に見たい人 エンジニア初心者から中級者 研修資料の作成をしていきたい人 MIXI23卒新人研修 毎年更新をしているMIXIさんの資料は量と質が凄いです。各資料において、動画による解説もついているので、初心者でも理解しやすい構成になっています。 2023年版のMIXIさんの研修資料は下記の内容が学べます Git研修 データベース研修 設計・テスト研修 コンテナ研修 iOSアプリ開発研修 Androidアプリ開発研修 フロントエンド研修 ゲーム開発研修 Flutter研修 AI研修 セキュリティー研修 インシデントハンドリング研修 チーム開発研修 GMOペパボ GMOペパ

                          【2023年版】エンジニア向け読むべき資料まとめ - Qiita
                        • 紅白の歌詞フォントを特定する速さを競う『紅白フォント合戦』6年ぶりの変更で界隈に激震が走る「絶対フォント感欲しい」

                          書体讃歌 @typeface_anthem ※※※当方で撮影・作成した掲載物を転載する場合は必ず【引用元を併記】ください※※※写植(写真植字)の文字盤や紙資料をアーカイブしています(停滞気味)廃棄予定の方はご一報くださると幸いです◆写研・モリサワ・リョービ◆デザイナーではないです◆「奇才紳士名鑑」kemur.jp/isai230120 note.com/typeface_anthem 書体讃歌 @typeface_anthem 【告知】 本年も #紅白フォント合戦 の時間が近づいて参りました。一曲目歌詞の一文字目が出た瞬間から、全国1億2000万人の文字っ子が書体特定のRTA記録を争う一大イベントです。毎年ミリ秒単位での大接戦となります。怖。 今年の勝利の女神🏆は誰に微笑むのか!?本日19:20から奮ってご参加ください。 pic.twitter.com/fMkphHjdlb 2022-1

                            紅白の歌詞フォントを特定する速さを競う『紅白フォント合戦』6年ぶりの変更で界隈に激震が走る「絶対フォント感欲しい」
                          • 数学得意じゃない系の社会人エンジニアに競プロとAtCoderを全力で布教したい。あるいは競プロのよくある誤解と楽しむコツ - Qiita

                            Help us understand the problem. What is going on with this article? このエントリはCompetitive Programming (1) Advent Calendar 2019 4日目のエントリで、バーチャル幼女プログラマーきりみんちゃんが書いています。 きりみんちゃんはVTuberとしてAtCoderの過去問を解く配信をしたりしています。 競プロ、しっていますか? さて、みなさんは競技プログラミング/プログラミングコンテストというものをご存知でしょうか。 かなり昔から行われているものではあるので、存在は知っているという方が多いかもしれません。 競技プログラミングをざっくり説明すると、期待される入力と出力が定義された問題が出題され、それをコーディングによって解き用意された自動テストを通すまでの速度などを競うコンテストです

                              数学得意じゃない系の社会人エンジニアに競プロとAtCoderを全力で布教したい。あるいは競プロのよくある誤解と楽しむコツ - Qiita
                            • 満員電車での対群衆ノウハウを忘れた鉄道会社

                              韓国の群衆事故を見て「日本の満員電車で事故が起きないのって凄いんだな」という意見が見られるが、実は「満員電車のプロ」であるはずの電鉄会社も甘い見立てでとんでもない失敗をした事があるんだな。 小田急にドアがデカい変な電車がいるが、あれの話である。 自分は鉄オタじゃないからそんなマニアックな話じゃないので安心してくれ。 因みに2014年に相模大野駅で脱線事故が起きて小田急全線不通になったが、その脱線した電車というのはこれだったんだな。 あの電車は混雑解消と遅延防止の為に作られたが、そのせいで小田急線は大混雑と遅延続出とケガ人の走る地獄エクスプレスと化したのだった…。 構造的欠陥と転倒事故の続出以前Wikipediaを確認したところ、これは停車駅が多い各駅停車用に作られたと書かれていたが(今は削除)、これは間違いで、混雑が酷い急行に使われていた。https://ja.wikipedia.org/

                                満員電車での対群衆ノウハウを忘れた鉄道会社
                              • オオバ@UIエンジニア on Twitter: "仕様変更に強い命名は大事だ。ボタンを「OKボタン」や「Noボタン」と名付けていたらヤバいかも。ゲーム開発に仕様変更はつきもの。開発中盤「OKボタンの色を使ってキャンセルボタンを作りたい」というケースもある。結論、用途ではなく機械的… https://t.co/6nwzoBNKWR"

                                仕様変更に強い命名は大事だ。ボタンを「OKボタン」や「Noボタン」と名付けていたらヤバいかも。ゲーム開発に仕様変更はつきもの。開発中盤「OKボタンの色を使ってキャンセルボタンを作りたい」というケースもある。結論、用途ではなく機械的… https://t.co/6nwzoBNKWR

                                  オオバ@UIエンジニア on Twitter: "仕様変更に強い命名は大事だ。ボタンを「OKボタン」や「Noボタン」と名付けていたらヤバいかも。ゲーム開発に仕様変更はつきもの。開発中盤「OKボタンの色を使ってキャンセルボタンを作りたい」というケースもある。結論、用途ではなく機械的… https://t.co/6nwzoBNKWR"
                                • 4年間毎週個人開発を継続したら月間利用ユーザー30万を超えるサービスになった話 - Qiita

                                  2024年1月に書いた最新の記事はこちら 2018年10月にこのようなサービスをリリースしました。 友達と旅行などに行った時に発生するお金の貸し借りで「誰が誰に何円返せばいいんだっけ?」という問題をシンプルに解決してくれるWebアプリです。「調整さん」みたいに即席でグループページを作成して、そこに立替え履歴を登録しておけば、最も簡単な清算方法を計算してくれます。 当時、新卒2年目くらいで、会社の同期と初めてリリースした個人開発サービスです。 途中コロナで大打撃を喰らったのですが、ここ1年くらいは徐々に回復し始め、サービスリリースから約4年で月間30万ユーザーを達成することができました。 (👆2022年3月あたりから過去30日のユーザー数推移) 自分で言うのもアレですが、MAU30万は個人開発サービスではかなり当たっている方かなと思うので、ユーザー数が伸びなかったリリース当時、どういうこと

                                    4年間毎週個人開発を継続したら月間利用ユーザー30万を超えるサービスになった話 - Qiita
                                  • X「返信・リポスト・いいね」の数を非表示に マスクが宣言 | Forbes JAPAN 公式サイト(フォーブス ジャパン)

                                    イーロン・マスクは、X(旧ツイッター)のタイムラインに表示するものを減らし「よりクリーンな」見た目にするという新ビジョンを掲げている。そのためには、基本的な機能や使い勝手が犠牲になることもいとわない。ニュース記事の見出し削除に続き、今度は返信やリポスト(リツイート)、いいねのデータをタイムラインから削除する予定だ。 マスクは今週、記事へのリンクを含む投稿でこれまで表示していた記事の見出しと本文の一部を削除し、左端に小さくドメイン名のみを表示した画像だけを残すという仕様変更を行った。これはマスクがかねて宣言していたもので、見た目をすっきりさせることが目的とされる。またマスクの支持者たちは、これにより、紛らわしいタイトルなどでクリックを誘発する「クリックベイト」も減らせると主張している。 もちろん、実際にはその逆だ。この仕様変更により、実際の記事内容とはまったく異なるテキストをつけて、あたかも

                                      X「返信・リポスト・いいね」の数を非表示に マスクが宣言 | Forbes JAPAN 公式サイト(フォーブス ジャパン)
                                    • プロダクトマネージャーの必須スキルである「言語化」を活かす 最強の言語化ツール・Notionを活用した情報の一元管理法

                                      Notionを使ったプロダクト開発管理のノウハウを紹介する「実践!プロダクトづくりとNotion活用事例」。ここで株式会社TechBowlの大木氏が登壇。PM目線から見た、Notionのメリットと活用法を紹介します。 自己紹介 佐々木真氏(以下、佐々真):じゃあやっていきたいと思いますので、よろしくお願いします。タイトルが「Notion×プロダクト作り最強活用法」というところですが、今日は15分しか時間がないので、できるだけエッセンスをお伝えできればなと思っています。 あらためて自己紹介です。私はTwitterにはこのアイコンでいます。佐々木真と申します。プロダクトマネージャーで、PM Clubの主催者をしています。過去に事業売却したり、起業したり、現在はIT企業で顧問をしたり。あとは、シンガポールの法人で取締役をやっていたりもするので、「何やってんだかよくわかんねぇ」みたいなこともありま

                                        プロダクトマネージャーの必須スキルである「言語化」を活かす 最強の言語化ツール・Notionを活用した情報の一元管理法
                                      • 外部パートナーとのAPI連携時に気をつけるポイント - 10X Product Blog

                                        はじめに こんにちは!yamakazu (@yamarkz) です。 近所の行きつけスーパーがサミットストアになったのですが、品揃えがとても良く、お店の雰囲気も明るくて、仕事終わりの買い物が最近の楽しみになってます 🥳 🛒🥗 さて今回は、開発方面のナレッジとして外部API連携の話を紹介します。非常にニッチな領域の話題ですが、わかる人にはわかるような内容です。 興味のある方はぜひ最後まで読んでみてください。 動機 新しく外部API連携の開発に着手するメンバーの助けになりたい、より良い外部API連携を実現したいという思いから、これまで開発を経験してきた中で理解した勘所を紹介します。 元々は社内向けに書き溜めておいたナレッジメモの内容ですが、特別社内に留めておく必要性もないので、せっかくならブログにしてしまおうと思い、ここで筆を取りました。 これは社内の同僚に向けた内容でありながら、似た境

                                          外部パートナーとのAPI連携時に気をつけるポイント - 10X Product Blog
                                        • 若林 宣 on Twitter: "10万円給付金。申請書には、チェックを入れたら貰えなくなる箇所があるらしい。罠かよ。 https://t.co/v2I6SAdCdy"

                                          10万円給付金。申請書には、チェックを入れたら貰えなくなる箇所があるらしい。罠かよ。 https://t.co/v2I6SAdCdy

                                            若林 宣 on Twitter: "10万円給付金。申請書には、チェックを入れたら貰えなくなる箇所があるらしい。罠かよ。 https://t.co/v2I6SAdCdy"
                                          • ChatGPTのプロンプトデザインって何だ?

                                            この前、公園を散歩しながらスマホでウイークリー落合の番組を聞いていたら、そこで落合さんがChatGPTに謎の呪文?コマンド?のようなものを入力していた。 https://newspicks.com/movie-series/87?movieId=2528 その時はまったく意味がサーパリ分からなかったので、まったく意識に入ってこないでスルーしてしまった。 清水さんのnote記事によれば、新登場したGPT-4で物語を作って遊んでいたら、落合さんから例の呪文?が送られてきたそうだ。 それを入力したら何か物語の筋書きが生成されたらしい。 GPT-4使ってみた コマンドを転載させてもらうが、このようなものだった↓ #[このコンテンツは [Goal] を SeekするためのTemplateです] - [コンテンツの詳細]: - [Goal]: - Goalを達成するため

                                              ChatGPTのプロンプトデザインって何だ?
                                            • Google Mapsがレビュー数を伸ばすための取り組みとサービスデザイン考察記事|坪田 朋

                                              先日、グーグルが飲食店検索で初のトップにという記事を見かけて、Google Mapsがどうやってレビュー情報を集めてきたのか、過去に書いた考察記事を公開しました。 UXリサーチ目的で、普段からデザインアップデート記録を残しているんだけど、Google Mapsのレビュー機能は2016年から頻度高く使ってきたので、実体験とコンテンツを増やしてきたのか考察をまとめた内容です。 Google Mapsのレビューを始めたキッカケ最初にレビューを投稿したのは2016年で、旅行前にGoogle Mapsで行きたい場所やお店を保存して、現地に行った時になんとなく写真と口コミを投稿したのがキッカケ。 初回投稿後にレビューを促進するコンテンツがメールで届くようになった当時Google Mapsのレビューはまだ認知度が低くメールのタイトルも実験中の雰囲気があった。特典という言葉に釣られてローカルガイドに参加し

                                                Google Mapsがレビュー数を伸ばすための取り組みとサービスデザイン考察記事|坪田 朋
                                              • 入社後10年の節目に|Yuta Sawa

                                                はじめに2012年2月20日に現職に就職してから10年が経ちました。だからなんだと言う気もしますが、ある種の節目として何かを書いておくこともまあ大事かなと思うので書こうかと。学会云々の話だけが書かれてるnoteというのもいかがかと思うし。 10年前から思えば、よく10年生き抜けたなあというのもありますが、ここ数年は生き抜くだけならそこそこ楽、という思いもあります。この辺の感覚もどう変わっていくのかなあというのは楽しみでもあり、怖くもあり。思い起こせば現職に就職するきっかけなんかもちゃんと書いた記憶は無いですし、それらも含めて一度整理しておこうかと思います。 とか言いながら年始にちょくちょく書き始めたんですけど、書いていったら思いの外長文になってしまいました。かといってなにか実りのあることが書かれてるわけでもないです。おんなじようなことを繰り返してるところもあります。 あと、なんか期待してる

                                                  入社後10年の節目に|Yuta Sawa
                                                • みどりの窓口廃止に「利用客軽視」 SNSで批判が起きる理由を専門家に聞いた|信濃毎日新聞デジタル 信州・長野県のニュースサイト

                                                  JR東日本はチケットレス化、モバイル化を推進するとして、「みどりの窓口」の閉鎖を各地で進めている。現在約220カ所ある窓口は、新幹線や特急の停車駅など利用が多い場所を除き、2025年までに140カ所ほどに縮小する計画。窓口を閉鎖した駅には、代替として「話せる指定席券売機」を設置している。JR東日本長野支社は「みどりの窓口とほぼ同等の機能」と説明。しかし、SNS上では窓口閉鎖に対して「利用客軽視」、「公共交通機関として終わってる」などと否定的な意見が投稿され続けている。有人窓口の廃止に不安や疑問を感じる人がこれほど多いのはなぜなのか。専門家に理由を分析してもらった。 (中島瑞穗) まずは「話せる指定席券売機」の性能について理解しておきたい。操作に不慣れな人はオペレーターを呼び出し、声による案内を受けながら操作できることが特徴だ。オペレーターは、利用者が操作する画面を遠隔で見ながら説明。学生割

                                                    みどりの窓口廃止に「利用客軽視」 SNSで批判が起きる理由を専門家に聞いた|信濃毎日新聞デジタル 信州・長野県のニュースサイト
                                                  • デジタル庁でjQueryが何をしているのか - laiso

                                                    TL;DR: jQueryはDrupalのバーター リニューアルするたびにWeb界隈の一斉レビューを受けることでお馴染のデジタル庁ポータルサイトがいつの間にかまたリニューアルされていて、フロントエンドがNext.jsからDrupalに変わって話題になっていたので1、私も旅券所持者として国政に関心を持ってゆく また、まわりのフロントエンドエンジニアの間でjQuery氏の入庁について「モダンブラウザ全盛の時代に必要か?」と疑念がとなえられていたので、これも追求してゆきたい どのような変更があったのか システム変更の経緯はプロジェクトの関係者であるHal Sekiさんの発言が正確なところだと思う Drupalが話題ですが、元々CMS側は2年前からずっとDrupalだったんです。設立当初はサイトもシンプルだったのでフロントエンド側はNextjsでヘッドレス構成だったのですが、構成が複雑になってきて

                                                      デジタル庁でjQueryが何をしているのか - laiso
                                                    • デザイナー向けに行なったHTML勉強会の資料を公開します|sakito

                                                      今回はChatwork株式会社のデザイナー向けに行なったHTML勉強会で使用した解説資料をお伝えします。私は3年ほど前からChatwork株式会社の開発のサポートやデザイン基盤活動のアドバイザーとして参画しており、その活動の一環で会を開催しました。 開催の意図と目的開催概要は@emimさんが、UI設計はHTMLの理解からというタイトルでnoteに書いてくれています。企画の意図は下記のとおりです。 企画の意図 根本としては、情報整理(情報設計)の基礎概念にHTMLがとてもマッチしている、と考えているからです。 ところが、業界的にも昨今よく聞く話ではありますが、最近意外にHTMLに触れる機会がなくプロダクト開発の現場に入る人が多いのが現実です。これは、デザイナーだけでなく、なんならフロントエンドの開発者であっても。 個人的には、HTMLはマークアップ言語であること以上に、構造化のフレームワーク

                                                        デザイナー向けに行なったHTML勉強会の資料を公開します|sakito
                                                      • 北欧のUXデザイナーが日本の文化から学んだこと

                                                        Usable MachineのUXデザイナー/Design Matters。デザインと技術に関して書くことが大好きなデザインオタクです。 日本人は、複雑なデジタルテクノロジーを使いこなし、伝統文化からインスピレーションを引き出すことの本当の意味を理解していると言えます。私たちは北欧のデザイナーとして、日本のデザインと文化から学ぶべきものを見つけたいと思いました。そこで私たち、Design MattersのJulieとMichaelは、デジタルデザインの新しい視点を見つけるために東京に5日間、滞在してみることにしました。 日本はデザインの文化においてクオリティの高さは良く知られていて、特にテクノロジーの分野で高い評価を得ています。しかし、日本のデジタルプロダクトと非デジタルプロダクトのデザインはまったく異なることに気が付きました。インテリアデザインを始めとした日本の非デジタルデザインについて

                                                          北欧のUXデザイナーが日本の文化から学んだこと
                                                        • DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ

                                                          こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます! PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ

                                                            DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ
                                                          • TrelloのDescription欄だけでUIを超えた手触りが良すぎて学びしかない - Make組ブログ

                                                            TrelloのUI(UX)が素晴らしすぎます。UIと言っても表面上のデザインだけでなくて、基本的な要素の手触りが良すぎます。 とくに上の写真にあるDescriptionがすごい。ここだけで作り込みがすごすぎてビックリする。 これはカード(Todoリストでいうタスク)の説明欄です。入力はtextareaででき、URLなどが入力されると表示される際はリンクになります。ただそれだけの要素ですよ。 ただそういう次元じゃないんですよね。たとえば以下の機能があります。 Descriptionが空のときは「Add a more detailled description...」を表示する Descriptionが空のときはマウスホバーで背景色を濃くしてクリックを促す Description内に描画する内容があるときは、 cursor: pointer にするだけで背景色は変わらない Descriptio

                                                              TrelloのDescription欄だけでUIを超えた手触りが良すぎて学びしかない - Make組ブログ
                                                            • いい加減、プロダクトマネージャーという職業に幻想を抱くのはやめよう。

                                                              この記事に関連する話題: プロダクト開発者に求められる、これからの「倫理」の話をしよう。 プロダクトマネージャー (PM) としてのこれまでの私的な経験を踏まえて、『プロダクトマネジメントのすべて 事業戦略・IT開発・UXデザイン・マーケティングからチーム・組織運営まで』を読んで思ったことをつらつらと。 (8/12 追記)冒頭で示しているように、本記事ではPM=プロダクトマネージャーとして表記しています。後述の通りPMとプロジェクトマネージャーは異なるものであり、後者に対して略記は用いていません。 プロダクトマネージャーは本当に“魅力的な職業”か “完璧な世界”など存在しない 良かった点 「PMはミニCEOである」という言説や「PMとプロジェクトマネージャーの違いは?」というよくある質問に対する補足 「プロダクトの成功」を定義するところから始めることの重要性 PMの武器は信頼、情熱、共感、

                                                                いい加減、プロダクトマネージャーという職業に幻想を抱くのはやめよう。
                                                              • もっと早く知りたかった! 認知心理学による使いやすいUIデザイン、実務に役立つ知識をしっかり学べるデザイン書 -UIデザイン必携

                                                                WebサイトやスマホアプリのUIデザインについて、実務に必要な役立つ知識と情報をさまざまな角度から学べる解説書を紹介します。 「わかりやすいUI」「使いやすいUI」ぼんやりと分かっているけど、うまく言葉にできない、明確に整理できていない、UIデザインの考え方を学びたい人にお勧めです。国内外の実例も多数掲載されており、非常に分かりやすい解説書です。 本書は「UIデザインの教科書(紹介記事)」を大幅にリニューアルしたもので、2022年最新の環境にあわせて、構成および内容は全面的に刷新されています。デザイナーやディレクターをはじめ、デベロッパーやコーダーなどUIに携わるすべての人にお勧めします。

                                                                  もっと早く知りたかった! 認知心理学による使いやすいUIデザイン、実務に役立つ知識をしっかり学べるデザイン書 -UIデザイン必携
                                                                • Webフォント読み込み戦略(2021年) - MOL

                                                                  Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標をセンターに入れて、display=swap…』と盲目的に考えるようになってた。 おさらいとして display=swap では、まず代替フォントを表示し、Webフォントをダウンロードしたら、随時スワップするという挙動になる。この場合、代替フォントからWebフォントへ切り替わる FOUT (flash of unstyled text) が起こってしまう。こんな感じ↓ 出典:font-face descriptor playground まぁ何も表示されないよりかは良いかと思うわけだが、時は流れ、最近ではWebの指標として、Web Vitalsという

                                                                    Webフォント読み込み戦略(2021年) - MOL
                                                                  • パスキーの基本とそれにまつわる誤解を解きほぐす

                                                                    2023 年は文句なく「パスキー元年」になりました。非常にたくさんのサービスがパスキーに対応し、2024 年はいよいよパスキー普及の年になりそうです。 本記事では、パスキーの基本を振り返ったうえで、パスキーでみなさんが勘違いしやすい点について解説します。 2023 年は本当にたくさんのウェブサイトがパスキーに対応しました。例を挙げます: Adobe Amazon Apple eBay GitHub Google KDDI Mercari Mixi MoneyForward Nintendo NTT Docomo PayPal Shopify Toyota Uber Yahoo! JAPAN もちろんこのリストですべてではないですが、これらだけでも、世界人口のかなりをカバーできるはずで、まさに大躍進と言えます。もしまだパスキーを体験していないという方がいたら、ぜひこの機会にお試しください。

                                                                      パスキーの基本とそれにまつわる誤解を解きほぐす
                                                                    • ニコニコからYoutubeに行くと「視聴者の自由意志のなさ」に戸惑う、って話「新しい何か見つけるの難しい」

                                                                      三崎律日 @i_kaseki ニコニコ→youtubeに行くと検索性の低さ、というか視聴者側の「自由意志のなさ」に戸惑う。 「お前が次に見るもんはコレや」って常時言われてる気分。 twitter.com/HaYuTeA/status… 2022-11-16 11:46:19 はゆ茶 @HaYuTeA ええ!?!?タグ検索機能を使うと求めてるジャンルの動画を余すことなく検索できるの!? youtubeやtwitterだと偶然出会うのを待つしかないし、ほとぼりが冷めたら追いかけるのが困難になるのに!? ニコ動なら数年後にブームを知った人でも簡単に履修できるの!?すげー!!! pic.twitter.com/FMRnHbDDSB 2022-11-15 17:23:06

                                                                        ニコニコからYoutubeに行くと「視聴者の自由意志のなさ」に戸惑う、って話「新しい何か見つけるの難しい」
                                                                      • 名著「入門UNIXシェルプログラミング」の超詳細なレビューをしてみた(古い内容の訂正) - Qiita

                                                                        はじめに そりゃまあ 30 年も経てば古くなりますよ。「入門UNIXシェルプログラミング」は今もシェルスクリプトに関するオススメの本として名前が挙がる名著です。しかしこの本は古い本です。POSIX でシェルが標準化される以前の本で、内容から判断するとおそらく 1990 年ぐらいの常識に基づいて書かれています。 古いから参考にならないと言うつもりはありません。しかしどれだけ優れた本でも時間の流れには勝てません。良書であると思っているからこそ、古くなってしまった内容は訂正する必要があると考えています。なおシェルスクリプトに関する古い本はこれだけではありません。オライリーから出版されている本も古い本ばかりです。いつ頃に(原書が)書かれた本なのかを確認した方が良いでしょう。 ということでレビューというていで、古くなってしまった内容の訂正を行いたいと思います。新しく「入門UNIXシェルプログラミング

                                                                          名著「入門UNIXシェルプログラミング」の超詳細なレビューをしてみた(古い内容の訂正) - Qiita
                                                                        • やめてほしいUIアニメーション

                                                                          最近はクオリティの高いアプリも増え、UIの見せ方も工夫されて昔より質の高いアプリが増えましたが、低コストで開発していくとUIアニメーションは後回しにされがちですよね。 開発時間や人員の問題、UIアニメーションをやる人がいないから自分がやった人など、UIアニメーションの優先順位が低いため、手探りでやっている方も多いと思います。 今回の記事では今出ているアプリに対してあれはダメだ!と言いたいわけではなく、リリースされているアプリを触って、自分が作るときはここは気をつけようと思ったり、これはアニメーションいいなとか、実際体感して勉強していけるため、その経験が業界全体を徐々にクオリティアップしていくため、結果は惜しいアニメーションだとしても挑戦した結果でもあると思うため大事なことだと思っています。 前置きはここまでにして、今回はアニメーションの中で、あれ?と思ってしまう、そんな「これはやめてほしい

                                                                            やめてほしいUIアニメーション
                                                                          • 【Web】知っておきたいWebエンジニアリング各分野の基礎知見80

                                                                            この記事は? それぞれが専門にしている領域に関わらず、Webエンジニアリングの基礎知識として知っておきたいと思う事を対話形式でまとめていく。知識はインプットだけではなく、技術面接や現場では、専門用語の正しい理解をもとにした使用が必要なので、専門がなんであれ理解できるようなシンプルな回答を目指したものになっています。解答の正しさはこれまでの実務と各分野の専門書をベースに確認してはいますが、著者は各技術の全領域の専門家ではなく100%の正しさを保証して提供しているものではないので、そこはご認識いただき、出てきたキーワードの理解が怪しい場合各自でも調べ直すくらいの温度感を期待しています。なお、本記事で書いている私の回答が間違っている箇所があったりした場合、気軽にコメント欄などで指摘いただけるとありがたいです。 Webエンジニアリングの基礎 この記事でカバーしている領域は、以下のような領域です。W

                                                                              【Web】知っておきたいWebエンジニアリング各分野の基礎知見80
                                                                            • ロシア語の表記揺れはなぜ起きるのか

                                                                              ロシア語の固有名詞、カタカナで書くときに色々表記揺れがあって紛らわしいよね! 表記揺れが起きる原因をまとめといたから、参考にしてね! ヴ音の表記揺れこれは純粋に日本語内部の問題だから一番わかりやすいね! БладимирВладимирを「ウラジーミル」と書くか「ヴラジーミル」と書くか、Иванを「イヴァン」と書くか「イワン」と書くか、という単純な話だから、好みに合う方を選んでね! 強勢の棒引きをめぐる表記揺れ強勢の置かれた母音は長く強く読まれるんだけど、この母音を棒引き(ー)で表現するか否かが問題だね! これはだいたい慣用によって決まっているけど(「イワーン」じゃなくて「イワン」、「ウラジミル」じゃなくて「ウラジーミル」)、別に慣用じゃない表記を使うことは自由だし見慣れない語だとフィーリングで決めたりするから表記揺れが生じる余地があるよ! ыの表記揺れыは日本語では書き表せない音なんだ!

                                                                                ロシア語の表記揺れはなぜ起きるのか
                                                                              • セキュリティ視点からの JWT 入門 - blog of morioka12

                                                                                こんにちは、ISC 1年 IPFactory 所属の morioka12 です。 この記事は IPFactory Advent Calendar 2020 の10日目の分になります。 IPFactory という技術サークルについては、こちらを参照ください。 本記事の最後に記載されている余談でも IPFactory の詳細を紹介しています。 はてなブログに投稿しました #はてなブログ IPFactory Advent Calendar 2020 の10日目の記事を書きました#JWT #security セキュリティ視点からの JWT 入門 - blog of morioka12https://t.co/g1MYe77hAF — morioka12 (@scgajge12) 2020年12月10日 普段は Web Security や Cloud Security 、バグバウンティなどを興味分

                                                                                  セキュリティ視点からの JWT 入門 - blog of morioka12
                                                                                • 『深世海 Into the Depths』という名作ゲームを紹介したい - わたブログ - WataRidley's Blog -

                                                                                  2020-07-22 とても良いゲームを買った。『深世海 Into the Depths』である。 2020年3月26日の「Nintendo Direct mini」で紹介された Switch向けタイトルの1つで、「新感覚 潜水探検アクション」と銘打たれている。深海を舞台とした探索型アクションゲームだ。 世間では『あつまれ どうぶつの森』で話題が持ち切りなのに、何でこんなニッチなゲームを買ったの?と思われるかもしれないが、とにかくPVが印象的だったのだ。 Nintendo Directで発表された全タイトルの中でも、この『深世海』だけ得も言われぬ異彩を放っていたのである。以下の動画を見て欲しい。 深世海 Into the Depths™ [Nintendo Direct mini 2020.3.26] コレ、絶対自分が好きなタイプのゲームだわ… 直感的にそう思った。退廃的なSF風の世界観。

                                                                                    『深世海 Into the Depths』という名作ゲームを紹介したい - わたブログ - WataRidley's Blog -