DVSP-0097 | Price: 1,000円 / 1,200円 (shop) | 委託店舗: メロンブックス | 通信販売: Diverse Direct
DIVERSE SYSTEM - JAPAN - C84 三日目 西2 あ41a -
DVSP-0097 | Price: 1,000円 / 1,200円 (shop) | 委託店舗: メロンブックス | 通信販売: Diverse Direct
アニメーションで変化するタブ切り替え
はじめに Webデザインで頻繁に使われる「タブ切り替え」のインターフェイス。レイヤ状態にすることで、コンパクトなエリアに多くのコンテンツを表示でき、大変便利ですね。今回はこの切り替えのタブにアニメーションを付けてみたいと思います。 まずは、サンプルをご覧ください。 サンプル タブをクリックする度、ちょうど「水位」が上がったり下がったりしているように見えます。なので、「水」を使った施設、例えば水族館やプール、さらにショットバーなどの飲食業など、さまざまな業種に使えますね。 まず、HTMLと、タブの切り替え動作のためのJavaScriptをそれぞれ用意します。今回、CSS3でのアニメーションの解説が趣旨のため、JavaScriptはjQueryで手短かに設定します。
ユーザー調査から分析する高齢者のウェブ利用の在り方 | アイビーネットblog
シニア層のユーザー調査から「画面スクロールをしない」「限られた情報を知るだけでも納得する」「全体の構造を見て情報を探さない」などが傾向として見られました。シニア層をターゲットにする場合は、これらを踏まえてコンテンツを作成する必要があります。 5月20日に「ユーザー調査から分析する高齢者のウェブ利用の在り方について」というセミナーを受講しました。「高齢者はどのようにウェブを活用するのか、どんな傾向があるのか、どうするとウケるのか」という内容した。 第4回セミナー「ユーザー調査から分析する高齢者のウェブ利用の在り方について」 シニア層のネット利用状況 シニア層のインターネット利用率は年々増加傾向にあるが、全体平均に比べると依然低い。 全体：78％ 65歳以上：36.9％ 総務省「平成21年通信利用動向調査」より(PDF) シニア層へのユーザー調査 調査方法：アイトラッキング＋パーソナルインタ
CSS完全ガイド 第2版
本書はWebページのデザインに必要不可欠なCSS（Cascading Style Sheets）の仕様書を基にした解説書です。セレクタ、構造とカスケード、値と単位、テキストのプロパティ、ビジュアルフォーマットなど基本的な解説から、フローティングと位置指定、テーブルレイアウト、ユーザーインターフェイススタイルなどよく使う処理からさらに複雑なものまで幅広く解説します。豊富な実例と詳細な解説でCSSについて包括的に学べる本書はWebデザイナー必携の一冊です。 序文 vii はじめに ix 1章 CSSとドキュメント 1.1 Webの陥落 1.1.1 混沌 1.2 CSSによる奪回 1.2.1 豊富なスタイル 1.2.2 使いやすさ 1.2.3 複数ページにわたるスタイルの使用 1.2.4 カスケード 1.2.5 ファイルサイズの軽量化 1.2.6 将来への対応 1.3 要素 1.3.1 置換要
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
O'Reilly Japan - インタフェースデザインの心理学 : ウェブやアプリに新たな視点をもたらす100の指針
デザインは相手から反応を引き出すための大事な要素です。買ってほしい、読んでほしい、行動を取ってほしいなど、相手の反応を誘い出すためにデザインをします。人間の行動原理を理解していないデザインは相手を混乱させるだけで目的の結果を得ることができません。本書ではすべてのデザイナーが知るべき100の指針を実践例とともに紹介します。すべてが科学的な研究から導き出されたものです。これらの指針を理解してデザインすれば、人間の思考や行動、遊び方にマッチした直観的で人を引きつける製品――印刷物、ウェブサイト、アプリケーション、ゲーム――を作れるようになります。 翻訳者によるサポートページ。 サンプルPDF ● 「前付〜#008まで」（53MB） 目次 1章 人はどう見るのか 001 目が受け取る情報と脳が私たちに伝える情報は微妙に違う 002 対象の「あらまし」をつかむのは中心視野より周辺視野の役目 003
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
