Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 改定情報 2025年8月に改めて再整理、追記をして以下に書き直しています。 ↓からは元記事のまま未編集です この記事は社内の勉強会で話した内容を再編したものです。 私自身はPC/ブラウザ/スマホのアプリ開発をしている１エンジニアにすぎないのですが、対客や要件定義から開発、運用、そしてUIのデザインを担当しており、自分なりに伝えられるものがないかと試みたものです。 デザインとは デザインとは単に見た目だけの話ではなく、「ビジネス」と「ユーザーが得る体験価値」から始まり、それを実データと結びつけながら人の認知を通してどう見せるのかという作業

はじめに 私はデザイナー兼フロントエンドエンジニアというような立ち位置で、勤務するfreee株式会社のアクセシビリティガイドラインの作成に関わったり、アクセシビリティまわりの仕組みの整備や社内エバンジェリストみたいなことをしています。 もともと私はWebアクセシビリティという分野が、重要なものである以上に技術や考え方として面白いと思ってやっているうちに気付いたら仕事で大きなウェイトを占めるようになってしまったタイプの人です。しかし、そうではない人たちにその重要さを説明したり、対応をお願いしたり、そのための資料を作ったりしているうちに、「やっぱWebアクセシビリティって難しいんだなぁ」と思うようになってきたので、それについて書いてみようと思います。 なお、背景を説明するうえで必要なので社名を出しましたが、あくまでこの文章は個人の見解であり、所属組織とは関係がありません。 誰のためにやるのかが

自分はWebサービスの表側を作るお仕事に就いていますが、日本人ってサービス系の開発に向いてないよなーと強く思います。 特にWebサービスやアプリについては、まじで向いてない種族だと思います。 一番アカンなーと思うのが、リリース後の開発において機能追加は精力的に行う一方、機能削減はぜーんぜんやらないんですよね。 Webサービスって、リリース直後の段階である程度しっかりとしたUIで組まれていて、機能追加のことは基本的には考慮されていないケースが多い印象があります。 そのせいか、機能が追加されればされるほどいびつなUIとなっていって、最初は見やすかったのに、どんどん見づらくなっていくという…。 そうなってくると途中で全面リニューアルを行わざるを得ないことになるんですが、その頃には元のコードはぐっちゃぐちゃになっているわ元いたエンジニアはやめてるわてんやわんやで、もうどーしようもない状態になってい

FigmaはWebブラウザ上で動作し、複数人同時で編集が可能なデザインツールです。 従来UIデザインの分野ではSketchやAdobe XDといったツールが使われてきました。そういったデザインツールの分野にFigmaは複数人同時編集・Webアプリという特長を活かし登場しました。現在は5000万ドル以上の資金を調達するに至る、極めて注目度の高いツールに成長しています。 本連載ではUIデザインに積極的に関わっていきたいウェブエンジニア・アプリエンジニアに向けに注目度の高まっているFigmaを導入すると嬉しい理由と使い方をお伝えします。 連載の一本目である本記事では、なぜFigmaを使うのか・今までのツールと何が違うのか？という点を重点に解説します。 対象読者 UIデザインに積極的に関わっていきたいウェブエンジニア・アプリエンジニア デザインファイルの管理で困っているエンジニア・デザイナー Fi

ロッカーの扉に小窓が付いたコインロッカーが便利だとTwitterで話題になっています。荷物をしまってロッカーを施錠した後も、ロッカーの鍵で小窓「サービスドア」を追加料金なしで自由に開け閉めできるのです。 話題のきっかけになったのは、札幌駅構内でサービスドア付きコインロッカーを目にしたもんじろう（@saikikaku1）さんのツイート。札幌駅構内のコインロッカーの一部がサービスドア付きになっていたそうですが、初めて見たとのこと。リプライには同じく「初めて見た」と言う方や、プール・スキー場・スケート場などで見かけたとコメントする人も。 大きな荷物はロッカーに入れておき、財布などの小物を開け閉め自由な「サービスドア」から出し入れできてかなり便利そうです。 今回は「サービスドア」の誕生の経緯や傾斜が付いている理由などを、製造元で特許を取得している日本自動保管機にお話を伺いました。 ── サービスド

Twitterでは、ロゴマーク関連ワードがトレンドを席巻。「コロシテくん」「いのちの輝きくん」などの愛称（？）の他、ロゴマークに似ている、もしくは似たキャラクターが存在するといった理由から「キャラメルコーン」「SCP-066」「ポンデリング」「沙耶の唄」などもトレンド入りしています。 また、早くもバルーンやキーホルダーなどの関連グッズ製作やイラスト投稿がブームとなっており、Twitter界で大きなムーブメントに。不気味さが注目を集めた今回のロゴマークですが、これほど話題になったのならデザイン的には成功なのかも？

デザインtips @tips_bot ゆるく初心者向けのデザイン解説とか書きます。 絵描きさん向けの役立ち情報も多い。なんか思いついた時に自分用のメモも兼ねて投稿しているので、お気軽に〜！

前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。 本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。 巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。 初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhone Xから22%縦長化特に著しく変化したのが、iPhone Xが登場した事によってそれまで1.77だった縦横比が2.16まで

ローソンは2020年5月から同社のプライベートブランド（PB）のパッケージの全面刷新を開始。そのデザインを巡っては、消費者から「分かりにくい」などの意見が寄せられるなど、ネット上で物議を醸している。同社の担当者と、デザインを担当したnendoの佐藤オオキ氏に、デザイン刷新の真意を聞いた。 「商品の区別が付きにくい、文字が見にくいといった声を頂くことは、ある程度予想していた。そこに対しては、お客様の声を基に調整することを視野に入れている。ただ、ローソンとして『お客様との長期的で深いつながり』を大切にしたいというメッセージを伝えるため、まずは思い切ったデザインを展開した」。ローソンは2020年5月から同社のプライベートブランド（PB）のパッケージの全面刷新を開始。その陣頭指揮を執ったローソンの藤田和生マーケティング戦略本部本部長補佐は、新しいデザインに込めた思いをこう説明する。 他社製品と同じ

『ISHIZO』から生まれた新しいインテリアの提案。 「視覚」で楽しむ、「四角」い石。 豊かな色彩、地球の躍動から刻まれた模様。何億年という歳月を記憶する重みある質感。 石は地球がつくる芸術品ともいえます。 その魅力を、世界中から集めた多種多様な石の中から切り出したのが「しかくいし」。 自宅やオフィス、商業施設などさまざまな空間で、無二の存在感を発揮します。 100% 天然で、同じものがひとつとしてないのも魅力です。 —————————————————————————————————— ISHIZO オンラインショップ しかくいしをはじめ、花器やブックエンドなど石の魅力がつまったインテリア商品をご購入いただけます。 各商品の詳細な写真やLOOK BOOKも充実しておりますので、見ていただくだけでも楽しめます。 ぜひご覧ください。 ——————————————————————————————

「bitcoin.jp」に社名変更予定の呉服問屋･堀田丸正、肝心かなめの「bitcoin.jp」のドメインをビットコイン買うだけ大手のメタプラネットに掻っ攫われる 社長がIR担当者に責任転嫁のアシロ、問題の決算説明資料の言い回しを「大口顧客の解約」から「顧客の広告予算調整」に訂正するも肝心の数字はそのままなので焼け石に水に

エリー @super_ery @ilovedx3 一応、辛さを示す「炎」のアイコンが増えてるので、表現しようとする努力は見えます しかし、全体のアイコン数を統一させるために、人参とじゃがいもが減ってます。なので、アイコン≠商品特性にです。 結局、デザイン性＞＞＞商品特性　になって分かりづらく訴求力の低い残念な子になってますね 2020-05-31 08:03:59

先月から徐々にローソンのPBパッケージが新デザインに切り替えられ、その変化の大きさにSNSでも賛否両論が飛び交っている。 ▼リニューアル後のパッケージ例。ベージュで統一され、ひと目見ただけでは中身がわかりづらい。 若い女性を中心としたデザインに敏感な層からは「かわいい」「そのままでも暮らしに馴染む」と高評価を受ける一方、「視認性が低い」「シズル感が足りない」といった否定的な意見も多い。 ちなみに私自身は今回のリニューアルに関しては賛成でもなければ反対でもない。 これはコンビニの消費体験を大きく変えようとするローソンの挑戦であり、その仮説が受け入れられるかどうかは未知数だからである。 消費行動とは不合理なもの消費行動の変化は、過去の延長線上だけでは語れないところがある。 プロダクトが市場を作るという現象がよく起きるからだ。 今では圧倒的シェアを誇るiPhoneも、日本上陸時には消費者からの評

