タグ

関連タグで絞り込む (318)

タグの絞り込みを解除

UIに関するCherenkovのブックマーク (278)

  • ユニクロ公式サイトが使えません(ついでにレジも)|ブラインドライターズ


    9        便EC PC   
    ユニクロ公式サイトが使えません(ついでにレジも)|ブラインドライターズ
  • デジタル庁デザインシステムβ版

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

    デジタル庁デザインシステムβ版
  • UI Guideline - Component Standardization

    It's the handbook that every UI Designer/Developer should include in their workflow. Through synthesizing all the wisdom of the most popular Design Systems and UI Libraries in one place, it makes your work easier and shortens your research time. Roadmap•ChangelogGithubTwitter•Subscribe

    UI Guideline - Component Standardization
    Cherenkov
    Cherenkov 2023/12/18
    “UI Components Handbook” コミュニティがあるらしい
  • 実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編|i3DESIGN Designers


    UI 1010   1. Visibility of system status1-1.   
    実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編|i3DESIGN Designers
  • ウェブユーザビリティ向上を支援するWebsite Usability Info


     (IA) 使 Accessible & Usable    The WebAIM Million (100) : 2024調  : 2024411  :   WebAIMThe WebAIM Million調100
    ウェブユーザビリティ向上を支援するWebsite Usability Info
  • アクセシビリティに配慮したWebデザイン ギャラリー・サイト AAA11Y(Accessible Website Gallery)

    A最低限の基準です。この基準を達成しないとWebサイトを閲覧できない人が存在しうるとされます。 AA望ましい基準です。この基準を達成すればWebサイトの閲覧が困難なケースは多くないとされています。 AAA発展的な基準です。この基準を満たすと最も閲覧しやすいWebサイトと言えます。

    アクセシビリティに配慮したWebデザイン ギャラリー・サイト AAA11Y(Accessible Website Gallery)
    Cherenkov
    Cherenkov 2023/03/09
    アクセシビリティ まとめサイト
  • 新たな価値を提供し続けるためのコード健全化の取り組み~Yahoo!天気アプリ


    2023101LINELINELINE Tech Blog OS Yahoo! 3
    新たな価値を提供し続けるためのコード健全化の取り組み~Yahoo!天気アプリ
  • HARKEN

    ................................................................................................................................................................................................................................................................................................................................................................................................................

    HARKEN
    Cherenkov
    Cherenkov 2023/01/18
    横スクロールだけど不思議と操作性がうざくない。各セクションで見てほしい情報はこれだけ!ってシンプルで雑誌めくってる感じでよい / クリエイティブ・ディレクター 木本さん
  • 「SPAのタブ永遠に開きっぱなし問題」を更新ボタンを設置せず解決した - 橋本商会


    UIScrapboxshokaishokai.icon Helpfeel Advent Calendar 20225 Helpfeelyado.icon bot | Helpfeel  <a>Scrapbox 2   Scrapbox  shokai.icon SPA SPAstaticweb static
    「SPAのタブ永遠に開きっぱなし問題」を更新ボタンを設置せず解決した - 橋本商会
  • 「北欧、暮らしの道具店」のメルマガをABテストで改善した話|Kurashicom Tech Blog

    こんにちは。デザイナーの白木です。 前回はクラシコムのUXリサーチについてお話しましたが、今回は「北欧、暮らしの道具店」のメルマガをABテストの手法を使って改善した話をしたいと思います。 「北欧、暮らしの道具店」通常のメルマガは商品紹介がメインですが、それとは別に当店のアプリを紹介するメルマガも配信しています。 これまではメルマガ登録者全員に配信していたのですが、その中にはアプリをすでにご利用いただいている方も多くいらっしゃるため、アプリのダウンロードには繋がりにくいという課題がありました。 そこでアプリ紹介メルマガを配信する対象をメルマガの新規登録者に絞ることにしました。新規登録者は当店を知って間もない方が多いと思われるため、アプリについて知ってもらえる良い機会になると考えたからです。 内容も見直し、いくつかのパターンを配信して効果を検証してみました。 ※来同じ期間に複数のパターンをテ

    「北欧、暮らしの道具店」のメルマガをABテストで改善した話|Kurashicom Tech Blog
  • Google Mapsがレビュー数を伸ばすための取り組みとサービスデザイン考察記事|坪田 朋


    Google Maps UXGoogle Maps2016使 Google Maps稿2016Google Maps稿 稿Google Maps
    Google Mapsがレビュー数を伸ばすための取り組みとサービスデザイン考察記事|坪田 朋
    Cherenkov
    Cherenkov 2022/08/22
    ゲーミフィケーション
  • 早期プロトタイプの功罪 ここ2年で考えたメンバーとの協業とOOUIについて|まつき

    「手が早いデザイナー」って良いこと?仕事で「手が早いねー」と言われるデザイナーがいます。 例えば私がそうです。小さなWEB制作会社や急成長のベンチャー企業で膨大なタスクを泣きながら回した経験がこの力を強化してきたと思います。 経験上デザイナーに対する「手が早い」とは、以下の3つを指します。 依頼時: タスクの必要要件を掴む(汲み取る)のが早い 制作時: ワイヤーやデザインに落とすスピードが早く、精度が高い 修正時: 修正対応が早い 特に私はアブダクションライン(逆推論)が強いタイプで、ざっくりした要件を伺ったあと「多分こういうものが作りたいんだろうな」という予測を立て、過去の凡例や脳内ストックを頼りに早い段階で構成を引くのが得意です。 デザイナーの逆推論=アブダクションラインのイメージ。デザイナーは抽象から段階的に選択をして最終的な具象に到達するのではない。一気に尤もらしい具象を掴み、そこ

    早期プロトタイプの功罪 ここ2年で考えたメンバーとの協業とOOUIについて|まつき
  • 高齢者向けサービスにおけるUIデザイン|『高齢者のためのユーザインタフェースデザイン』の書評


    WEB WEBITUI        
    高齢者向けサービスにおけるUIデザイン|『高齢者のためのユーザインタフェースデザイン』の書評
  • リンクとボタンを「押せる」だけでデザインしない

    リンクとボタンのビジュアルが似たものもしくは同じものになる理由のひとつに「押せる」[1]という共通点があるからだと思っている。 ビジュアルを似たもの・同じものにするかどうかは状況により判断されるので、そこに画一的な優劣は存在しない。しかしリンクとボタンは明確に異なる機能や振る舞いをもっている。その振る舞いやそれに対するユーザーのメンタルモデルから結果ビジュアルが同じになるのならいいのだが、ただ単純に「押せる」ことだけを基準にデザインされてしまうのは具合が悪い。このエントリーでは、リンクとボタンをデザインするにあたって「押せる」だけではなく、他にも判断材料となるものがあることを共有したいと思う。 前提と定義 今回の話はウェブブラウザで動作するUIを前提に考える。途中で言及するが、リンクがURLに関係していることと、URLをユーザーが意図的に変更できることが大きく関係するので、ネイティブアプリ

    リンクとボタンを「押せる」だけでデザインしない
    Cherenkov
    Cherenkov 2022/08/08
    アフォーダンスとシグニファイア
  • これだけは押さえよう!住所フォームの作り方 - ケンオールブログ

    まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基。「建物」フィールドはオプション 文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース(住所フォーム)は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能(郵便番号による住所補完)は、住所フォームの改善方法として最も効

    これだけは押さえよう!住所フォームの作り方 - ケンオールブログ
  • Mantine

    Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 50 hooks to cover you in any situation Free and open source All packages have MIT license, you can use Mantine in any project

    Mantine
  • 【2022年】注目すべきUI/UXデザイントレンド - Qiita


    ShakuroRita Kind-EnvyUI/UX Design Trends Of 2022 You Need To Catch Up To20211115  20212020UI/UX 退 202134
    【2022年】注目すべきUI/UXデザイントレンド - Qiita
    Cherenkov
    Cherenkov 2022/01/24
    スクローリーテリング パララックス Parallels scroll
  • Tailwind CSSが私には合わなかった理由


    1,2Tailwind CSS使Tailwind CSSclassUI WebTailwind CSS Why Tailwind Isn't for Me by Jared WhiteTailwind CSS Tailwind CSS便使UI CSSCSSTailwind CSS  
    Tailwind CSSが私には合わなかった理由
  • スマホのタップ操作の成功率を算出するモデル ~ UIデザインにおけるユーザビリティの推定


    2023101LINELINELINE Tech BlogYahoo! JAPANUI ISS 2020 [1] 95UI  PC
    スマホのタップ操作の成功率を算出するモデル ~ UIデザインにおけるユーザビリティの推定
  • 「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質


    UI UI使UI 使 UI使 便UI POBoxiPhoneUIUIUI使 UI UI
    「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質
    Cherenkov
    Cherenkov 2021/12/01
    「慣れに支配されている」