webデザインと一口に言っても、ビジュアル的なデザイン、インターフェース的なデザインと色々な要素がありますよね。それらが合わさり、ユーザーにストレスなくサービスやサイトを使ってもらい、更に気に入られたり、コンバージョンにつなげられたりするわけです。 こうしたデザインには流行り廃りの様なものもありますが、大抵は何かの問題解決のために生み出されたものであり、本来そのデザイン手法の持つ性格や向いているシーンというものがあるはずです。 今回の記事ではそうした、webサイトのインターフェース等に用いられるユーザーを思い通りに動かすためのインターフェースを5つほど取り上げたいと思います。モノによっては、いくら流行っていてもあなたのサイトには適さないかもしれません。 サムネイル ― 好奇心をあおる サイトのトップページ、記事の一覧、関連するコンテンツのレコメンド。 https://jypg.net/st

公開日：2012年6月 7日 カテゴリ：新しいサービス twitter のトレードマークである青い鳥が新しくなりましたね。前回のロゴよりも美しい曲線で描かれており、公式のプロモーションともに圧巻でございました、これこそデザインだわーっとね。 そんな感じで朝から影響を受けまして、どのように構成されて描かれているのか調べてみたら、Apple のロゴと同じくやっぱり黄金比で作られておりましたよというお話。 ツイッターの新ロゴデザイン登場。 皆さんおなじみの青い鳥がリニューアルしたとの どくさんからTL が流れてまいりまして、さっそくサイトにアクセス！ Twitter / Logos & Brand プロモーションを見ていたら、『これはすごい！』っと朝から大興奮でございました。 前回のロゴに比べてスタイリッシュになりましたね。 Twitter、ロゴを変更--テキストをなくし、鳥のイラストも一新 -

日経BPnetさんに、iPhone/iPadに込められた「見えないデザイン」という記事が掲載されていました 「アップル　“究極”を目指すデザインの秘密」というシリーズの記事。アップルが持つソフトウェアキーボードに関する２つの特許について紹介しています。 1つ目は、「実際には四角くないキーボード」。 人間がタッチパネルを操作するとき、狙った入りよりも、実際にタッチする位置は若干手前にずれているそうです。そのズレを吸収するため、表示上は四角いキーに対して、反応する範囲はこうなっているそうです。 このように、若干手前にズレても、狙ったキーが反応するようになっているそうです。 これは、なんとなく想像が付くのですが、アップルはもっと凄いこともやっている... ２つ目は「予測して可変するキーボード」 アップルは、入力される文字を予測して、キーの反応するサイズをコントロールしてるらしいのです。 文字の下

このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M

► 2024 ( 1 ) ► 6月 ( 1 ) ► 2022 ( 1 ) ► 11月 ( 1 ) ► 2021 ( 5 ) ► 9月 ( 1 ) ► 8月 ( 1 ) ► 1月 ( 3 ) ► 2020 ( 12 ) ► 10月 ( 1 ) ► 6月 ( 5 ) ► 5月 ( 1 ) ► 4月 ( 2 ) ► 3月 ( 2 ) ► 1月 ( 1 ) ► 2019 ( 6 ) ► 9月 ( 1 ) ► 7月 ( 1 ) ► 6月 ( 1 ) ► 3月 ( 2 ) ► 2月 ( 1 ) ► 2018 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 5月 ( 1 ) ► 3月 ( 1 ) ► 2月 ( 1 ) ► 1月 ( 1 ) ► 2017 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 8月 ( 1 ) ► 7月 ( 1 ) ► 5月 ( 1 ) ► 3月

2012年2月3日、“シリコンバレー流”のユーザー・インタフェース（UI）やユーザー体験（UX）、ブランドのデザインをテーマにしたトークセッションが、デジタルガレージ本社で行われた。 登壇したのは、米エバーノートでクリエイティブディレクターを務めるゲイブ・キャンポドニーコ氏（写真1）。米アップルでの勤務経験も持つ同氏は、この数年にわたるエバーノートのアイコンのデザインからブランド構築までの数々の経験談を語った。 同氏が講演で指摘したUIとUX、ブランド構築のポイントは、以下の9点にまとめられる。 1）最初から編集に着手してはいけない 最初の教えは、「いきなり編集に着手してはいけない」。同氏がデザインする際に心がけているのは、できるだけたくさんの情報を収集すること。そのために同氏は、たくさんの人に会うのだという。 エバーノートには創業時から参加することになったので、同氏はまず企業ロゴを考える

