PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材（PSD, AI, Sketch） -UI Tiles
最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles UI TILES: WEBSITE FLOWCHARTS ダウンロードできる素材のフォーマットは、4種類。 .psd（72種類のレイアウトとチャート） .ai（72種類のレイアウトとチャート） .sketch（72種類のレイアウトとチャート） .png（72種類の各レイアウト） 各フォーマットにはそれぞれ72種類のレイアウトとチャートが揃っており、ワイヤフレームやフローチャートやサイトマップとして利用できます。
【GGXrd】いかにして格ゲーのストーリーモードの常識を覆したのか ネタバレ抜きで説明してみる - シバ山ブログ
巷で好評の話ばかりが聞こえてくる『ギルティギア イグザード』（GGXrd）のストーリーモード。「格ゲーのストーリーなんてオマケじゃん？」と思っていたら大間違いでした。いや、間違いではないのですが、ストーリーを見せることを突き詰めて常識を壊せばこうなった、というべきか。 『GGXrd』のストーリーモードを堪能し、「この興奮、誰かに伝えねば」と思ったものの、公式から「ネタバレはマジやめて」とお達しがあるので今回はネタバレ抜きの話をします。物語のおもしろさではなく「格ゲーのストーリーモードの常識を覆した」という部分が焦点です。 格ゲーのストーリーモード、といえば、アドベンチャーゲーム方式でキャラクター同士を絡ませ、バトルが起これば格闘ゲームパートになって進行していく、というのが常識でした。でも『GGXrd』はそうなっていません。格ゲーのストーリーモードにおける”当たり前”を完全にぶっ壊してきまし
モンハン3rdとパズドラに言いたいこと - UXエンジニアになりたい人のブログ
上記記事の続きです*1 まず、上記記事について、不用意にゲーマーという言葉を出してしまい、お前そもそもゲーマーを自称するに値しないだろ的論調を招いてしまい申し訳ありませんでした。単なるゲーム好きの素人ということにしておいてください。 また、あまり適切ではない「難しい」という言葉を使ったことによりさまざまな混乱を招いてしまい申し訳ありませんでした。 それから老害老人になってしまい申し訳ありませんでしたw で、この記事書いたときは特になんのまとまりもなく感じたことをただそれらしく書いただけだったのですが、いろんなやりとりをみて「本当は何が言いたかったのか」がすこしわかってきたのでそれを書いてみようと思います。 まあ一言で言うと、ものづくりの姿勢に対する怒りなのかな。 モンハンとパズドラを知ったきっかけ モンハンはTVCMかな？名前だけは知ってたけど、何千時間プレイの人と数時間プレイの人が一緒に
ビジネス使いにうってつけの最強フォントとは？｜好きなフォントランキング | フレッシャーズ
メールの文章やプレゼン資料など、ビジネスパーソンであればパソコンを使って作成するのが当たり前。そのさまざまなビジネス文書を作成する際、どんなフォントを選んで使っているのでしょうか。ここでは、先輩社会人が好きで使っているフォントランキングを紹介するとともに、ビジネス使いに最適なフォントについて簡単に説明します。 第1位 MSゴシック 121人（29.3%） 第2位 MS明朝 83人（20.0%） 第3位 HG丸ゴシックM-PRO 35人（8.5%） 第4位 メイリオ 30人（7.2%） 第4位 HGP創英角ポップ体 30人（7.2%） 第6位 游ゴシック 12人（2.9%） 第7位 HGP教科書体 10人（2.4%） 第8位 ヒラギノ 5人（1.2%） 第8位 Arial 5人（1.2%） 第10位 Century 4人（0.9%） 第11位 Times New Roman 3 人（0.7
ゲーマーに朗報！900種類以上のアーケードゲームがブラウザでプレイできる「Internet Arcade」が公開
あの頃プレイしていたゲームが見つかるかも？ 僕は全くゲームをしないので見ても何1つ分からなかったが、好きな人にとっては1日中楽しめるほどの量がある。ゲーム900種類以上が無料でプレイできるのは相当だ。Internet Archive、凄い！ これはJavascriptでできる限り多くのシステムをエミュレートすることに注力している「JSMESS」プロジェクトの一環で進めらたサービス。全てのゲームが快適に動作するとは限らないが、懐かしみつつブラウザで遊ぶには十分なのかもしれない。 操作方法についてはTechCrunchに簡単な操作方法が紹介されていたので、まとめておく！ 「1」キー：「Player 1」でゲーム開始 「5」キー：コインを投入（アーケードゲームなので） 矢印キー：各種方向操作 「control」「alt」「スペース」キー：3つの主要ボタン 「タブ」キー：操作方法の表示 ゲーム機で
趣味で性の悩みを話せるWebサービスをつくってみました - 今日学んだこと
やっと、ベータ版として人にギリギリ人に見せられるところまできました。 と、作ってる事自体は公言してたんですが、内容については言及してなかった。なぜなら、扱っている内容が結構際どかったので・・・。 形になりつつあるで、ここで技術的な話と作成時のあれやこれを合わせて紹介してみようかと思います。まずは技術的な話から。 作ったもの こちらになります。 *Google先生に不健全と怒られたので「lovepoints」で検索してね！* 作成の経緯 異性含めた友達達と飲み会盛り上がってる時に、性の悩み的な話になっていって。酔った勢いじゃないと話せなかったりする悩みっていうのも多いよねと。 インターネットが発達している世の中で、もし、料理が上手にできないっていうなら、クックパッド見れば良い。ただ、こういった悩みに対して答えがネット上にあるかっていうと、怪しい薬かグッズ、もしくは情報商材のページばかり。 じ
各LTちょびっとメモ：Yahoo! JAPAN DeNA iOSエンジニア UI/UXデザイナー勉強会 - エンジニアをリングする
「Yahoo! JAPAN DeNA iOSエンジニア UI/UXデザイナー勉強会」に参加してきました！ ちょこっとずつですが、各発表で心に残った部分をメモしたのをのせますー （メモだけじゃ全然内容わかんないのでスライド公開されたらリンクさせていただきたい・・・。） ちなみに発表内容はイラストレーターさんにより会場でリアルタイムでイラスト化されていました！すごい！ 描かれたあと会場に掲載されていたのでその写真も一緒に載せます！ブレ気味ですみません。。 マンガボックスのアプリができるまで (坪田 朋さん@DeNA) PhotoshopからSketch 3へ移行 プロトタイピングツールProttの導入 （最初だったのであんまりメモできなかった。。。） タブレット版「Yahoo!ニュースアプリ」のこだわり (田中 淳子さん@Yahoo!) 当たり前を上質に〜とにかく読みやすく〜 デバイスを知る
Androidのとどまるところを知らない進化の過程を一挙に振り返るとこうなる
By Lynn Wallenstein AppleがiPhoneで切り開いたスマートフォン市場に、GoogleはAndroid OSで参戦し、現在ではiOSを圧倒するシェアを獲得するまでになりました。Googleが育ててきたAndroid OSの7年間の進化の歴史を、OSの画面表示とともに振り返るとこんな感じになります。 The history of Android: The endless iterations of Google’s mobile OS | Ars Technica http://arstechnica.com/gadgets/2014/06/building-android-a-40000-word-history-of-googles-mobile-os/ ◆Android 0.5(Milestone 3) 最初にAndroidが公式にリリースされたのは2007年1
直感的なUIとは予想した通りの結果が得られるもののこと - ネコメシCEOブログ
UIデザインの参考に！斬新で美しいUIをもったiPhoneアプリまとめ という記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが、ClearのUIみたいなのを「誰でも直感的に操作できる」などと評価する理由がさっぱり理解できない。 こういうUIは基本的にどれも玄人向けで、操作がジェスチャの塊になってしまっているものは、それが使いこなせる俺カッケー感が高くて自己顕示欲を満たしやすい。"そのように操作できるUIデザイン"が気持ちいいのではなく、"そのように操作している自分"が気持ちいいの間違いなんじゃないだろうか。 ボタンが一切なくてシンプルだと気持ちがいいUIになるだって？ そんなわけがあるはずない。現実世界はボタンが一切なくてシンプルなUIで溢れているし、そのおかげで毎日いろんな場面でいらいらさせられている。たかが1個のレバーを上げ
2012年コミック装丁あれこれ
紹介数右、カッコ内の数字は前年からの増減数になっています。紹介数が通年で±4程度に収まっていて、だいたい同じバランスになっているのが自分で作った記事ながら少し驚きです。 以下、事務所・デザイナー単位で語りを補足します。 名和田耕平デザイン事務所 １年を通して数多く生み出される名和田デザインの中でも、シギサワカヤ作品、水谷フーカ作品、びっけ作品など相性が良くコンスタントに目立つ組み合わせがいくつかあります。その中でも最近面白いことになっているのが 一條マサヒデ作品。『殺し屋さん』や『4ジゲン』など、一条氏が原作として参加しているいくつかの作品はこれまでも名和田耕平デザイン事務所が担当していました。そしてここ最近は、イラストをテープで継ぎ合わせたような装丁の『原作さん』、帯がいかがしい感じにモザイク処理されている『きょうの思春期』1巻、カバーを外しすと渾身のオチが待ち構えている『2まいめ』1巻
レベルデザイン概論 – 2dgames.jp
レベルデザインとは？ レベルデザインとは、ゲームシーンあるいは舞台といった「レベル」を作成することです。 良いレベルデザインにするためには、ゲームの難易度やバランスをよく考え、プレイヤーが進捗感や達成感を得られるような課題や挑戦を配置することが必要です。 レベルエディタ レベルエディタとは、レベルを作成するためのツールのことです。 一般的なレベルエディタでは、 地形 アイテム 敵キャラ イベント などを配置することができます。 これがあると、レベルの調整が容易になります。例えば、2Dゲームのレベルエディタとしてよくあるのが、お絵かきツールように、マップチップを配置するツールです。 たとえば「Platinum」 のような「パーツ」のウィンドウから、チップを選択してちくちく配置するツールです。他にも、フィールド（地形）とキャラ（プレイヤー・敵・アイテムなど）の２つをそれぞれ「レイヤー」という単
「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた - give IT a try
はじめに みなさん、明けましておめでとうございます！・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜！」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい！ 前々から妻からは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ
1分でわかるUIとUXをわかりやすく説明する写真とお話 | インタラクションとデザイン
ユーザインタフェース 使いやすいように、 わかりやすい画面に、 間違えにくいように、 美しい情報デザイン、 丁寧な説明。 すばらしいユーザインタフェースができた。 ユーザエクスペリエンス しかし、そのATMは少し時間がかかった。 結果的にお客さんは並ぶことが多くなった（気分を害す、イライラ）。 「お金を引き出す、預ける」という銀行の体験は悪くなってしまった。 解説（UIからUXが重要と言われようになった理由） この場合、良いユーザインタフェースを設計できたとしても、並んでしまうことを問題として扱わなくなる。ユーザインタフェースの設計としては、最高のATMを提供することはできるだろう。しかしユーザエクスペリエンスからみると、最高の預金・引出体験にはらない。つまり、最高のUIを提供しても、ユーザの問題を解決したことにならない。だから「ユーザの体験という視点からUIを設計していこうよ！」という流
デオシークの口コミや効果を検証！ワキガの私が使い込んでみました！ | 愛と小町
デオシークの特徴 加齢臭も撃退 強烈な足のニオイも撃退 ワキ、足など全身のニオイをシャットアウト デオシークは厚生労働省が認可した医薬部外品で、殺菌効果や消臭効果がきちんと認められた有効成分が配合されている商品です。 市販されているデオドラントクリームと比べると、医薬部外品は入っている成分が違いますので、消臭効果が高いです。 デオシークは、デオドラントクリーム単品でも消臭効果が期待できますが、ボディソープとのセットを使用することでさらなる消臭効果が期待できます。 ワキガや加齢臭などのような頑固な臭いによる悩みは深いですが、デオシークによって悩みから解放される人が増えています。 博士有効成分は消臭効果や殺菌効果が認められている成分なんだ 頑固な臭いはデオシークで一発なんだ もう怖くないんだ 価格 3,380円（定期コース） 6,980円（単品購入） 有効成分 パラフェノールスルホン酸亜鉛、イ
Web制作フローの再考とDesigning in the browser
多様化するwebサイト、増加するデバイスに適応していくために今までのWeb制作のワークフローも見直す必要があるのではないでしょうか。またその一つの手法としてDesigning in Browserについて書きました。 現在ではWebサイトも、インタラクティブなサイト、アプリのようなサイト、可変するサイトなど様々なスタイルが見られるようになってます。 また、Webを閲覧できる環境もPCからスマートフォン、タブレット、テレビ、カーナビなど増加し続けてます。 それに伴い今まで以上にテストケースが増えてきてます。 今までのような静的なデザインを作ってから開発、テストというWeb制作のワークフローでこの変化の流れに対応できてるのでしょうか。 まず静的なデザインはあくまでこのように見えるという仮説であり、 解像度やスクリーンサイズが異なれば見え方も変わってきます。 更にどのように動くのかまでは表現でき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう
新着記事
本当のUXは、「使っていない期間」をどうデザインするかだ！ UX侍 × MUJI passport | UXサムライ
UXのためのUIデザイン
