タグ

*webデザインに関するpantingclimberのブックマーク (33)

  • 開発前に欠かせない超ハイレベルな無料プロトタイプ制作アプリ5選|グロースハックジャパン|Growth Hack Japan

    dited by Ryutaro Mori growth hack japan official Twitter account growth hack japan official Facebook account 過度に強調することが出来ないほど重要なプロトタイプ制作。 その重要性は、グロースハックジャパンの記事「グロースハックの大前提 「MVP」の種類と実例 5選」でもお伝えした通りです。 ではどんなツールを使ってプロトタイプを制作すれば良いのか。 ここは多いに迷うところですが、「はやい、やすい、うまい」に越したことはありませんよね? そこで日は、吉野家もびっくりの超ハイレベルな無料プロトタイプ制作アプリを、5つまとめてご紹介致します! 数あるアプリの中でも、使いやすさや完成品のクオリティに焦点をあてて厳選した5つの無料アプリですので、必ずお気に入りが見つかること間違いないでしょう

    開発前に欠かせない超ハイレベルな無料プロトタイプ制作アプリ5選|グロースハックジャパン|Growth Hack Japan
  • UXデザイナー(User Experience Designer)は本当に必要なのか? / Maka-Veli .com

    ※超今更です。今更UXかよと言われそうで恥ずかしいんですが、まだまだUIUXが混同されがちだなーというのと、じゃあUXって必要なのかよ?というモヤモヤを整理したいなと思い書きました。 UXデザインとは まず前提ですが、UX(User Experience)デザインとは、 ユーザーエクスペリエンス(UXと略記されることが多い)とは、ユーザーがある製品やシステムを使ったときに得られる経験や満足など全体を指す用語である。ウェブ上での商品販売などソフトウェアやビジネスに関連して使われることが多いが、インタラクションデザイン全般に適用される概念である。例えば自動音声応答装置は貧しいユーザーエクスペリエンスをもたらすデザインとしてよく引き合いに出される。VIA:Wikipedia と、あります。 ユーザーエクスペリエンス=直訳するとユーザーの経験・体験と翻訳されますが、ユーザーが満足するかしな

  • ディレクターが指摘すべきデザインの注意ポイント10個

    ずいぶん久しぶりの投稿になってしまいました。申し訳ない。 今回はタイトルの通り、ワイヤー上がった!デザイン依頼した!で上がってきたデザイン案(もしくはモックアップ)を見て、その段階でディレクターが何を「確認」すればいいのか?という内容についてです。 もちろん経験を積む。もしくは自分自身でデザイナーも経験するなどの機会に恵まれれば大丈夫なんですが、僕みたいに「いきなりWebディレクターという肩書きを与えられてしまった人」は、デザインの何を確認すれば良いのか分からなくなってしまうケースも多いんじゃないかな?と思って書いてみました。 実際にはマークアップ後まで影響してくるので、もっともっと項目は伸びると思うのですが、ひとまず僕が注意して見ているポイントを10個ピックしています。 色数を使いすぎていないか あれもこれも!と欲張りすぎて、結局なにが「一番強調したいのか」が分からなくなってしまっている

    ディレクターが指摘すべきデザインの注意ポイント10個
  • 【スマートフォン】スキマ時間を捉える3つのポイント (ユーザビリティ実践メモ)

    スマートフォンでの情報収集・意志決定をサポートするための手段として、快適なアプリの提供がますます重要になってきています。 今回の実践メモでは、弊社コンサルタントによる住宅情報アプリの利用調査から、アプリ設計時の3つのポイントをご紹介します。 ・ 利用が断続的である(1回の利用だけで完結しない) ・ 1回の利用時間が短い ・ 通信環境が不安定 という特徴があります。今回の住宅情報アプリの調査でも、行き帰りの電車内や会社の昼休憩などのちょっとした時間にアプリを使うという行動パターンが見られました。 アプリを設計する上では、ユーザのこのような利用状況を念頭に置く必要があります。 【ポイント1】前回の利用状況が復元できる 住宅情報の検討では、初回以降は「この前の続き」という心理でアプリを起動しています。ユーザにとって1回1回は独立した利用体験ではなく、「住宅を探す」という連続的な行為なのです。 こ

  • 美味しいカステラなのに楽天メソッドが極まりすぎてて残念な場合

    長崎心泉堂の「幸せの黄色いカステラ」というのを楽天で取り寄せてみました。 とても卵の味が濃くて、甘さはその分抑えてあり、非常に美味しいカステラでした。 よくあるカステラとは明らかにひと味もふた味も違います。届いた1を数日でべきって、またすぐに注文しちゃったくらいです。 また、アフターケアも充実していて、買った後、こんなメールまで届いたのです。 題名:【長崎 心泉堂】カステラは無事お届けできていますか? お世話になります。 カステラ専門店【長崎心泉堂】 受注担当 待鳥智美です。 <中略> さて、ご注文の品は無事お届けできておりますでしょうか ご贈答の場合は、お届け先様にお気に召していただけましたでしょうか? カステラのお味はいかがでしたでしょうか? ぜひ、私どもに、お客様の声をお聞かせくださいませ。 お願いします。 というのも、お客様の声によりよい商品作りがあると考えるからです。 当社の

    美味しいカステラなのに楽天メソッドが極まりすぎてて残念な場合
    pantingclimber
    pantingclimber 2010/04/19
    でも売れてるんだよ?
  • アドセンスで1日2万円稼ぐための6つのレッスン | SEO Japan

    無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 若干20歳のスーパーアフィリエイター、ViperChillのグレン君がアドセンスで稼ぐ方法を伝授してくれました。1日2万円と言うのが努力次第では届きそうな数字でリアリティありますね。さて、毎回情報を出し惜しみしないことで知られるグレン君ですが、今回はいかに?! — SEO Japan ウェブサイトの売買については最近ここにもよく書いており、、私も多くの時間を費やしてきた。私が定期的にウェブサイト売買マーケットをチェックするのは、購入して改善することのできるサイトを見つけるためだけでなく、新しいウェブサイトやトラフィックのソース、お金を稼ぐ方法のアイデアを得るためでもある。 私が自分のウェブサイト

    アドセンスで1日2万円稼ぐための6つのレッスン | SEO Japan
  • スーパーじゃなくてコンビニで買う理由 - ぼくはまちちゃん!

    こんにちはこんにちは!! 最近nanacoなんていう電子マネーのカードを手に入れて、 コンビニ利用率がちょっぴり高まりつつある感じのはまちや2です! こんにちは…! ところで、うちの近所って、スーパーとコンビニがあるんだけど…、 みんなはどっちをよく利用しますか! うちの近所の場合だと、どちらも24時間営業だし、どちらも歩いてほとんど同じ距離。 それで、値段はスーパーの方がけっこう安いんだよね。 品揃えもスーパーの方が断然いい。 それなのに、ぼくはいつも、なんとなくコンビニばかり使ってしまうよ。 なぜなんだろう。 たぶんスーパーって、ちょっとめんどくさいのかな…! スーパーのなにがめんどくさいって… ・むだにひろい 必要なものが、こじんまりとまとまってるほうが好きなんですぼく、店も町も…! ・レジで並ばなきゃいけない スーパーってひとりひとりが沢山買うからかな、たいてい並ぶんだよね。 逆に

    スーパーじゃなくてコンビニで買う理由 - ぼくはまちちゃん!
    pantingclimber
    pantingclimber 2009/07/06
    経済行動の選択は時間も含めたコストで決定される. コストに含まれる心理コストは属人性が高い. WEBの無料サービスは金銭コスト0なので同じ機能ならトータルトランザクションタイムで選択される.
  • 1ランク上のブログにステップアップするためのアドバイス

    1ランク上のブログにするために、ヘッダ、コンテンツ エリア、ナビゲーション、見出し、コメント、フッタ、広告など各要素をステップアップするポイントをBlog Designから紹介します。 How to Blog Design Style Guide ヘッダ コンテンツ エリア プライマリ ナビゲーション セカンダリ ナビゲーション ヘッドライン コメント 記事のフッタ フッタ 広告 ヘッダ ヘッダはユーザーがあなたのサイトに来訪した際、最初に目にするものです。 ユーザーの印象に残るように、ヘッダのデザインを他のサイトと異なるユニークなものにするのは非常に重要なポイントです。 ショーケース darkmotion ヘッダをステップアップするポイント サイトのタイトルとタグラインを念頭に置き、ヘッダのデザインをします。ヘッダ以外の箇所はそのトーンに合わせてデザインを行います。 ヘッダでは、ユーザー

  • アイトラッキングから検証した、使いやすいフォームの10のポイント

    Google Mail、Hotmail、Yahoo! Mail、eBayの各サインアップのフォームを使用して、22~33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。 Web forms design guidelines an eyetracking study 以下、10のガイドラインからポイントのピックアップです。 1. Vertical, not horizontal 水平ではなく、垂直に フォームのレイアウトは、水平方向の配置やそれが混在したものではなく、単純に垂直方向に配置したものが効果的です。 可能であれば、各ラベルも垂直方向に揃えて配置してください。 2. Left-aligned labels are clearer (anecdotally) ラベルは左寄せにすると、よ

  • IPアドレスから市区町村単位で位置特定できるAPI、個人は無償

    Windows SQL Server 2005サポート終了の4月12日が迫る、報告済み脆弱性の深刻度も高く、早急な移行を

  • 楽してiPhone対応サイトを仕立てる方法 | ライフハッカー・ジャパン

    デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

    楽してiPhone対応サイトを仕立てる方法 | ライフハッカー・ジャパン
  • Yahoo!画像検索流 iPhone用ページの作成方法

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    pantingclimber
    pantingclimber 2008/06/05
    通常のPC用画面デザインも選べる等,実際に使い込んでるユーザが仕様策定に関わってるっぽいのが◎
  • Webdeveloperのダウンロード:ミナトラボ

    ローカライズについて Web Develoerの日語にかかわる問題が、ほぼすべて解決したことと、Infoaxia社から管理を移管したことを受けて、今後のWeb Developerのローカライズは、BabelZillaで行うことにしました。ローカライズの議論については、BabelZillaのディスカッションパネル、またはメッセージボードでやりとりできればと思っています。自分のアカウントは「minato」です。遠慮なくお声をかけてください。 Webdeveloperとは Web Developerとは、ウェブ制作を補助する拡張機能です。拡張機能は、Firefox, Seamonkey, Flockのツールバーとして組み込まれます。そのため、それらのブラウザが動作する環境であれば、OSに依存せずに利用することができます。現在、Windows, MacOS X, Linuxでの動作を確認していま

    pantingclimber
    pantingclimber 2008/03/14
    高機能 WEBデザイナーはもちろんSEO屋や反SEO屋にも便利につかえる機能満載
  • 申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論【前編】 | カスタマーエクスペリエンスで道は開ける~フォレスター・リサーチのWebサイト方法論

    [コラム]カスタマーエクスペリエンスで 道は開ける ~フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 前回のコラムでは、ウェブサイトを使っているお客様がなぜ途中であきらめるのかというテーマで話しました。「ウェブサイトの欠陥」を大きくくくると、次の4つのどれかに当てはまります。 サイトのコンテンツ自体が足りない(価値の欠陥)価値のあるコンテンツが探しにくい(ナビゲーションが悪い)価値のあるコンテンツは見つかったがよくわからなかった(プレゼンテーションが悪い)サイトに信頼がなかったために使うのをやめ

    申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論【前編】 | カスタマーエクスペリエンスで道は開ける~フォレスター・リサーチのWebサイト方法論
    pantingclimber
    pantingclimber 2008/02/13
    「フリガナ」と英数字に全角半角を指定するな. エラーで入力画面に戻ったときに入力済み項目を保存するか確認画面で直接修正させろ. メールアドレスに「+」を許容しろ. 郵便番号<->住所の補完機能は備えろ.
  • Google Experimental Search

    Google is always experimenting with new features aimed at improving the search experience. Take one for a spin and let us know what you think. Join an experiment and you'll see that feature whenever you do a Google search. Your selected experiment: You have joined the   experiment. Your current experiment is no longer available. Try out a different one below. Note that you can only join ONE experi

    pantingclimber
    pantingclimber 2008/01/30
    キーボードショートカットが便利なんだけど日本語入力をOFFにしないといけないのが惜しい
  • 「ペルソナデザイン」それはあなたのサイトを「ユーザー志向」にする最強の味方 | 企画書を光らせる珠玉のキーワード

    「ペルソナデザイン」それはあなたのサイトを「ユーザー志向」にする最強の味方 | 企画書を光らせる珠玉のキーワード
    pantingclimber
    pantingclimber 2007/12/27
     綿密な調査に基づくユーザ設定により「関係者のバラバラなユーザー像」≒自分指向から脱却できる
  • HTMLタグを使わないSEOの話 : LINE Corporation ディレクターブログ

    『livedoor グルメ』と『が好き!』の根岸です。今回は「SEOは単なる HTML の書き方テクニックではない」ということを中心に、極私的なSEO論をしていきたいと思います。 ■「検索上位にでない! なぜか!」「坊やだからさ」 あるキーワードの検索に対して、自分のウェブページが検索結果リストの上位に出るようにチューニングすることを「SEO=Search Engine Optimize」というのは、みなさんご存じかと思います。その基テクニックとして、検索でヒットさせたいキーワードを titleタグや hタグや strongタグで囲うということをしている方も、多くいるのではないでしょうか? それゆえ、hタグだらけのページなんてのも、少なくありません。そんなことをしても効果はほとんどないはずなのですが。 逆に「うちは FLASH 中心のサイト(※)なのに、検索上位に出まくりなのはどういう

    HTMLタグを使わないSEOの話 : LINE Corporation ディレクターブログ
    pantingclimber
    pantingclimber 2007/12/04
    コンtンツ is KING, 「インターネットは膨大なニッチの集積であることを常に意識し、そのニッチを幅広く取り込む仕組みを作る。」
  • GoogleとYAHOO!のトップページ10年間の変遷

    サイト運用をしている人は誰もが悩むトップページのデザイン。もちろん超大手検索サイトのGoogleYAHOO!もこれまで試行錯誤しながらトップページデザインを変えているのですが、いったいどのように変わってきたかがまとめられています。 詳細は以下から1997年から2007年までのGoogle。毎年デザインが変わっていますが、現在のようなロゴに変わったのは2000年から。 Google 10 years ride in images (Google) 1997年 1998年 1999年 2000年 2001年 2002年 2003年 2004年 2005年 2006年 2007年 そして以下が1996年から2007年までのYAHOO。どんどん情報量が増えていってるのがわかります。 www.yahoo.com back in 1996 AXT Magazine 1996年 1997年 1998年

    GoogleとYAHOO!のトップページ10年間の変遷
  • ヤフオク経験一度でオーソリティー。素人シェルパが商売用の足を引っ張る | 企業ホームページ運営の心得

    コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) 心得其の四十四 素人シェルパでエベレストに挑むのか?エベレストに登るのに「シェルパ」は欠かせないといいます。彼らは荷揚げに道案内と登頂を支える裏方のエキスパートだからです。 そんなシェルパが素人だったら話になりません。ところが、商売用ホームページの世界では「素人シェルパ」が登山者を案内することがあります。まるで普通自動車免許でF1レースに挑むようなものです。 素人シェルパとは拙著で「ぷちホームページ屋さん」と紹

    ヤフオク経験一度でオーソリティー。素人シェルパが商売用の足を引っ張る | 企業ホームページ運営の心得
    pantingclimber
    pantingclimber 2007/10/24
     素人, セミプロ, プロ ではスキルが違うから, 適材適所で. 商売用なら(金払って)ちゃんとプロを使ってね. その価値はあるからという話.