【画像】かっこいいデザインにする→利用者が分かりにくくなる→貼り紙されてデザイン崩壊 : 哲学ニュースnwk
2014年07月07日08:00 【画像】かっこいいデザインにする→利用者が分かりにくくなる→貼り紙されてデザイン崩壊 Tweet 1： アルゼンチンバックブリーカー(大阪府)＠＼(^o^)／：2014/07/06(日) 18:32:54.28 ID:jtlvCqZS0.net 日本製テレビのリモコンデザインが酷いと話題 http://blog.livedoor.jp/nwknews/archives/4693376.html @デザイナー各位 現実の様子です https://twitter.com/bitsoil/status/485361874918064128/photo/1 3： ファイヤーバードスプラッシュ(東京都)＠＼(^o^)／：2014/07/06(日) 18:34:52.53 ID:UR430JtD0.net 英語がかっこいいという風潮やめろ 74： フェイスロック(東日
情報アーキテクチャ（IA）とナビゲーションの違い
IAはサイトを支える情報の基盤である。一方、ナビゲーションとはサイトの特定の情報にユーザーがたどり着くことを可能にするUI要素をさす。 The Difference Between Information Architecture (IA) and Navigation by Jennifer Cardello on June 22, 2014 日本語版2014年7月22日公開 専門家の中にも、情報アーキテクチャ（IA）とナビゲーションデザインを一括りにしてしまう人はいる。これらのコンセプトは関連があり、情報アーキテクチャによって、Webサイトのナビゲーションデザインの情報が伝わるというのは事実である。しかし、IAとナビゲーションというのは別物だ。実際のところ、情報アーキテクチャの領域はWebサイトのナビゲーションよりもはるかに広い。Nathaniel DavisはUXについて書いた記事、
UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | ベイジの社長ブログ
WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者／状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所
UI/UXが学べる神スライド7選 | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
UI/UXデザインに関わるなら見ておくべき記事とスライド5選！！ |
今回はUIやUXに仕事でこれから携わりたい！と思っている人や、仕事で必要だけどイマイチ理解できてない！という人のために良質な記事＆スライドを厳選しました！今回はUIやUXに仕事でこれから携わりたい！と思っている人や、仕事で必要だけどイマイチ理解できてない！という人のために良質な記事＆スライドを厳選しました！ 【UI】「優先順位を決めて、やるべきことを絞る」/河原香奈子氏 >>記事はこちらからどうぞ！ 短めの記事なのですが、STORES.jpがどのようにUI/UXを作り上げてるかが垣間見えます。webサービスを作ってる方は必読だと思います！ とってもわかりやすくて初心者向けな記事だから俺にぴったりだってばよ！ 【UI/UX】「重要なのは、毎日さわって嬉しいUI UX!」 UI＆UX / 重要なのは、毎日さわって嬉しい UI UX! from Akiko Ohtsuka スマホアプリのUI/
【初心者向け】UIとUXの違いをちゃんと理解しようの巻！ |
今回はいつも混同してしまいがちなUIとUXの違いについて簡単なことから勉強していこうと思います。初心者の皆あつまれー！今回はいつも混同してしまいがちなUIとUXの違いについて簡単なことから勉強していこうと思います。初心者の皆あつまれー！ そもそもUXってなんやねん！ UXはUser Experienceの略です。IT用語辞典には以下のように書かれています。 ある製品やサービスを利用したり、消費した時に得られる体験の総体。個別の機能や使いやすさのみならず、ユーザが真にやりたいことを楽しく、心地よく実現できるかどうかを重視した概念である。 一方UIはUser Interfaceの略です。IT用語辞典には以下のように書かれています。 ユーザに対する情報の表示様式や、ユーザのデータ入力方式を規定する、コンピュータシステムの「操作感」。基礎的なUIはOSによって提供されるため、UIはOSの評価を左右
5分でわかるUIとUXの違い | Excite Designer's Blog
ここ数年、UXという用語をよく使うようになりましたね！今回は最近浮上した『UX』と以前から使われてた『UI』について話したいと思います。 （UI・UXは色んな分野で幅広く使われてる用語ですが、ここでは主にモバイル分野を前提に話します。） UI（User Interface）とは 広い意味で『Interface：インターフェイス』は人の世界と物の世界の接点・コミュニケーション空間を意味します。 人はインターフェイスを通じて目に見えない機能を視覚的にみて操作してコミュニケーションします。 『User Interface：ユーザインターフェイス』はこのようにユーザとデジタル機器とのコミュニケーションがうまくできるように手伝ってくれるOS・アプリ画面などを意味します。 iPhoneのアプリのリンクが今のようなアイコンではなくてテキストだと想像してみましょう。 色々なアプリの中から写真アプリを見つけ
UI/UX観点で知っておくべきプロトタイピングの極意〜CSS Nite〜 | ブログ | SINAP - 株式会社シナップ
こんにちは。デザイナーの飯山です。日に日に暖かくなり桜もほぼ満開となると花見がしたくなりますね。 先日CSS Nite LP, Disk 33「UI/UX」が開催され、初めてのCSS Niteに参加してきました。今回は、「UI/UX観点で知っておくべきプロトタイピングの極意」と題して講演で印象に残ったフレーズをピックアップしつつお伝えしたいと思います。 セッション概要 UI（ユーザーインターフェース）とUX（ユーザーエクスペリエンス）をテーマに以下のセッションが行われました。何たる豪華な顔ぶれ...。 ブリッジビルダー (Bridge Builder) 坂本 貴史 ネットイヤーグループ株式会社 UIデザインのパターン化と効果的な実践方法 池田 拓司 クックパッド株式会社 アプリケーションのイディオムデザイン 上野 学 ソシオメディア株式会社 人間だからこそできる、気配りデザイン 〜ユーザー
Themes - iOS - Human Interface Guidelines - Apple Developer
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle
第45回HTML5とか勉強会「ユーザーエクスペリエンスとペーパープロトタイピング」レポート
第45回HTML5とか勉強会「ユーザーエクスペリエンスとペーパープロトタイピング」レポート 窪田則子 2014年2月17日、日本マイクロソフトの品川本社オフィスにて、第45回HTML5とか勉強会を開催しました。今回は「ユーザーエクスペリエンスとペーパープロトタイピング」というテーマで、安藤幸央さんのご講演およびワークショップといういつもとは違った試みを行っています。 参加枠も100人の定員がすぐに埋まり、140人もの応募がありました。普段のHTML5とか勉強会に比べると、デザイナーの方の参加率が高いことが印象的ですが、エンジニアの方も興味を持って参加されていて、職種を問わず多くの方が興味を持っているテーマだということを感じました。 前半はスライドを見ながら 「ユーザーエクスペリエンス」に関してご講演頂きました。 まずは有名なサイトのプロトタイプを見て、どのサービスのプロトタイピングかを考え
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
jQueryによるticker | Hello JS, Hello World.
簡易的なtickerのデモです。 <div id="ticker"> <h2>NEWS :</h2> <ul> <li><a href="#">ABCDEFGHIJKLMNOPQRSTUVWXYZ</a></li> <li><a href="#">abcdefghijklmnopqrstuvwxyz</a></li> <li><a href="#">1234567890!"#$%&'=-~^|()<>{}[],.;:?/`@_</a></li> <li>ABCDEFGHIJKLMNOPQRSTUVWXYZ</li> <li>abcdefghijklmnopqrstuvwxyz</li> <li>1234567890!"#$%&'=-~^|()<>{}[],.;:?/`@_</li> </ul> </div> liタグを順番に表示させます。 #ticker { position: fixe
フッターに最新記事を表示するティッカーを入れてみた
みなさまこんにちは。ネタがないよ。シブタニエイジです。 このサイトのフッター下部には【今週の一言】っていうのを入れていたんですが、「更新がめんどくせーよ！」「そんな時間あったら天一行くよ！」ってことで、最新記事のリンク付きタイトルを表示するティッカーを入れてみました。 jquery.bxSlider.min.jsをダウンロード そういえば、私が天一の次に好きなJOJOの25周年サイト[JOJO.com]がオープンしましたね。 で、このサイトにはヘッダー下部にシンプルなティッカーが表示されていて、「これいいなぁ〜〜」ってことで色々と探してみることに。 で↓のサイトさんを参考にさせていただきました。ありがとうございます！ [jQuery]シンプルなティッカーいろいろ | Arch 今回はJOJO.comのようなシンプルなものがよかったので、"jquery.bxSlider.min.js"を使用
Engineers Blog - jQueryで美しいグリッドレイアウトを実現できる「jquery.vgrid.js」
こんにちは、webデザインとかコーディング担当のさとうです。 初回から挨拶もそこそこにjqueryプラグインを紹介いたします。 今回紹介するプラグインはグリッドレイアウトを綺麗に、かっこ良く見せるものです。とても便利。 可変グリッドレイアウトのjQueryプラグイン書いたよ | Xlune::Blog ブログのタイトルを見るとわかるように、このプラグインは日本の方が作っています。 必要なもの jQuery本体 http://jquery.com/ jQuery easing http://gsgd.co.uk/sandbox/jquery/easing/ jquery.vgrid.js http://blog.xlune.com/2009/09/jqueryvgrid.html 実装方法 HTML+CSS ※サンプルではコードが長くなってしまうのでdivが2つしかありませんが、各自で増やし
tips! | ニュースティッカーjQuery 『Dynamic News』
を、少し前まで新着記事リストを置く場所が無いというわけで設置して、 代わりにこのニュースティッカーへRSSを読み込ませて表示してました。 そのjQueryプラグイン＜Dynamic News＞をRSSティッカーとして使う場合の設置方法と設定をメモ。 公式デモページ：http://www.egrappler.com/contents/dnews/demo/index.htm これの何が便利かというとこんな風にマウスオーバーで内容を表示できるところ。 コントロールバーが同時にヒョイと出て一時停止や進んだり戻ったりもできます。 【目次】設置の前の準備ティッカーの設置と表示位置・デザイン調整パラメータの設定 1．設置の前の準備配布サイトさんからプラグインの入ったファイルをDLし、解凍したら同梱されているCSSファイルその他諸々をアップロード。 Google feed APIを利用してRSSを取得す
いろいろな動きをするニュースティッカー(News Ticker) jQueryプラグイン - develo.org
HTML、CSS、Javascript、デザイン、絵を描いたり。 このページの先頭へ戻る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
Loading...
jQuery UI Pluginを作りました。 « まどがいの技術メモ2
jQueryとCSSで作るドロップダウンメニューのスクリプトまとめ - TOPICK
