れご@RPA @Mnt_Rego 割引シール風のやつもお手頃感あるんだなと直感的に分かるし、テプラ風のところに影があって意外と細かい描写にこだわっている。 他の引用ポスト者はこれを「“手抜き感”を是としていている風潮が嫌い」と一蹴しているけども、単に批判するにはもったいないユーザー体験だと思う x.com/harukaka_/stat…

キャッシュレス決済対応店舗を示す「ピクトグラム」のコンクールをめぐって、事前の募集要項に記載された「留意点」に合致しない作品が最優秀作品に採用されたのではないかとして、応募者などから疑問の声があがっています。ねとらぼ編集部はコンクールの主催者に見解を聞きました。 キャッシュレス化推進の「ピクトグラム」に疑問の声（出典：PIXTA） 採用されたのは英文字ベースの図案 コンクールは、キャッシュレス決済の普及などを目的に活動する、一般社団法人キャッシュレス推進協議会が実施したもの。キャッシュレス決済が使える店舗を示す図案を、4月17日から5月26日まで募集していました。 募集したのは「完全キャッシュレス店舗」「キャッシュレス利用可能店舗」の2つの図案を1セットにしたもので、最優秀作品受賞者には、「PayPayギフトカード」や「楽天Edy」など総額25万円分を贈呈するとしていました。 6月19日、

2024年6月11日リリースのChrome126から、View Transitions APIがパワーアップし、別ページへの遷移でも使うことができるようになったので紹介したいと思います。 View Transitions APIとは View Transitions APIは、画面遷移をなめらかに行うことができる機能です。 この機能を使うと、以下の動画で紹介されているように、ページ遷移にアニメーションをつけることができます。 まずはView Transitions APIの特徴から紹介したいと思います。 特徴1：異なるDOM要素間でアニメーションできる アニメーション前後のDOM構造が異なっていても、アニメーションを行うことが可能です。 例えば、<div>がアニメーションで変化しつつ<img>要素になる、といったアニメーションが可能です。 特徴2：アニメーションがCSSで自由自在 アニメー

大阪・関西万博の公式キャラクター「ミャクミャク」の初めての友達になるかもしれません。 独自のパビリオンを出展するチェコが、マスコットキャラクター「RENE（レネ）」を発表しました。 ■ボヘミアンガラスの生産地で生まれた「ガラス製の生き物」 15日、大阪・関西万博に出展するチェコが発表したのは、パビリオンのマスコットキャラクター「RENE（レネ）」です。 「RENE」は、伝統的なボヘミアガラスの生産地として有名なクリスタル渓谷という地域で生まれたガラス製の生き物で、誰にでもフレンドリーな性格だということです。 ■「チェコガラス」はパビリオンの外観にも使用 「RENE」という名前は、1970年の大阪万博のチェコスロバキア館で注目を集めたガラスアート「ガラスの雲」をデザインしたガラス芸術作家レネー・ロゥビチェクから付けられました。 伝統的なチェコガラスは、マスコットだけではなく、パビリオンの外観

まふ @mafu_todo ANAの404もいいというりぷを見たので見に行ってみた 確かに綺麗な青で良き✨ (個人的には404という数字は残してほしいなという気持ちはちょっとある) pic.twitter.com/Ip2Dm8oPZ6 x.com/sawaratsuki100… 2024-04-26 10:41:21

スマホを使っていて、イラッと感じること、ありませんか。 「×マークが小さくて、消そうとしたら、意図せず広告に触れてしまった」 「×マークを押そうとしたら、急に広告が動き、誤って広告サイトに飛んでしまった」 ウェブでの不快なことを聞いたある調査では、「広告を誤って押してしまったり、押しそうになった」と答えた人が、最も多いという結果でした。 実は、これ、「ダークパターン」と呼ばれ、世界で問題になっています。 （デジタルでだまされない取材班 芋野達郎） 押す気はないのに、広告を… マーケティングのリサーチ会社「クロス・マーケティング」が、20代から60代の1100人に、ウェブサイトやアプリを利用している際に感じる不快なことを、複数回答でたずねました。 すると、最も多かったのは『広告が表示され、押す気はないのに誤って押してしまった（押しそうになった）』で、29.5％、およそ3割にのぼりました。 続

うそのカウントダウンタイマーや、在庫が少ない、需要が高いなどの表示。 画像では、カウントダウンタイマーや「今だけ」の表示で焦らせて「今買わなければ」という気持ちに追い込んでいます。 今回私たちは、企業の間ではダークパターンがどのように認識されていて、どのような対策を取っているのか、現状を把握するために独自にアンケート調査を行いました。 調査は、武蔵野美術大学の長谷川敦士教授の監修のもとで行い、ダークパターンが使用されることの多い6つのジャンル（ネットショッピング、旅行予約サービス、飲食店予約サービス、動画配信サービス、音楽配信サービス、電子コミック配信サービス）について、利用者の多い5つのサービス、あわせて30のサービスを対象にしました（利用者数については、ニールセンとICT総研の調査を元にしています）。このうち、16のサービスの運営企業から回答がありました（回答率は53％）。 回答した企

AmazonがEvilに染まっていく… 購入手続きのときに、急にこんな画面が挿入されてきたんだけど、 https://tadaup.jp/55aeed90d.gif こんな絵に書いたようなダークパターンある？？ 「お急ぎ便を無料で利用できます」と書いてあるけど、 小さく「会員は\600円/月で特典使い放題」と書いてある。 つまり、「600円払えば無料だよ」と言っている。つまり、無料ではない。 読解力を測るテストで間違えるような人は、もうこれ読み取れないだろ。 しかも、その下のボタンである。 一見すると、ボタンが2つ並んでいる。 YesとNoのボタンなのかと思いきや、なんと、これはYesとYesである。 「Yes か はい で答えてください」というジョークを素でやっているのが、今のAmazonなのである。 では、Noのボタンはどこにあるのかと、画面中をよく探したら、左側に、普通のテキストの見

前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の３つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念（ナビゲーション、インタラクションなど）を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 デバイスやソフトによるUIの違い皆さんがお使

※以下の記事は執筆中で、明日以降内容が変わると思いますが、普通に忘れて放置する可能性もあるので一応上げておきます。 ※（2024/01/23 18時追記）よく見たら社名はポケットピアではなくポケットペアでした。社名を間違えるのは本当にリスペクトの足りない行為だと思いますので、お詫びして訂正します。ポケットペアの皆さん、ごめんなさい。 ※割と普通に読めるみたいで、編集しなくても良さそうなのでもうこれで完成ということにします。 先日発売された『パルワールド』。Steamで驚異的な売り上げを記録している一方、ポケモンのパクリかどうかみたいな話が思った以上に話題になっているので、既プレイ者として少々語ろうと思う。 記事の構成としては、概ね下記の目次の通りとなる。 パルワールドを「パクリゲー」と言えるかどうかは、ゲームシステムとアートスタイルのどちらに重きを置いて評価するかによる部分があるので、出来

パルワールドのモンスター「パル」がポケモンのパクリではないか、任天堂法務部が動くのではないかと話題になり例によって「比較画像」などが作られ拡散されている。 （「パルワールド 比較」などで各自検索してもらいたい） 並べて見ると誰でも確かにと思うかもしれない。 しかしこれは悪意のある誘導・デマなので騙されないでほしい。 モチーフが同じならデザインは似るポケモンのデザインは現実の動植物などをモチーフにしている。 パルワールドもそう。つまり元ネタが同じ。 元ネタが同じでデフォルメのテイストも同じなら見た目が似るのは当たり前。 動物の毛並みをトゲトゲした形にデフォルメする、草花モチーフなので花びら状のパーツをつける、ふわふわした毛をつけて可愛らしくする、トサカで獰猛な印象にする、こうした表現はポケモンの専売特許ではない。 モチーフとゲーム的な必然性から配色も決まっているパルとポケモンの一部はカラーリ

ハイパーおもちゃクリエイター/おもクリ🛠️【二次工作Vtuber】C103土曜日 東'b'37ab @HT_Creator 俺「コミケの差し入れのお礼を言おう！」 姉「並べ方が鑑識か！貸してみろ！」 ＿人人人人人人人人人人人人人人人人人＿ ＞　差し入れありがとうございました　＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣ pic.twitter.com/PGjcJVBJOe 2024-01-02 17:30:00

弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 はじめに 人は見た目が9割 皆さん一度はこの言葉を耳にしたことがあるのでしょう。内面がどれほど素晴らしくても、外見がそれに見合わないと、なかなか本当の価値を認めてもらえないものです。 この話は人間だけでなく、アプリケーションにも当てはまります。どれだけ内容が素晴らしくても、見た目がイマイチだったり使い勝手が悪かったりすると、ユーザーに敬遠されてしまいます。(私は以前ネ⚪︎フリからア⚪︎プラに切り替えたのですが、使いにくく感じたため、すぐに元のサービスに戻しました) エンジニアの皆さん、優れた技術力を持ちながら、デザインが原因でユーザー離れを招いていませんか？そうならないよう

鳥羽輝人 @big1guycotz 艦種や大きさ、進行方向を誤認させる『ダズル迷彩』の効果がいかなるものかを示す写真。 加えて手すりがないのは危険極まりない。 twitter.com/torahisa/statu… 2023-09-28 01:30:24

ななころび @7korobi @saturatedspirit カッコイイデザインのほうも、腰のあたりにちょっと突起つけて卜の鏡文字に見えるようにしたら、かなりハッキリ男子トイレとわかるようになると思うんだ。 2023-09-26 21:11:13

【読売新聞】　国内で配信されているショッピングやＳＮＳ、ゲームなどの主要アプリの９割に、消費者を不利益な選択に誘導する画面デザインが採用されていることが、東京工業大の調査で分かった。「ダークパターン」と呼ばれ、意図しない商品を購入さ

ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します。 imgタグの属性はちゃんと書く？ imgタグにwidth・height属性を書いているか質問しました。 4397票の回答があり「何が何でも絶対に記述する」が11.9%、「基本的に記述する（たまに記述しないことがある）」が33.2%、「面倒なので普段は記述しない（たまに記述する）」が21%、「記述しない！」が33.8%でした。 記事『【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい | Rriver』によると、レイアウトシフトの対策に有効であるためにwid

& how to analyze design choices without jumping to conclusions Over the years, I have had many encounters with Japanese websites — be it researching visa requirements, planning trips, or simply ordering something online. And it took me a loooong while to get used to the walls of text, lavish use of bright colors & 10+ different fonts that sites like this one throw in your face: Hankoya — a website

公(広島市) @kou_mamorukai 元「広島市を護る会」代表。 #広島市 に #ヘイトスピーチ 条例を作ろうという外部団体ができたので、条例制定反対の民意を届けるため会を立ち上げました、が、状況が落ち着いたので活動休止しました。 行政のHPからスクショで抜くことがありますが転載自由。もともと自分のものでもないですし🙄

RFIR @RFIR0706 速度表示には綺麗にデザインした🐇🐢のイラストを添えている。こちらは賛否両論、とある管理職は「海外で理解されないのでは?」と。それは逆で欧米機械、🐇🐢表示多くISOにも設定有。国内でも、その流れを受けた建機/納期/船舶に🐇🐢多用 ともあれ国人種問わず分かりやすい方向へと考えて pic.twitter.com/5kpBfQXlSe 2023-05-03 11:11:25