デザインが「良くない」と何が起こるのか｜spicagraph
どんなものでも「良い」に越したことはありません。それはわかるんだけど、じゃあ「良くない」と何が起こるの？ デザインが「良く」なるとどんな効果が得られるかはよく語られますが、デザインが「良くない」ときになにが起こるのかについて考えてみたいと思います。 今回のデザインが「良くない」は、 ・文字が読みにくい ・構成がわかりづらい ・色の使い方が無計画 といったことを指す、という前提で進めます。 人の脳には2つのシステムがあるダニエル・カーネマンは「ファスト＆スロー」の中で、人間が思考し何かを決めるとき、脳ではふたつのシステムが働くとし、それぞれシステム１、システム２と呼んでいます。 特徴としては次の通りです。 興味深い実験本の中で、ABふたつのグループに対し、直感的に答えると間違えやすい引っ掛け問題を、Aグループには明瞭な印刷、Bグループには小さな文字の掠れた印刷で実施したテスト結果が紹介されて
ウェブアクセシビリティ方針まとめ | 福岡・北九州のウェブアクセシビリティ専門web制作会社
裾野市ウェブアクセシビリティ方針|裾野市 #WCAG2_0 #レベルAA #一部準拠 #地方自治体 2024年9月10日の情報 大分県ホームページ ウェブアクセシビリティ方針 - 大分県ホームページ #WCAG2_0 #レベルAA #準拠 #地方自治体 #試験の公開 2024年9月10日の情報
デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選｜東芝 UIデザイン
こんにちは！東芝UIデザインチームnote事務局の小林Jです。 みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？ そんな時によりどころになるのが「人間工学」です。 「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。 「人間特性」とは、知覚から認知、身体に至るまで人間特有のあらゆる機能や性質のことです。どうしてそのような行動をするのか、という原理を知っていることが、モノづくりや仕組みづくりをする人たちにはとても大切なんです。 弊社デザイン部門には人間特性ワーキンググループという専門チームがあり、デザイン部門内で情報共有や勉強会を行っております。 noteにも「人間工学シリーズ」と
メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)｜アプリマーケティング研究所
メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023) 2023年に取材した記事から、長く参考になりそうな施策をまとめました。※ 数値等はあくまで取材当時のものです。 1、商品ページの「¥マーク」を小さくしたら購入率アップ（メルカリ）メルカリでは、商品詳細ページの「値段の¥マーク」を小さくしたところ、購入率が大きく上昇した。 理由としては、¥マークを小さくしたほうが、心理的な「価格の圧迫感」が減って、心理的にすこし安く感じるためと考えられている。例えば、¥マークが大きいと桁数が多く感じたり、価格を高めに感じやすい。 この案があがったときには、社内でも懐疑的だったそうだが、テストすると小さな開発コストで大きなリターンを得られる施策になった。 元記事：https://markelabo.c
モバイルファーストのウェブデザインがデスクトップに及ぼす悪影響
モバイルファーストのウェブデザインは、デスクトップで閲覧する際に重大なユーザビリティ上の問題を引き起こす。長いスクロールページにコンテンツが過度に分散され、余白が広がり、画像やフォントが拡大されるため、ユーザーが情報を把握し、理解することが難しくなるのである。 The Negative Impact of Mobile-First Web Design on Desktop by Kim Salazar, Tim Neusesser and Nishi Chitale on October 13, 2023 日本語版2024年2月6日公開 最近のウェブサイトの多くは、モバイルファーストなアプローチでデザインされている。こうしたページをデスクトップデバイスで表示すると、コンテンツが過度に大きく引き伸ばされて見えることがある。画面を覆い尽くすような画像、肥大化したテキスト、過剰な余白のせいで、
オーガニック フルボ酸原液「ミネフル70」720ml | からだによいもの。こころによいもの。 | スローヴィレッジ公式通販サイト
継続するお声が予想以上に多いため、会員様限定で8,800円の特別セールを継続させていただきます。さらに定期購入なら6本目毎に1本無料！※値引きは「ご注文内容の確認画面」でされますのでご了承ください。 オーガニックフルボ酸原液 ミネフル70は、欲しいミネラルが全部摂れることと、 素材の「安全性」が選んだ決め手とお客様からお喜びいただいています。 「心身の潤滑油」といわれるミネラル。細胞のバランスを維持して、神経や筋肉機能をサポートします。 ミネフル70は足りないミネラルを補い、日々の生活をサポートします。ミネラルは、とても重要で欠かすことの出来ない存在なのです。 超微量ミネラルの不足が、だる重いの原因にも ミネラルは私たちのからだをつくり、生命を維持する働きのために欠かせない重要な栄養素で、からだの中でつくることができないため、外から食事によって取り込まなければなりません。 しかし今、土の力
日本のウェブデザインの特異な事例
sabrinas.spaceより。 8週間もかからなかったはずのプロジェクト 日本のウェブデザインはどう違うのか? 2013年のRandomwireのブログ投稿で、著者(David)は、日本のデザインの興味深い相違点を強調しました。日本人はミニマリストのライフスタイルで海外に知られていますが、ウェブサイトは奇妙なほどマキシマリストです。ページには様々な明るい色(3色デザイン原則を破っている)、小さな画像、そして多くのテキストが使われています。2022年11月に撮影されたこれらのスクリーンショットで、自分の目で確かめて下さい。 ブログ投稿には、文化的専門家、デザイナー仲間、そして不満を抱く市民によって支持されている、考えられる理由がいくつか挙げられていました。 この理論が今でも正しいのか、また、もっと定量的なアプローチが可能なのか気になったのでやってみました。 私が見つけたもの 各国の最も人
【総数6621件】BANNER LIBRARY | デザインの参考に！おしゃれなバナーだけを集めたギャラリーサイト
鎌倉で香りと景色のあわいを楽しむ、25日間だけのル ラボ オン ウィールズ。 2024.9.7NEW
ダークモードとライトモード：どちらが良いのか
正常な視力の人（または視力を矯正している人）は、ライトモードのほうがよく見える傾向があるが、白内障および関連疾患のある人の中には、ダークモードのほうが見え方が良好になる人もいる。その一方で、ライトモードでの長時間の読書は、近視を引き起こす可能性も指摘されている。 Dark Mode vs. Light Mode: Which Is Better? by Raluca Budiu on February 2, 2020 日本語版2022年10月31日公開 最近、iOS 13へのダークモードの導入をきっかけに、ダークモードのデザイントレンドとしての人気とそのユーザビリティについて、ある記者からコメントを求められた。また、UXカンファレンスの参加者からもダークモードについてのこの質問を何度か受けている。 iOS 13：ライトモード（左）とダークモード（右）。 前もって言っておかなければならないが
UIの名称まとめ 〜よく見かけるけどあれなんていう名前？〜｜Nviveto
コンポーネントを作るときや開発チーム、クライアントと話をするときに名称が一致していないと何の話をしているんだか、、？となってしまします。 忘れっぽい自分は毎回名前をうろ覚えでつけてしまっていますが、戒めとして記事を書くことでしっかり覚えていきたいと思います。 ※色んなところから引っ張ってきているので正式名称ではない（複数呼び名がある）ものがあるかもしれませんが、ご了承ください。 UIパーツ見づらくてすみませんが、エクセルのシートを画像にしたものを貼り付けていきます Onscreen keyboards画面上にキーボードの図形や文字を表示し、マウスあるいはペンなどのポインティングデバイスや、指先によるタッチ、あるいは十字キーなどで各キーを指定して文字入力を行うもの Onscreen keyboards (iOS) SegmentedControliOS独自のUIで水平方向に配置された複数のボ
アリババ創業者、前会長のジャック・マー（馬雲）氏がウクライナを電撃訪問！！ウクライナへ大規模な投資とIT開発拠点を置くことを発表。 柴田裕史：隠れたIT大国 ウクライナ：オルタナティブ・ブログ
紛争やチェルノブイリとは全く別の顔を持つ多数の天才的IT技術者を輩出したIT大国、ウクライナの真実の姿に迫る。 2019年11月7日の夜、中国一の大富豪で アリババ社（阿里巴巴集団） の創業者、前会長のジャック・マー（馬雲）氏がウクライナのハルキウ市を訪問中という電撃的ニュースが入ってきました。翌日の11月8日にウクライナの首都キエフで行われたキエフ国際経済フォーラムに出席するための訪問でした。ジャック・マー氏はフォーラムでウクライナのポテンシャルを評価すると熱のこもったスピーチをした後、ゼレンスキー大統領（上図）とも面会し、ウクライナに大規模なR&Dセンター（研究開発センター）を設立することを確約しました。その他にも共同でIT教育プログラムを開始することも明言しました。
一般社団法人 市民審議会 | 本当に必要ですか？子どもへのワクチン
当会は2021年7月より本署名活動を機に子ども達への過剰な感染対策による環境を改善したいと考え、様々な活動をしてきましたが、特に子ども達に長く深くかかわる学校、先生方の影響はとても大きく、教育現場の環境の改善が特に急務であると感じています。 そこで、「教育」に今一度フォーカスし、子どもに関わる全ての方、特に先生方に「子どもの心身の育ちをサポートする」という本来の重要な役割について再度深く考えてご理解ご協力をいただきたく、今回、公立中学校元校長の原口真一先生、監修の堀内有加里先生、アメージング出版代表 千葉様のご協力をいただき、書籍を上梓させていただくことになりました。 日時：4月20日（土）13時30分～15時00分（13時00分ルームをオープン） 場所：ZOOMを用いたオンライン講演会 定員：100名 参加費：1,000円（参加のみ）、1,600円（参加+書籍つき） ※いずれも後日のアー
Ameba Pickのアクセシビリティ向上への取り組みについて | CyberAgent Developers Blog
こんにちは、Ameba事業本部という部署でフロントエンド開発をしております宮本 (@hrfmmymt) です。 2020年4月(iOSアプリ版は5月)にAmebaブログの新アフィリエイト機能である Ameba Pick (アメーバピック) がリリースされました。 Ameba Pickのランディングページ ( はじめ方_Ameba公式アフィリエイトAmeba Pick ) Ameba PickはAmebaブログの管理画面やエディタから操作できる、Amebaブログの内包する一つの新機能という位置付けではあります。しかしながら、モーダルウィンドウなども含めた画面の数や、PCブラウザ・SPアプリへの対応、デザインや機能を既存の管理画面へ整合させる必要性があることなどの事情を含めると、要した開発期間はおよそ10ヶ月に及ぶもので、開発規模としては一サービス程度のものとなりました。 さて、本稿ではそんな
よくあるデザインで起こる想定外のコンテンツに備える、CSSの実装方法のまとめ
タイトルやラベルの文字数が多くなったり、ボタンの数が増えたり、コンテンツが長い場合と短い場合があったり、想定外のコンテンツが使用された場合に対応できるよう、念のために備えたCSSの実装方法を紹介します。 現状はボタンが2個だけど、1個の場合や3個以上に増える場合も考慮して実装しておくと、メンテナンスが楽になります。 The Just in Case Mindset in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 「念のため」の考え方 よくあるデザインで起こる想定外に備える 終わりに はじめに Webサイトを構築する際に、コンポーネントがさまざまな条件下で機能するか確認したい場合がよくあります。「念のため（Just in Case）の考え方」とは、そのコンポーネントに起こり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マイナンバーカード | SPY×FAMILY | デジタル庁
https://twitter.com/Oxxxm/status/1536951464752726016
小林 I Webデザイナー on Twitter: "CSS1行でできるズラしテクニック https://t.co/0O2R4ga3hN"
How to Wireframe a Website using Gutenberg - Stackable
Web Development Gallery Eases
みる兄👓元マーケの人 on Twitter: "バルミューダのECサイトが学びが多いんです。説明的にしすぎずに「ブランドのこだわり」を伝えてる。ビジュアルとテキストのバランスが秀逸。あと、このTKO木本さんのインタビューは最高。「これがバルミューダの強みだ！」と感じる。イノベー… https://t.co/kanvPQIoYm"