タグ

デザインに関するstj064のブックマーク (219)

  • How to Design Compelling Call to Action Buttons

    Your buttons may call users to act, but do they compel users to act? Buttons come in different shapes and forms, but it isn’t effective if it doesn’t compel users to act. The more clicks your button gets, the higher chance you’ll convert users into customers. There are best practices that can help turn your call to action buttons into compel to action buttons. Make it look realThe more real your b

    stj064
    stj064 2011/02/22
    ボタンデザインの改善過程
  • サイトのデザインは54%が「好みで決定」、27%が最後に上司にひっくり返され、90%は消費者の意見を参考にせず/デザイン決定プロセス調査 | Web担当者必見! リサーチ データ&市場調査レポート

    参考意見としてターゲット消費者の意見を取り入れているのは10%に過ぎず、90%が消費者の意見を聞かずにデザインを決定している。 デザイン決定のポイントは、「発注側の経営者・上司・担当者の好み」が54%。「サイト制作のゴールを達成できそうだから」(20.7%)の倍以上の割合で「好み」を優先。 27.3%が「発注側の経営者や上司の独断的な意向で最終決定の直前にデザインがひっくり返った」ことで困った経験がある。 これは、デザイン決定のプロセスをビジネス目的に対して最適化するための消費者評価(アンケート)ソリューション「CREATIVE SURVEY」を提供する株式会社フォーデジットとWeb担当者Forumは、共同で行った、「Webサイトのデザイン決定プロセスに関する調査」の結果のハイライトだ。 この調査は、企業サイトの制作において、デザイン決定がどのように行われているのかを調べることで、ビジネス

    サイトのデザインは54%が「好みで決定」、27%が最後に上司にひっくり返され、90%は消費者の意見を参考にせず/デザイン決定プロセス調査 | Web担当者必見! リサーチ データ&市場調査レポート
  • ハフィントン・ポスト

    The Stakes Have Never Been HigherThis year we are facing the most consequential presidential election in recent memory. A vibrant democracy is impossible without well-informed citizens. This is why HuffPost's journalism is free for everyone, not just those who can afford expensive subscriptions. We cannot do this without your help. Support our newsroom by contributing as little as $2. Thank You Fo

    ハフィントン・ポスト
  • 国内Webサイト参考デザイン一覧集 | Maka-veli.com

    ん?タイトルの日語、なんかおかしい?(笑) 自分用に、国内のWEBサイトサンプル集をメモ。 やっぱ国内のが参考にしやすいですよね。 ズロック http://www.zzrock.net/ 一番お世話になってます。 検索も楽です。 そしてサイト自体のデザインも好きです。 (黒×黒のロゴとかやっちゃうとこがまた良い) iKeSai.com http://www.ikesai.com/ なんか気楽に見れる。見やすい。 WEBdeDB http://www.webdedb.com/ 更新減ってきたけど、数多い。 (Faviconつけてほしいー…) WEBデザインの見帳 http://www.web-mihon.com/ 印象から検索できるのは嬉しい。 サイトがかわいい。 webselection http://web-selection.com/ シンプル。み

  • iPhoneアプリ&WEBサイト ベンチマーク - UX team blog

    UI/デザイン共有サイト iPhoneアプリ&WEBサイトのベンチマークを共有します。 ☆TappGala http://www.tappgala.com/ ☆iPhone アプリと Web デザイン http://d.hatena.ne.jp/tanemori/20100701/iPhoneAppsAndWebDesign ☆iPhoneデザインアーカイブ http://iphonedesignarchive.jp/ ☆29 Sexy iPhone APP Designs http://www.youthedesigner.com/2010/03/10/29-sexy-iphone-app-designs/ ☆Well-Placed Pixels http://wellplacedpixels.com/ ☆TapFancy http://tapfancy.com/ ☆35 Beauti

    iPhoneアプリ&WEBサイト ベンチマーク - UX team blog
  • sp-web.jp

    This domain may be for sale!

  • WEBデザイナー向け☆iPhoneアプリのUIデザイン

    どーもキンモクセイぷんぷん香る自由が丘からaoizmです。 秋満開!スマートフォンまっさかり!(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。 画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは 使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。 その違いを認識した上で、違いを活かしたデザインをするためには? iPhoneアプリUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い 状況 持ち歩けるがゆえそのシチュエーションもさまざま 「会議で」「合コンで」「移動時」「就寝時」... 状態 そのときユーザーはなにをしている? 「歩きながら」「話しながら」「運動しながら」...

  • - 中村 勇吾(なかむら ゆうご)さん : 20 * 20-twenty * twenty

    21歳、大学生。社会的にも、体力的にもなんだって出来る。でも実際は、将来に対して悩んだり、日々悶々と暮らしている。尊敬する大人や同世代の人たちもこんな風に悩む事もあるんだろうか。会って実際に聞いてみよう。それくらいは一人で出来るはず。ひとりでできるもん。 中村 勇吾(なかむら ゆうご)さん ウェブデザイナー、映像ディレクター。2004年にデザインスタジオ「tha ltd.」を設立。様々なウェブサイトを作成しカンヌ国際広告フェスティバルグランプリを受賞する等国内外問わず評価は高い。 また、2008年には株式会社メトロノームを設立し、店舗設計を請け負っている。 様々なウェブサイトを作成しカンヌ国際広告フェスティバルグランプリを受賞する等国内外問わず評価は高い。 将来どうやって生きていこうか思い悩んでいる、そこのあなたと私にとって、もしかしたら参考になるかも、けど、ならないかも。 中村さ

    stj064
    stj064 2010/10/08
    "デザインでも人生設計でも、7割くらいをそこそこ確保しようとすると、具体的にいろいろやれるんじゃないかな。"
  • Showcase of Beautiful and Unique iPhone Apps :Speckyboy Design Magazine

    Designing the UI of a mobile app from scratch can be both fun and challenging, especially when it comes to creating the user interface (UI). It can be a time-consuming and arduous task that requires a great deal of attention to detail. To help streamline the design process and get you started on your next project faster, we’ve put together a collection of the best free mobile UI kits. These UI kit

    Showcase of Beautiful and Unique iPhone Apps :Speckyboy Design Magazine
  • 見出しデザイン.com -Webデザインの“見出し”を集めたサイト-

    TOP デザイン一覧 グラデーション テキストのみ テキスト非画像 上線 下線 丸 四角 囲み線 斜線 未分類 点線 角丸 はてなブックマーク ツイートする シェアする 他のギャラリー ファビコンギャラリー フッターデザイン ウェブコレクション このサイトについて いろんなWEBサイトの見出し部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介の見出しが使用されていない場合があります。 連絡先:manage.hp+midashi@gmail.com copyright © midashi-design.com All Rights Reserved.

    見出しデザイン.com -Webデザインの“見出し”を集めたサイト-
  • 見えてきたECサイトの人気レイアウト

    ECサイトのレイアウトは、ユーザーに情報を的確に届ける上で重要な役割を果たす。サポタントの調査結果から、ECサイトでトレンドになっている検索窓の設置場所やサイト幅のピクセル数が分かった。 Web・モバイル業界の人材事業を手掛けるサポタントは7月30日、EC(電子商取引)サイトのレイアウトのトレンドに関する調査結果を発表した。楽天市場(100サイト)、Yahoo!ショッピング(50サイト)に出展しているECサイトおよび企業が独自に運営するECサイト(100サイト)を7月に調査した。 70%がページ上部に「検索窓」を設置 Webページの上部に検索窓を設置しているECサイトは全体の70%だった。増加する商品点数に対し、検索性を向上させる目的で検索窓を設置するECサイトが増えているという。

    見えてきたECサイトの人気レイアウト
  • 文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン

    研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演(アウトリーチ活動)の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者(研究仲間や審査員、一般市民)へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく

    stj064
    stj064 2010/08/04
    BEFOREがありすぎて困る
  • Janne Lammi

    Explore Janne Lammi’s 507 photos on Flickr!

    Janne Lammi
  • モバミル - イケてる携帯サイトデザイン

    ########## REQUIRED: INSERT DESCRIPTION ##########

  • 山中俊治の「デザインの骨格」 � 扇風機を改良したかったわけじゃなかったダイソン

    昨日行われた、ダイソンのデザインエンジニア Martin Peek 氏とのトークショーは、80席の会場に、百人近い人が参加してくれて立ち見の大盛況でした。印象に残ったMartin氏の発言をメモしておきます。 「アイデアを出すところから製品の出荷まで、一貫してひとりのデザインエンジニアが担当する。モデルを作ってばかりいればモデルのクオリティは上がるけれども、それでは当のイノベーションは起こせない。」 「デザインエンジニアは全員、いつもスケッチブックを持ち歩く。」 「とにかく、テスト、テスト、膨大な試作とテストを繰り返す」 「段ボールはいいモデル素材だ。加工しやすく、どこにでもある。」 「ダイソンは新卒を採用する。その柔軟さが必要だから。」 「DC8の主要部を設計したときは当に忙しかった。でも学生の時と同じだとも思った。ゼロから何もかも自分でやったから。日の人たちほど働いた訳じゃないけど

    stj064
    stj064 2010/08/02
    "とにかく、テスト、テスト、膨大な試作とテストを繰り返す"
  • 最適なテキストリンクの色は? | ウェブ力学

    青系統の色が使われていることに変わりはありませんが、検索エンジン以上にバラつきが見られます。特に、Yahoo!の場合は、各ジャンルごとのページでも微妙にテキストリンクの色が変わっていました。それぞれのサイトデザインの特徴に合わせて変化させているのだろうと思います。 楽天のようにデフォルト色を使用しているサイトもありましたが、全体からすると少数派のようです。 Q&Aサイトの最大手OKWaveはGoogleと同一でした。また、ユーザビリティといえばビービットさん、ということで調べてみましたが、やや暗めの青を使用していました。ビービットさんのことなので何か意味があるのかもしれません。 クックパッド クックパッドは、日最大級のレシピ検索のサイトです。ユーザービリティには細心の注意を払っていて、ユーザー一人当たりの平均PVが高いことでも知られています。 そんなクックパッドですが、サイトをのぞいてみ

  • iPhoneデザインアーカイブ

    【初めての方はこちらをクリック】 iPhoneデザインアーカイブは、携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトです。 iPhoneサイトを制作する上で参考になる秀逸なデザインを持つサイトのキャプチャを集めています。 iPhoneサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練されたデザインを参考にしたい」といった方のために、 優れたiPhoneサイトのデザインを集めました。また、iPhoneサイトにまだ手を出されていないモバイルデザイナーの方に、iPhone サイトデザインの雰囲気を掴んでいただくことで、「今後の仕事の幅を広げるきっかけになれば・・」、という思いで立ち上げました。 デザインに優れたiPhoneサイトはもちろん、技術的に優れたiPhoneサイト、そして現在のトレンドを捉えたiPhoneサイトを掲載しています。 なお、意識的にiPhon

  • 水平方向の注目は左に寄る

    ユーザーはウェブ閲覧時、その69%の時間を使ってページの左半分を、30%の時間を使って右半分を見ている。したがって、従来的なレイアウトを採用した方がサイトの収益性が高くなる確率は高い。 Horizontal Attention Leans Left by Jakob Nielsen 2010年4月6日 前回のコラムでは、ユーザーの注目がウェブページの垂直軸に沿ってどのように分布しているかについて論じた。要約すると、人というのはアバブ・ザ・フォールド(ページのスクロール無しに見える境界線より上)において、その境界線よりも下がったところに比べ、はるかに多くの情報を見ている。 今回は90度角度を変え、水平軸に沿ってのユーザーの閲覧パターンを見ていこうと思う。前回の分析と同じデータセットによると、ユーザーの注目は画面の左端から右端までで以下のように分布している: このグラフで1つ1つの棒が示すのは

    水平方向の注目は左に寄る
    stj064
    stj064 2010/05/19
    "画面の左端から幅100ピクセルごとのユーザーの視線の滞留時間の総量"
  • 第1回 HCD-Netサロン「アドバンスデザインとHCD」参加メモ

    日時 :2010年 4月23日(金)18:30~21:00(予定) 会場 :ネイバージャパン株式会社内カフェ 構成: ■幹事挨拶:松原幸行(キヤノン) ■有馬 正人氏,井原 亮二氏(セカンド ファクトリー) ■石黒 猛氏(デザイナー) ■NAVER社 ■畑中 元秀氏(タクラム デザイン エンジニアリング) ■全体ディスカッション ※一部、Ustreamにて映像化 http://www.ustream.tv/channel/hcd-net ■有馬 正人氏,井原 亮二氏(セカンド ファクトリー) 事例 □セカンド ファクトリー http://www.2ndfactory.com/ UIコンサルティング、UI設計・開発、自社製品開発を手がけている。 RIA(Rich Internet Applications)を使ったアプリ開発ろ行っている。 Idea → RIA → 早期可視化、早期体験化 □

  • Mobile App Gallery|tappgala.com

    Mobile App Galleryは各種アプリのデザインギャラリーサイトです。カテゴリごと、色ごとに分けて分かりやすく表示しています。