ローソンの新パッケージ、「わかりにくい」と不評 1 名前：ニールキック(SB-Android) [BR]：2020/05/25(月) 19:12:12.73 ID:ZnmEVkpD0 「高級に見える」「かわいい」と3月から話題になっていたローソンのプライベートブランド「ローソンセレクト」の新パッケージ(関連記事）。デザインを手掛けたのは、海外でも活躍するデザインオフィス「nendo（ネンド）」であることが発表されました。 https://nlab.itmedia.co.jp/nl/spv/2005/08/news014.html 【話題】『ローソンPB商品の新パッケージ、どれが何やら見分けがつかず超不便…』 https://snjpn.net/archives/196999 6: ニールキック(SB-Android) [BR] 2020/05/25(月) 19:14:08.24 ID:Zn

TANIDA🔍ガジェット検品 @takshzn CEATEC 2025出展（10/14-17 幕張メッセ）。電子ガジェット専門の検品会社を経営。 電子科卒▶上場メーカー▶NY＆広州留学▶中国工場x3▶香港/深センで会社経営▶ジャイナルサービス株式会社代表（2025年7月本帰国） 👉ガジェット検品/工場監査（深セン近郊の工場に派遣） 詳しくはHPで↓ https://t.co/CXVMyNi1xJ TANIDA🔍ガジェット検品 @takshzn 地下鉄車内の天井に青空の絵があるだけで開放感を感じて心地よくなる。人間は思っている以上に単純だ。その単純さに気付いてプロダクトアウトできる人は凄い。 pic.twitter.com/6BJ6agOn7w 2019-11-16 10:43:34 TANIDA🔍ガジェット検品 @takshzn 確かに雲の向きがおかしい。さらに言うと初期の車両は同

米Appleの最高デザイン責任者（CDO）、ジョナサン（ジョニー）・アイブ氏が年内にAppleを去る。Appleが6月27日（現地時間）に正式に発表した。 同氏は2020年に独立したデザイン企業を立ち上げ、Appleを主要顧客の1つとする計画。今後もAppleと密接にかかわっていく。 アイブ氏は発表文で「30年近くに及ぶ、多数のプロジェクトで文化を構築するために行ってきた仕事を誇りに思っている。（中略）私はAppleのデザイナーたちに最大の信頼を持っている。彼らは最も親しい友人であり続け、今後も彼らと仕事を続けるのが楽しみだ」と語った。 AppleのCDOの後任は定めず、デザインチームのインダストリアルデザイン担当副社長のエバンス・ハンキー氏とヒューマンインタフェースデザイン担当副社長のアラン・ダイ氏がジェフ・ウィリアムズCOO（最高執行責任者）の直属になる。 米Financial Tim

ブラウザを更新してください ご使用のブラウザが古いかサポート対象外の可能性があります。Canvaで引き続き続行するには、次のいずれかの最新バージョンのブラウザに更新してください：

注目企業の中の人によるコラム 今回は、OisixのUX改善について、アートディレクターを務める荒金さんに成功事例を紹介いただきます。 お客様の行動心理に基づいた改善で売上が2倍になったという施策の具体的な解説です。 OisixにてサイトのUX向上やブランディングに携わっております、EC事業本部CX室のアートディレクター兼グラフィックデザイナーの荒金知乃です。 今回はUXのデザインで売り上げを伸ばした事例を、問題発見から、解決に至るまでのポイントを交えて紹介いたします。 VIP会員ページのUXデザイン改善から売上を伸ばす Oisixは「子どもに安心して食べさせられる食材」をコンセプトに、有機・特別栽培農産物、添加物を極力使わない加工食品や、プレミアム時短をコンセプトとしたミールキット「KitOisix」などを、インターネットや実店舗で提供しています。 2000年からスタートしたOisixは、

ロゴのデザインって、見ているだけでも楽しいですよね。 ロゴにはタイポグラフィ、カラー、形、質感、バランス、リズム、配置など、デザインの基本となる要素が詰まっています。 ロゴのトレンドの最新版は、こちら。 2021年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ 2018 Logo Trends 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 トレンドの流れを見るのも面白いと思うので、過去分も。 2017年のロゴデザインのトレンド 2016年のロゴデザインのトレンド 2015年のロゴデザインのトレンド 2014年のロゴデザインのトレンド 2013年のロゴデザインのトレンド 2012年のロゴデザインのトレンド 2011年のロゴデザインのトレンド 2010年のロゴデザインのトレンド 2009年のロゴデザ

フェリシモの『500色の色えんぴつ』をご存知でしょうか。 ぼくなんか今まで生きてきて使った色えんぴつなんて、せいぜい24色が最高ですよ。それなのに500色て。 しかし、500種類なんていわれると気になってくるのが色の名前。そんなにあるぅ？と思って調べて見たら出てくるわ出てくるわ「え？」っていう色の名前。 そこで、今回はフェリシモの色えんぴつの色の名前の中で、特に記憶に残っちゃう、笑っちゃったりツッコミ入れちゃったり感心したりした色の名前を挙げていきましょう。ええ、それだけです。 現在の最新は『TOKYO SEEDS』という商品ですので、せっかくなのでそれに準拠しましょう。 500の色の名前について ちなみに、色の名前については以下を。 ひとつひとつの色に、それぞれの色から イマジネーションをふくらませた個性的な「なまえ」がついています。 そして、色彩学の草分け的存在である野村順一氏によりそ