ユーザーインタフェース（UI）をテーマにしたイベント「Android Usability Seminar 2012」（主催、日経BP ITpro Android Application Award 2012事務局）が2012年1月28日、都内で開催された。Suica改札機を手がけた山中俊治氏、携帯電話やiPhoneの日本語入力システムを開発した増井俊之氏、医療など様々な領域で「デザイン思考（Design Thinking）」に基づくプロジェクトに関わっている奥出直人氏ら著名な講師が、実プロジェクトに基づきUIの本質的な問題についての議論を展開した。 ユーザビリティ調査が作るUI、Appleの常識外れなデザイン 山中俊治氏 山中俊治氏はLEADING EDGE DESIGN代表として様々なプロダクトデザインにかかわるとともに、慶應義塾大学大学院で教授として教鞭もとっている。東京大学工学部の在

9/29締切【4ヶ月完結・オンライン+現地】わたしをいかした小さな商いをはじめる。まち商いスクール in 福島県双葉町 参加者募集！未来ワークふくしま起業スクール＆ツアー 米国スタンフォード大学では毎年夏の２ヶ月間にソフトウェア開発の短期プログラムを行っています。参加学生は、短期間のうちに社会的な課題を解決するソフトウェアの開発に取り組みます。 2011年の優勝作品は、タブレットのタッチスクリーンを点字のキーボードにしてしまうソフトウェア！誰でも簡単に使用できるというタブレットの強みを活かした、課題解決型のアイデアです。 紹介動画はこちら 視覚障がい者の方がこのキーボードを使えば、点字のタイピングができ、そのままメールを送ることもできます。 動画の中でも出てきますが、アメリカの点字キーボードはひとつ3,000ドル(約24万円)〜6,000ドル(約48万円)もするとても高価なものです。しかし

わたしのiPhone4Sは２度の交換ですでに３台目。しかしバッテリーの持ち度が初代を１とすると２代目は10、３代目は５くらいで、なんでこんなにばらつきがあるのか、ジョブズが一線を退いてからApple社内はたるんでいるんじゃないかと疑っているこの頃。OS5.0.2が出てもこのバッテリーの持ち具合ならまたクレームだと虎視眈々と待ち受けています。へたに２代目がフツーだったので差をはっきり感じるのだ。 そんな中、スマホ全体に言えることだが、とにかくソフトウェアキーボードがたるい。iPhone3G、3GS、4、4Sとずっと使ってきた自分が、３行以上のメールはかったるくて打つ気がしないくらいだから推して知るべし。３行以上の返答しないといけないときはMacBookAirだして立ち上げないといけないわけですよ、コノヤロー。 しかし、だ。 数日前に面白半分に大枚85円で購入した「音声認識メールクラウド」って

家電のインターフェースが変わる？シリコンバレーのスタートアップが提案する”学ぶ”空調。 2011.11.24 Junya Mori シリコンバレーのスタートアップ企業が、革新的な空調デバイスを開発しました。ユーザーの行動から情報を収集して学習し、暖房と冷房のスケジュールを管理する「Nest Learning Thermostat」というデバイスです。 会社のファウンダーであるTony FadellとMatt Rogersは、iPodのデザイン・エンジニアリングにおいて陣頭指揮をとっていた人たち。二人は「アメリカ国内でのすべてのエネルギー消費のうち、10%に関係しているこのデバイスに、デザインとテクノロジーが活かされていなかったのは耐えられなかった」ため、このプロダクトを開発したとコメントしています。 アメリカのエネルギー省、ローレンスバークレー自然ラボによると、典型的な一家族が一年間に使用

最近僕の周りでWEBデザインの勉強やコーディングの勉強を始める人が多く、そんな方々向けに読んで欲しい、見て欲しいサイトをまとめる機会があったのでブログにポストします。 ブログに置いておけばこれから先また誰かに伝える機会があってもURL一つで教えれるので便利ですよね。 Index 1.WEBデザイン全般 2.色彩・配色 3.レイアウト 4.ユーザビリティ 5.文字・文章 6.フォント 7.コーディング 8.著作権 9.グラフィックツール関係 10.チュートリアル等 1.WEBデザイン全般 [連載]Webデザイン入門（1日目）：Stocker.jp [連載]Webデザイン入門（2:スケッチしよう）：Stocker.jp [連載]Webデザイン入門（3:光とボタン）：Stocker.jp サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。：MAKA-VELI.COM W