並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 15053件

新着順 人気順

interfaceの検索結果241 - 280 件 / 15053件

  • テキストリンク色の変更で、70億円(!)を稼ぎだすことに成功したマイクロソフト - Feel Like A Fallinstar

    ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。 実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。 テキストリンクを、入念にテストし、8000万ドルの売り上げ増 マイクロソフトは従来、「Live Search」という形でもう少し明るい青(水色に近い)を採用していました。   Bingよりも、明るいというかすこし緑に近い感じの色がベースになっていますね。 ちょっと比べてみました。 (※Live Searchは画像検索からキャプチャを取っています) こう見ると確かに色はかなり変化しています。 CNETの記事によると、マイクロソフトはBingを作る過程でかなりの数の色をテストしたようです。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、

    • スマホUI考(番外編) なぜ機能追加をし続けるとアプリが破綻するのか? | fladdict

      この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を1つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか?本エントリは、「スマホUI考(番外編) 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の4つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの4つは全て、機能追加が最

      • UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog

        最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事にいくつか目を通すと、デザイナーは「 経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない 」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、 現場デザイナー に最も大事なのは実装面での考慮事項が網羅されて考え込まれた「 決定力のあるデザイン 」を作る力だと思う。 サッカーで言うと、決定力は「 得点を決める能力 」として使われているけど、UIデザインにおいては「 実装面まで考慮された実装可能なデザインであるか 」という言葉として使っている。 魅せるデザインとフィージビリティが考慮されているデザインでは、かなり内容が異なってくるので、現場デザイナーとしては特にこのあたり

          UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog
        • セカイカメラは2014年1月22日に全てのサービスを終了します

          WordPress へようこそ。こちらは最初の投稿です。編集または削除し、コンテンツ作成を始めてください。… 詳細を見る

          • 「終了前に、ただ伝えてほしい」――多くの開発者に届きますように。

            オープンソースの集まりで1度しか実際にお会いしていませんが、お願いがあります。 富士通アクセシビリティ・アシスタンスというサービスが、2013年8月20日で提供終了します。つまり、あと20日。このソフトは視覚障がい者や色覚障がい者の方がどのように色を見ているかを確認できるツールです。Webサイト制作をしている人なら、今は必要なくても、いつか必要になるソフトです。 8月20日までにダウンロードすれば、8月21日以降もローカル環境で普通に使えるので、なんとかメディアで紹介して頂き、提供終了するまでに、少しでも多くの人に知ってもらいたいと考えています。 紙媒体だと、とても間に合わないのですが、ネット媒体なら、なんとかなるかも!と思い、お願いしたいと思いました。 視覚障がい者や色覚障がい者という障がいに興味がないかもしれませんが、外見では判断できない障がいなので、気付いていないだけなのです。 よか

              「終了前に、ただ伝えてほしい」――多くの開発者に届きますように。
            • Lightbox 2

              Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe

              • かわいい上にハイクオリティなフリーのアイコン集

                ブログ用からEコマース用まで、極小サイズ、手書き風、折り紙風などシンプルでかわいいフリーのアイコンをIconDockから紹介します。 IconDock キャプチャのアイコンは「20 Free Marker-Style Icons」 IconDockで配布されているアイコンから、フリーのものだけを下記にピックアップしました。 有償のアイコンでは更に素敵なアイコンセットが用意されています。 Stock Icon(有償のアイコンページ)

                • IDEA * IDEA

                  ドットインストール代表のライフハックブログ

                    IDEA * IDEA
                  • 女の武器はどこまで通用するか" /><summary type="text/plain">[video]</summary></entry>

                    ( ! ) Notice: Use of undefined constant id - assumed 'id' in /home/users/0/tfukatsu/web/app/hatenatube/index.php on line 19 Call Stack #TimeMemoryFunctionLocation

                    • HBFav というはてなブックマーク iPhone アプリを作りました - naoyaのはてなダイアリー

                      ちょこちょこと余暇の時間を使って、HBFav という iPhone アプリを作りました。 HBFav は、はてなブックマークの「お気に入り」機能を閲覧するためのアプリです。はてなブックマークの「お気に入り」は、気に入ったユーザーがブックマークしたブックマークを一覧する機能、つまり、Twitter で言うところのタイムラインです。それを見る専用のアプリがほしかった、ということで作ったものです。 ・・・ということで、繰り返すと、HBFav はタイムライン形式でソーシャル・ブックマークを楽しむためのアプリ。はてなブックマークのお気に入り機能を活用しているぜ! という方におすすめです。 HBFav は、App Store からインストールできます。 App Store - HBFav : http://itunes.apple.com/app/id477950722 Kindle とともに HBF

                        HBFav というはてなブックマーク iPhone アプリを作りました - naoyaのはてなダイアリー
                      • プログラマー面接時の技術的な質問事項(アプレッソ版) : 小野和俊のブログ

                        技術者・SE・プログラマ面接時の技術的な質問事項というエントリをはてブで見かけたのだが、私もjavaプログラマーの面接を割とよくやっているので、よく質問する内容をまとめてみた。 (ちなみに、基本的にコーディング面接の形態を取っている) プロジェクトの性質にもよると思うが、私の場合には、情報処理技術者試験的に基礎が満遍なく抑えられているかどうかよりも、 すぐ答えが見つからないような課題に対して、きちんと自分でやり方を考え、対応することができるか 「変な」コードをコミットしたりしないか(見つけにくいバグを混入させるとか、汚いとか、遅いとか)といった点を重視している。 まず、何を知っているかよりも、どんなものを作れるか、どんなことができるか、という質問。 ここで強烈な回答が来る人は、たいていここより下の質問は「あー、はいはい」という感じでサラッと答えてくることが多い。 これまでに携わってきた開発

                          プログラマー面接時の技術的な質問事項(アプレッソ版) : 小野和俊のブログ
                        • かんたんすぎ かっこよすぎ Yahoo pipes « ku

                          yahooがyahooには似合わないくらいにかっこいいサービスを出した。その名も Pipes: Rewire the web とすごいサブタイトルがついています。rewriteはいい過ぎだけど。(よくみたらrewriteじゃなくてrewireだった) Pipes is a hosted service that lets you remix feeds and create new data mashups in a visual programming environment. と書いてあって、要するにフィードを混ぜたりするツール。UNIXのようにXMLデータをパイプをつないで処理したりできると便利だよね、というのは IBM dW : XML : XMLの論考: マイクロフォーマットのパイプストリーム - Japan にも書かれていた話。IBM dW の話は一般的なXMLの話で、行を単

                          • モバイルサイト構築前に知っておきたいユーザビリティ10のポイント(第1回) | モバイルサイト構築のユーザビリティいろは

                            端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で本格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト(以降“モバイルサイト”)の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で

                              モバイルサイト構築前に知っておきたいユーザビリティ10のポイント(第1回) | モバイルサイト構築のユーザビリティいろは
                            • ソフトバンクテレコム

                              ソフトバンク株式会社の企業・IRページです。会社概要などの企業情報、プレスリリース、理念・ビジョン・戦略、投資家情報、サステナビリティ、採用情報などをご紹介します。

                                ソフトバンクテレコム
                              • Vimeo

                                *]:h-full xl:cursor-pointer xl:before:z-[-1] xl:before:content-[""] xl:before:block xl:before:w-[calc(100%+(0.65rem*2))] xl:before:h-full xl:hover:before:bg-global-nav-hover-background-accent [&[data-active="true"]]:xl:before:bg-global-nav-hover-background-accent xl:before:absolute xl:before:top-1/2 xl:before:left-1/2 xl:before:-translate-x-1/2 xl:before:-translate-y-1/2 xl:before:rounded-xl xl:tr

                                  Vimeo
                                • http://www.designwalker.com/2009/03/form-design-2.html

                                    http://www.designwalker.com/2009/03/form-design-2.html
                                  • ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup

                                    競合に負けないWebサービスをつくるため、UI(User Interface)、UX(UserExperience、ユーザー体験)にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです! 目次 基礎知識 1.UXのためのUIデザイン 2.UX is not UI 3.ククパド美ちゃんと学ぶ!クックパッドのUI改善プロセス:前編 応用編(Webサイト) 4.ククパド美ちゃんと学ぶ!クックパッドのUI改善プロセス:後編 5.コンテンツで改善する UI デザインの極意 応用編(スマホアプリ) 6.UI&UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編(タブレットアプリ) 7.ニコニコ超デザイン-

                                    • カラーユニバーサルデザイン推奨配色セット

                                      色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会(JPMA) ■ DIC 株式会社(旧・大日本インキ化学工業株式会社) DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構(CUDO) 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに  いわゆる色弱(色覚異常)の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを

                                      • Perfumeライブの凄すぎるプロジェクション技術を推考(動画あり)(答え合わせ追記しました)

                                        Perfumeライブの凄すぎるプロジェクション技術を推考(動画あり)(答え合わせ追記しました)2012.08.09 22:0011,547 かっけーー! 今更ですが、7月23日(月)に渋谷ヒカリエで行われたPerfumeの「氷結SUMMER NIGHT」ダイジェストムービーです。パフュームもカッコいいんですが、パフュームが6人になったり、彼女たちの動きに合わせて、ホログラムのようなエフェクトがかかります。これすげぇ! どうなってるんでしょうね? あまり詳しくない俺はこの技術にビックリ。 そこでさっそくテクノロジーに詳しいお友達に協力してもらい技術的な部分を推考しました。参考までにゆる〜く解説。以下内容はあくまで仮説ですから参考までですよ。 プロジェクションに関してはマイラーフィルムってものを使った、2PAC復活ホログラムライブと同じっぽい。2PACの記事でも解説されていますが、斜めにミラー

                                          Perfumeライブの凄すぎるプロジェクション技術を推考(動画あり)(答え合わせ追記しました)
                                        • 面倒なデータマイニング作業を時給200円ぐらいでバングラデシュ人に発注してみた:tks(高須 正和)のブロマガ - ブロマガ

                                            面倒なデータマイニング作業を時給200円ぐらいでバングラデシュ人に発注してみた:tks(高須 正和)のブロマガ - ブロマガ
                                          • 一般人はそこまでネットを使わない - (旧姓)タケルンバ卿日記避難所

                                            こうやってブログを書いたり、Twitterやmixiを使ったり、またははてなアンテナやRSSリーダーで情報を集め、気に入った記事があればはてなブックマークに登録するなど、気ままにネットツールを利用していますが、こういうのを当たり前に使っていると、一般的な世界とは認識が離れていくもんです。使っている人にとっては当たり前のツールでも、知らない人・使わない人にとっては「なんじゃそりゃ」です。「自分の常識は、他人の非常識」であることは珍しくありません。 特にそれを痛感したのは学生との会話。5月はゼミのディベートの試合があったので、後輩を指導しておりました。そのため、学生と話す機会がもの凄く多かったわけですが、そこでの会話がまあ自分の認識のズレを気付かされるものでして。自分は普通、一般人と思っておりましたが、気付かないうちに奇妙な人種になっているものなんですね。 ブログは書くものではなくて読むもの

                                              一般人はそこまでネットを使わない - (旧姓)タケルンバ卿日記避難所
                                            • 最近話題になったイケてるWebサービス・アプリ10選(2014年6月編)

                                              こんにちは。 7月が始まりましたので、6月中に話題になったWebサービスやアプリを10個ほどご紹介します。 Yo Yoは、特定の相手に対して「Yo」という通知を送る、ただそれだけのメッセージングアプリです。挨拶やちょっかいをかける感じで交流できます。 またアラートのような使い方もできて、W杯のサッカーの試合時に「WORLDCUP」というユーザー名に一度「Yo」と送ると、ゴールが決まる度に「Yo」とだけ届いたり、ブログが更新された時に「Yo」と届くなど他の使い方も見えてきています。 2014年6月23日には、100万ユーザーを突破、2ヶ月間で約1億円もの出資が集まったそうでWeb業界では衝撃が走りました。 Compressor.io ほとんど劣化させずに「JPG・PNG・GIF・SVG」の画像を軽量化できるWebサービスです。 料金は無料でアカウント登録もなく、ドラッグ&ドロップするだけで画

                                                最近話題になったイケてるWebサービス・アプリ10選(2014年6月編)
                                              • たった6行でWebサイトのUIをガラッと変える

                                                「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、

                                                  たった6行でWebサイトのUIをガラッと変える
                                                • 今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG

                                                  こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です! フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※

                                                    今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG
                                                  • 「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド

                                                    アプリ製作はフルセットから、コンサル、すでに作ってしまったUIのレビューまで、お気軽に fukatsu@gmail.com まで。Read less

                                                      「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
                                                    • 開発者が知っておくべき、6つのUIアーキテクチャ・パターン - @IT

                                                      .NET開発者中心 厳選ブログ記事 開発者が知っておくべき、6つのUIアーキテクチャ・パターン ―― 「matarillo.com」より ―― 猪股 健太郎 2011/12/15 「.NET開発者中心 厳選ブログ記事」シリーズでは、世界中にある膨大なブログ・コンテンツの中から、特にInsider.NET/.NET開発者中心の読者に有用だと考えられるブログ記事を編集部が発掘・厳選し、そのブログ記事を執筆したブロガーの許可の下、その全文を転載・翻訳しています。この活動により、.NET開発者のブログ文化の価値と質を高め、より一層の盛り上げに貢献することを目指しています。 Martin Fowler氏の『GUI Architectures』を訳して公開しようと思ったのだが、FAQページに「PofEAAの続編などは商業出版する予定なので翻訳はしないでほしい」と書いてある。なので翻訳の公開はやめて、「

                                                      • クォリティの高いフリーで使えるベクトル画像11選*ホームページを作る人のネタ帳

                                                          クォリティの高いフリーで使えるベクトル画像11選*ホームページを作る人のネタ帳
                                                        • 堀井雄二に学びたい - 色々水平思考

                                                          もうとうに昔のことでほとんどの人は忘れてしまったかと思われますが、堀井雄二を知らない人のための堀井雄二入門をようやく書きます。まあ、堀井雄二っつうかドラゴンクエスト(以下ドラクエ)にまつわるアレコレについて自分なりの考えだったり、自分が刺激を受けた見解を紹介していくわけなんですけどね。結構長くなると思いますが、お付き合いの程を一つよろしく。 ゲームにおけるテキストライターとしての堀井雄二 まずは、ゲームにおけるテキストライターとしての堀井雄二の仕事ぶりについて考えていこう。ゲーム作家としての堀井雄二が語られる際、もっとも語られることが多いのが、堀井雄二自身の手によるテキストである。事実、ネット上にも面白い評論、考察文が数多くある。まずはこのコラムを紹介しよう。 ブーバ/キキ/ギラ/ホイミ 神は細部に宿り給う このコラムでは、ドラクエの代表的魔法、ホイミが回復魔法っぽくてギラが攻撃魔法っぽく

                                                            堀井雄二に学びたい - 色々水平思考
                                                          • 勝手にリデザイン:新宿高層ビルの館内施設案内板

                                                            勝手にリデザイン:新宿高層ビルの館内施設案内板 新宿のとある高層ビルの館内案内標識が話題に。後学のために、仕様・問題点を整理、改善案の作成を行ってみました time2011/09/08 hatenabookmark- Twitterで、あるサイン(案内板)のことが話題になっていました。新宿のあるビルの案内図のようですが、わかりづらいことが問題になっているようです。 …確かにこれはわかりません。トイレを探している時に遭遇したら結構辛いと思いますね。でも、なぜわかりにくいのか、どういう改善案が考えられるのか、もう少し考えてみることにしました。 仕様 まず、この図から読み取れる情報だけでは何が「正解」かわからないので、実際の現場に足を運んでみました。 そして、館内をぐるっと見学してみて、大体の施設の配置を把握してきました。(ちなみに、ビルの中をウロウロしてると普通に不審者だと思うので、警備員の方

                                                            • Awwwards - Website Awards - Best Web Design Trends

                                                              ESE Agency — Site of the Day - 7.32 — May 10, 2024 —

                                                                Awwwards - Website Awards - Best Web Design Trends
                                                              • はてなブックマークは「RSSリーダー」の開発に取り組んでいきます - はてなブックマーク開発ブログ

                                                                こんにちは、はてなブックマークのディレクター id:juseiです。本日、はてラボにて、新サービス「大チェッカー」をリリースいたしました。一定期間運用した後、このサービスに使われている機能を元に、はてなブックマークにRSSリーダー機能を追加します。 大チェッカーについて 大チェッカーは「みんなで作るアンテナサービス」をコンセプトに、はてなアンテナの流れを汲む自動巡回・更新通知サービスです。はてなアンテナの多くの機能を引き継ぎつつ、複数人で1つのアンテナを作り、より面白いページを追加できるソーシャル性の高いサービスです。従来のはてなアンテナでは、独力でURLを探す必要がありましたが、大チェッカーでは複数のユーザーの手でURLが追加されるため、未知の情報との出会いが期待できます。はてなブックマークがRSSリーダー機能を展開するその一歩目として、大チェッカーという新しいRSSリーダーの形を提案い

                                                                  はてなブックマークは「RSSリーダー」の開発に取り組んでいきます - はてなブックマーク開発ブログ
                                                                • みんながエスカレーターばっかり使うから階段を鍵盤にして音が出るようにしたら利用者が急増|デジタルマガジン

                                                                  駅の上り下り、階段を使ってますか? それともやっぱりエスカレーター? ここはストックホルムのオーデンプラン駅。ごらんの通り階段は閑古鳥が鳴いています。 果たしてどうすればみんなに階段を使って貰えるようになるでしょうか? その答えは“楽しさ”にありました。駅の階段を、鍵盤にしちゃったんです。 そうと決まれば話は早い。駅が閉まったあと、夜を徹して作業。一夜にして階段は踏めば音が鳴るピアノの鍵盤に早変わりしました。するとどうでしょう。 みんなが鍵盤(階段)を使い始めたんです。つまらないからエスカレーターを使う、でも楽しかったら階段も苦にならない。鍵盤にしてから通常よりも66%多くの人が階段の方を使ってくれたそうですよ。 “楽しさ”って大事ですね。駅の様子は動画でお楽しみください。 [ via 雑学 Part2 ] あわせて読みたい 重力に逆らって階段を上る猫 近未来の住宅はこうなる?丘に作られ

                                                                  • 見ないと損する便利なデザイナー向けWebサービス13選 | SONICMOOV LAB

                                                                    こんにちは。 緑のにおいが気持ち良い季節になってきましたね。3月4月は花粉で涙をボロボロ流しながら生活していたのですが、やっと思う存分散歩ができそうです。 さっそくですが、デザイナー・クリエイターのみなさんは、自分の作品やスキルをアピールするために普段どのようなツールを使っているでしょうか? 現在さまざまなWebサービスが出ており、うまく利用できれば活動や交流の幅が広がるはず! そう思って今回はクリエイター向けのサービスをいくつかまとめました。 目次 UIアニメーションのヒントに ちょっとしたアニメーションを作るときに参考にしています。動きを眺めるだけでも面白く、インスピレーションがわきます。 CAPPTIVATE.co iPhoneアプリのUIアニメーションをカテゴリ別に紹介しています。マウスオンでアニメーションが確認でき、アプリのデザインやUIアニメーションなど、アプリ開発に大変役立ち

                                                                      見ないと損する便利なデザイナー向けWebサービス13選 | SONICMOOV LAB
                                                                    • ふつうのformをつかいたい - はまちや2 - ニコニコ超会議2012

                                                                      こんにちはこんにちは!! はまちや2 (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう? プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ: 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…(はいはい) フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた!) (これで送信、と…) ※エラー:住所を正しく入力してください (え、なんで!?) ※住所は全角で入力してく

                                                                      • お探しのページは見つかりませんでした。 | 株式会社モリサワ

                                                                        MORISAWA Fontpark 2.0は、Flash Playerのサポート終了に伴い公開を終了しました。 アーカイブ映像を配信していますので、ぜひご覧ください。 MORISAWA Fontpark 2.0 is no longer available due to the end of Flash Player support. Please check out the archived videos.

                                                                        • 16種類(45カテゴリ)の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選(スライド付)

                                                                          2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今

                                                                            16種類(45カテゴリ)の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選(スライド付)
                                                                          • U-site

                                                                            日記調査:長期間のユーザー行動と体験の理解 ニールセン博士のAlertbox 8月9日 読了までに約15分 参加者は日々の活動をその都度記録し、リアルタイムのユーザーの行動やニーズについてコンテキストに基づいた知見を提供する。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ YouTube、始めました 黒須教授のユーザ工学講義 7月25日 読了までに約5分 2024年5月にYouTubeチャンネルを開設し、そこで「黒須のユーザ工学入門」を連載することにした。講演や講義とは違ってもっとオープンにして、広い範囲の人たちに話を届けたいという気持ちがあったのだ。

                                                                              U-site
                                                                            • UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | ベイジの社長ブログ

                                                                              WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者/状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所

                                                                                UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | ベイジの社長ブログ
                                                                              • デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo

                                                                                iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間(コスト)が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities+IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidのUIルールを紹介します。

                                                                                • [Think IT] 【これならわかる!JavaScript/Ajax】やりなおしのJavaScript 第1回:そろそろ本気で学びませんか? (1/3)

                                                                                  画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー&ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース