タグ

designとwebに関するgntのブックマーク (232)

  • 東京都知事選挙の掲示板すでに「満杯」…継ぎ足すスペース確保、職員「間に合わない」悲鳴も

    【読売新聞】 今月20日に告示を迎える東京都知事選(7月7日投開票)は、立候補者が過去最多だった前回2020年の22人を大幅に上回ると見込まれている。各地の選挙管理委員会は候補者の選挙ポスターを貼る掲示板の設置を進めているが、担当者

    東京都知事選挙の掲示板すでに「満杯」…継ぎ足すスペース確保、職員「間に合わない」悲鳴も
    gnt
    gnt 2024/06/16
    最低2タップ必要なQRをノークリックの極みのポスターと同等かのように言う人はマジでセンスないので今後一切UI/UX語らないでほしい
  • デジタル庁デザインシステムβ版

    デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。 デジタル庁のミッションである「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。

    デジタル庁デザインシステムβ版
    gnt
    gnt 2024/05/31
    スマートEXとかe-Taxとか見てると「ガワだけ整えてもムダ」という気持ちになるけど、ガワもクソ・中身もクソとなると二重のクソなわけで、せめて一重のクソのがマシだわ
  • 「会議で話されている内容と、ソースコードが全然違う」〜イオン発の“新ネットスーパー”リリース直前の1年間を語る|イオンネクストCTOインタビュー |AEON TECH HUB

    イオンネクスト株式会社・CTO 樽石将人のインタビュー記事です。入社時にミッションとされた新ネットスーパー「Green Beans」は、期日通りのリリースが危ぶまれるほど問題が山積みだったと言います。プロジェクト立て直しのために目をつけたのは「現場」。樽石は何を変え、どう開発を進めたのでしょうか?リリース直前の1年を語ります。

    「会議で話されている内容と、ソースコードが全然違う」〜イオン発の“新ネットスーパー”リリース直前の1年間を語る|イオンネクストCTOインタビュー |AEON TECH HUB
    gnt
    gnt 2024/03/26
    フローティングの右柱と人気記事セクションの横幅が干渉起こしてるぞ
  • 市町村変遷パラパラ地図

    版別に探す 完全版 樺太| 北海道| 青森県| 岩手県| 宮城県| 秋田県| 山形県| 福島県 茨城県| 栃木県| 群馬県| 埼玉県| 千葉県| 東京都| 神奈川県 新潟県| 富山県| 石川県| 福井県| 山梨県| 長野県| 岐阜県| 静岡県| 愛知県 三重県| 滋賀県| 京都府| 大阪府| 兵庫県| 奈良県| 和歌山県 鳥取県| □島根県| 岡山県| 広島県| 山口県| 徳島県| 香川県| 愛媛県| 高知県 福岡県| 佐賀県| 長崎県| 熊県| 大分県| 宮崎県| 鹿児島県| 沖縄県 □は外部リンク、リンク先の方の作成(□:DMさん) 簡易版 北海道| 青森県| 岩手県| 宮城県| 秋田県| 山形県| 福島県 茨城県| 栃木県| 群馬県| 埼玉県| 千葉県| 東京都| 神奈川県 新潟県| 富山県| 石川県| 福井県| 山梨県| 長野県| 岐阜県| 静岡県| 愛知県 三重県| 滋賀県|

    gnt
    gnt 2023/10/19
    資料としてとてもすばらしいんだけどやっぱりhoverは滅ぼされるべきUI / 東京ずっと眺めてると「上野区」が一回も登場しないの不思議な気持ちになる
  • ウェブアクセシビリティ導入ガイドブック|デジタル庁

    デジタル庁では「誰一人取り残されない、人に優しいデジタル化」を実現するため、継続的に「ウェブアクセシビリティ」の向上に取り組んでいます。この度、ウェブアクセシビリティに初めて取り組む行政官の方や事業者向けに、ウェブアクセシビリティの考え方、取り組み方のポイントを解説する、ゼロから学ぶ初心者向けのガイドブックを公開します。 優しいサービスのつくり手になる一助として、ぜひご活用ください。 公開の背景ウェブアクセシビリティの向上に取り組むには、非常に専門的な複数の規格とガイドラインをそれぞれ確認する必要があります。そのため、適切なやり方がわからないままに、現在は間違っている対応の踏襲、不要・過剰な対応、不適切な対応をしてしまうことがあります。ウェブサイトだけではなく、申請・手続等のデジタルサービスの重要性が増す中で、最新の技術動向を踏まえた、初心者が学習できる行政機関向けの研修資料が不足していま

    ウェブアクセシビリティ導入ガイドブック|デジタル庁
  • これがユーザーの信頼を失うデザインだ! 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン

    ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書(紹介記事)」や「ザ・マイクロコピー(紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、書はダークパターンの解説書です。デザインによるダークパターンだけで

    これがユーザーの信頼を失うデザインだ! 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン
  • font-familyについて本気で考えてみた - Qiita

    今年はmacOSのアップデートによりヒラギノが動かなくなったり、 来年初頭にはWindows7がサポート終了、Edgeのブラウザエンジン変更など、 エンドユーザーの環境を考えなければならない節目の時です。 そこでいつもコピペで済ましているfont-familyについて1から考え直してみます。 全部読もうとしている人はスクロールバーを見てから考えてください。 結果 コピペユーザーのために先に結果を記載します。 ブログ等に転載する場合はこのページのURLぐらい貼ってください。 @font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; } @font-face { font-family: "Original Yu Gothic"; src: local("Y

    font-familyについて本気で考えてみた - Qiita
  • エラーメッセージはフォームのどこに表示するべきか

    UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか? ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という2箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか? 調査に

    エラーメッセージはフォームのどこに表示するべきか
  • 谷口暁彦「ゲームアートにおけるゲーム世界の自律性」 | ÉKRITS / エクリ

    ゲームアートとは何か 「ゲームアート」とは一体なんだろう。「ゲームアート」あるいは「game art」というキーワードで、Googleで画像検索をしてみると、薄靄のかかった幻想的な風景や、いかついライフルや大剣を持って立っている、鎧や甲冑に身を包んだ人物たちのイラストが数多く表示される。その画像の参照先のサイトを閲覧すれば、どれも実際に販売され、流通しているビデオゲームに関係したイラストであることが分かる。 これらのイラストは、ゲームが制作されるなかで、その制作チームに所属するデザイナーたちが、ゲームの世界観や登場するキャラクターを描いた資料であったり、パッケージやWebページのために描いたイラストだ。コンピューターゲームの進歩と認知を目標にする非営利団体、Academy of Interactive Arts & Sciencesが運営するアワード「Into The Pixel」は、そう

    谷口暁彦「ゲームアートにおけるゲーム世界の自律性」 | ÉKRITS / エクリ
  • ユーザーインターフェイス解剖学・改訂版(公開版)

    社内イベントで登壇した際のスライドです。「ユーザーインターフェイス解剖学」の改訂版。主に、UIデザインにおいて検討した方がよい/すべき考え方というものを簡単にご紹介しました。

    ユーザーインターフェイス解剖学・改訂版(公開版)
  • 「Magic Leap One」ついにデザインが公開 眼鏡型のARデバイス

    「Magic Leap One」ついにデザインが公開 眼鏡型のARデバイス 米Magic Leap社は、開発中のARデバイスMagic Leap Oneを公式サイトで公開しました。これまで巨額の資金調達を行いながらも謎に包まれていたデバイスのデザインが明らかになりました。Magic Leapは「新たなコンピューティング・プラットフォーム」だとして開発者向けの提供を2018年に開始します。 Magic Leap OneはMagic Leap社の最初の製品となります。Magic Leapはこれまでグーグルやアリババなどから総額19億ドル(約2,100億円)以上の資金を調達しながらもその詳細が不明であり、謎のARスタートアップとしてしばしば話題となっていました。 公開されたMagic Leap OneはCreators Edition(クリエイター版)ということでいわゆる開発者向けのものとなり、

    「Magic Leap One」ついにデザインが公開 眼鏡型のARデバイス
    gnt
    gnt 2017/12/21
    男心だ
  • WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ - NxWorld

    個人的に普段から対応することが多いものを中心に、更新者(クライアント)が少しでも使いやすい・更新しやすいと感じてくれるようなWordPressの管理画面をつくるためのヒントやカスタマイズを紹介します。 サイト構成や更新者のスキルなどにもよると思うので全部が全部やるべきということでもないですが、紹介しているものをいくつか組み合わせるだけで不要なものはすべて取り除いたシンプルな管理画面にできたり、少し手を加えるだけでもデフォルトに比べて大幅に使いやすくすることも可能です。 管理画面に任意のCSSJavaScriptを適用する CSSであればフロントのデザインに近い感じで管理画面を装飾したりデフォルトのレイアウトを使いやすい形に調整するなど、JavaScriptであればデフォルトにはない動きをちょっと付けたり逆にデフォルトで実装されている動きを無効化するといったように、管理画面をカスタマイズす

    WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ - NxWorld
  • もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita

    HTMLのテキストはPhotoshopのように融通が効かないから、デザイナーからの細かいお願いはだいたい断っている...なんてことありませんか? モダンブラウザは色んなプロパティが対応してきているので、できることも増えています。 今回は、知っているといざというとき便利なテキスト周りのCSSを集めてみました。 「日語、文字詰めできないかな?ほら、このカタカナとかキモい。。」 「Webで文字詰めだと?無理なんだよあきらめな!」なんていう時代はもうとうに過ぎ去っています。OpenTypeのフォントであれば、日語でもちゃんと文字詰めできるんです。 .class { -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } ↓こんなかんじで

    もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita
    gnt
    gnt 2017/11/21
    appleとか電通報の馬鹿みたいな字詰指定ってなんかそういうツールがあるのかな。それとも字詰め職人の朝が早いの?
  • 誰がインフルエンサーだったのか

    Introduction SNSの情報発信源として強い影響力を持つ人をインフルエンサー(influencer)と呼ぶ。日でツイッター投稿が盛り上がった10月の衆院選を分析すると、選挙のインフルエンサーの意外な姿が浮かび上がった。 データ出所:NTTデータ。リツイート含む。年代はNTTデータが推定した もっとも注目されたTweetは トランプ氏の4倍衆院選期間中の「選挙」にかかわるつぶやきをリツイート数の多い順にランク付けしたところ、トップ5はすべて4万を超え、最も多いもので9万近くに上った(10月下旬)。頻繁なツイッター発信で知られるアメリカトランプ大統領でも、11月の来日時のつぶやきでみればリツイート数は多くて2万台。ランキング上位のつぶやきはトランプ氏の倍以上の影響力があったことになる。上位に並んだのは、投票を呼びかける前向きなつぶやきだ。 RANK Tweet DATE RT 1

    誰がインフルエンサーだったのか
    gnt
    gnt 2017/11/16
    なんでこんなにUIがんばっちゃったの…
  • Engadget | Technology News & Reviews

    Research indicates that carbon dioxide removal plans will not be enough to meet Paris treaty goals

    Engadget | Technology News & Reviews
    gnt
    gnt 2017/10/05
    割とこの安っぽい丸っこいマット樹脂の感じがGoogleの考える「未来感」なのかもなあ、となんか納得
  • Dropbox Design

    Article — Product DesignPower and Patience: Finding Leadership BalanceApplying years of learning from competitive rowing to the craft of leadership.

    Dropbox Design
    gnt
    gnt 2017/10/04
    あちゅい
  • モバイルUI進化中!革新的なナビゲーションメニュー実例サンプル10個まとめ

    モバイル向けナビゲーションデザインには、さまざまな形やスタイルが登場しています。すべてのナビゲーションメニューが同じ構造であれば、ユーザーにとっても直感的で分かりやすいかもしれませんが、現実はそれほど単純ではありません。 独自の問題を抱えたモバイルアプリは、ナビゲーションメニューのデザインによってそれらの問題を解決することもできます。たとえば、7〜8つほどの主要メニュー項目がある場合はおそらくハンバーガーメニューを採用し、3つほどのメニュー項目の場合はタブバー形式を実装するかもしれません。 デザイナーが製品やユーザーのために最適化したナビゲーションメニュー設計では、クリエイティブで画期的なデザインがいくつか見られます。今回は、ナビゲーションメニューを作成するときに参考にしたい、革新的な実例サンプル例をまとめてご紹介します。 ハンバーガーメニューが進化中!2018年に押さえておきたい最新トレ

    モバイルUI進化中!革新的なナビゲーションメニュー実例サンプル10個まとめ
    gnt
    gnt 2017/09/28
    基本的にはボトムが正解なんだろうけど、PC WEBとの整合性がな…
  • http://career-panda.com/design-website-2017

    http://career-panda.com/design-website-2017
  • 移動しました - SmartHR Tech Blog

    リニューアルした SmartHR ロゴの作り方 - SmartHR Tech Blog

    移動しました - SmartHR Tech Blog
    gnt
    gnt 2017/08/09
  • インターネットを席巻する“フリー素材の巨乳美女”は何者か フリーランスのグラドル「茜さや」さんに話を聞いた

    フリー写真素材をネット上でダウンロードできるサイト「ぱくたそ」に2016年2月に登場した美女、茜さやさん。おっとりとした表情とタヌキ顔、そしてセクシーな風貌とむちむち体形の人……といえば、ネットを毎日見ている人なら「あぁ、あの人ね」とピンとくるのではないでしょうか。 この人です 彼女は広島出身の24歳。ネット上では“フリー素材の人”として知られていますが、実はフリーランスのグラビアアイドルとして活動している苦労人だったりします。おっとりとした風貌からは想像もつきませんが、実際に話を聞くと「グラビア撮影と称してラブホテルに連れ込まれそうになった」「17歳で30万円ためて上京した」と語るなど、なかなかハードな人生を送ってきた様子。 茜さやさんがフリー素材になったのは2016年2月。わずか1年でネットでは見ない日は無いほど拡散された“フリー素材美女”のバックボーンを探りつつ、フリーランスとしての

    インターネットを席巻する“フリー素材の巨乳美女”は何者か フリーランスのグラドル「茜さや」さんに話を聞いた
    gnt
    gnt 2017/07/16
    お世話になっております(ガチのやつ)