並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 14242件

新着順 人気順

UXの検索結果161 - 200 件 / 14242件

  • Mobile Patterns - UI UX Inspirational Gallery for iOS and Android

    Sign In to View Your Boards Inspirational UI UX Patterns That Work Explore Pattern Categories Made with love for designers by designers @Simform & Maitrik Kataria

    • 主観と客観を切り替える鍛錬|Miwa Kuramitsu

      突然ですが、ここに一つのプロダクトがあるとします。 そのプロダクトを見つめる視線には様々な種類があります。 そのプロダクトを利用しているユーザーの視点、利用していないが存在は知っているという人の視点、それをつくるデザイナーの視点、プロダクトを運営している会社経営者の視点… もしあなたがデザイナーであれば、デザイナーの視点だけが唯一自分で体感できる「主観」で、それ以外はすべて「客観」となります。 主観と客観のスイッチング プロダクトデザイナーはユーザーの期待通りに正しく動くしくみを設計し、「このプロダクトを利用した時に、ユーザーの生活はどう変化していくのだろうか?」と問いを立てながらアウトプットを評価していきます。 自らの考える理想像をデザインしながら、一方でそれに触れるユーザーの様子を想像する…プロダクトデザイナーは主観と客観を電気のスイッチのように瞬時に切り替えることに長けた人が多いイメ

        主観と客観を切り替える鍛錬|Miwa Kuramitsu
      • なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!! | ゴリミー

        今のウェブデザインの流行りは「レスポンシブ・ウェブデザイン」! 昨日、とあるアプリの紹介ページについて話し合っていたのだが、株式会社LIGのデザイナブログに書いてあった「必読!5分でわかる流行のレスポンシブWebデザインまとめ」に載っていた「NHKスタジオパーク」のレスポンシブ・ウェブデザインがイケイケすぎて感動したので、紹介する!これは本当にすごい!! まず普通に表示するとこんな感じ。よくある3コラムベースのウェブサイト。 少し幅を狭めると、下にあったコンテンツが右サイドバーに移動し、右サイドバーにあったコンテンツが下に移動した。 さらに狭めてみると、右のサイドバーが完全に無くなった。 さらに狭めると今度は左のサイドバーが消えた。 ブラウザの限界まで狭めてみると、各パーツの幅も狭まってこのような形に落ち着いた。 これを試している時、各要素の動きがあまりにも滑らかでものすごく感動した。皆さ

          なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!! | ゴリミー
        • キャンセルのキャンセル問題から考えるダイアログデザイン|Goodpatch Blog グッドパッチブログ

          この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……? 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では

            キャンセルのキャンセル問題から考えるダイアログデザイン|Goodpatch Blog グッドパッチブログ
          • 「10万人の宮崎勤」はあったのか?(dragoner) - 個人 - Yahoo!ニュース

            コミケの受難とひとつの"うわさ" 世界最大規模の同人誌即売会、コミックマーケット(通称コミケ)が今夏も開催されました。92回目を迎えた今回は、3日の開催期間中にのべ3万2千のサークル(団体)が参加、50万人が来場し、会場の東京ビッグサイトは大盛況でした。 現在、第一線で活躍する漫画家・小説家の中にも、コミケで同人活動していた作家は多く、まさにクリエイターのゆりかごのような存在と言えるでしょう。 そんなコミケにも、受難の時代がありました。1988年から1989年にかけて日本を騒がせた幼女連続誘拐殺人事件で宮崎勤元死刑囚(2008年執行)が1989年に逮捕され、元死刑囚が収集していた本やビデオが山積みの部屋が報じられると、宮崎の"オタク"という属性に世間の注目が集まりました。そして、宮崎が過去にコミケにサークル参加していたため、報道直後に開かれたコミックマーケット36には、メディアが取材に殺到

              「10万人の宮崎勤」はあったのか?(dragoner) - 個人 - Yahoo!ニュース
            • ネットフリックスの値上げから考えるサブスクリプションモデルの適切なKPI設定|なおゆき

              Netflix、アメリカで10月から値上げになって、近々日本でも値上げになる可能性が高いらしいですね。 Netflixが日本で提供を開始したのは2015年。この年は、Apple Music やAmazonプライムビデオ、AWA や LINE MUSIC が提供を開始し、サブスク元年と呼ばれました。 「所有」から「利用」へ、「商品」から「サービス」へ、「販売」から「月額課金」へ。このビジネスモデルは “サブスクリプション”( “サブスク” )と呼ばれ、最近では、ファッションのレンタルサービス、“メチャカリ” が欅坂46をCMに起用して(※2)大々的に展開しています。そのキャッチコピーは・・・ しかし、Twitterではこんな反応も多いです。 サブスクリプションという言葉が、どこまで市民権を得ているかわかりませんが、アメリカでは、カミソリの「Dollar Shave Club」や歯ブラシの「G

                ネットフリックスの値上げから考えるサブスクリプションモデルの適切なKPI設定|なおゆき
              • むずかしすぎる!五輪大会ボランティア応募フォーム(神田敏晶) - 個人 - Yahoo!ニュース

                KNNポール神田です。 いよいよ、東京五輪の大会ボランティア募集が開始となった。 『ブラックボランティア』などとネットでいくら言われようとも、ボランティアする側が納得していれば、それはブラックなボランティアではないと思う。母国の五輪のボランティアで得られる経験は、人生のうち、何度もあるものではないからだ。 ボクが1963年の東京五輪の聖火リレーを見たのは神戸市の兵庫区だった。たった2歳であったが、あの雨の日の聖火リレーは、しっかりと脳裏に焼き付いている。だからこそ、ボランティアでも五輪に参加したいと考えている。 1963年10月神戸市兵庫区上沢通3丁目 出典:神田友治撮影11万人のボランティアが必要とされている大会ボランティアが8万人(組織委員会)、そして、都市ボランティアが3万人(東京都)の募集が昨日(2018/09/26)より開始となった。それぞれの申し込みページが公開された。 大会ボ

                  むずかしすぎる!五輪大会ボランティア応募フォーム(神田敏晶) - 個人 - Yahoo!ニュース
                • デザインを学びたい全ての方へ - 海外のデザイン学習リソース200選

                  「デザインに興味があるのですが、どうやってデザインを学べばいいのでしょう?」という質問は、以前に書かせて頂いた「米国のデザイン教育から学んだこと」という記事に対して一番多かった反響の1つでした。これはデザインの分野があまりに多様なためにどこから手を付けていいのか分かりづらいというのが原因のように思います。 そこで今回は情報全体を俯瞰出来るようにするべく、下記のそれぞれのカテゴリー別に、それぞれ有益なリソースをまとめました。このリストが皆さんのデザイン学習リソースとしてお役立てば幸いです。 海外のデザイン学習リソース 23のカテゴリーOnline Learning(オンライン学習)UI/Web:(ユーザインターフェイス/ウェブ)General(一般)Product(プロダクト)Branding:(ブランディング)Book Cover Design:(ブックカバーデザイン)Design Por

                    デザインを学びたい全ての方へ - 海外のデザイン学習リソース200選
                  • プロジェクトの開始までにWebディレクターが用意するものとこと13個まとめ

                    さて、発注が決まった。クライアントからの要望はまだフワっとしてるけど、納期は何となーく見えている。(もしくは納期だけがカッチカチに決まっている)。 この状態からプロジェクトの本格スタートまでにディレクターが用意するべきものは何があるんだろう?今日はそのへんをまとめてみます。 ゴールまでのざっくりストーリー たとえばコーヒーのポータルサイトだったとして「コーヒーに関する情報なら何でもあります!」って言っても何も始まらない。そこにあるストーリーを多少適当でもいいのでドラマチックに盛り上げてしまいます。 1:店主はかつて2店舗のカフェを切りもりした実店舗の経営者 2:学生の頃からカフェが好きで、なんとか自分の理想のカフェを作りたかった 3:それは、カフェの持つ独特の雰囲気とコーヒーの香りが大好きだったから 4:だから、自慢のカフェの雰囲気を全国どこにいても感じてもらえるサイトを作りたかった。とか

                      プロジェクトの開始までにWebディレクターが用意するものとこと13個まとめ
                    • Dropbox Businessは非常に危険です | 江口某の不如意研究室

                      (この記事は、Dropbox社に対してフェアじゃないものになっています。続きの「Dropbox Businessは馬鹿が使うと非常に危険なことを検証しました」も読んでください) 最近、非常に重大な事故を起こしてしまったので報告します。実際の被害は、最高が7だとすると3か4ぐらい、しかし潜在的な危険度からいうと7段階で7、ってくらい重大。Dropboxでファイルを大量に失なってしまったばかりか、個人情報流出の危険をおかしてしまいました。(実際には流出といえるものはありませんでしたが) Dropbox Businessチームに招待され参加して「アカウントを統合」すると、自分では抜けられない状態になる それだけでなく、それまで自分がもっていたファイルもすべてチームのものになる 個人用の契約が勝手に解除されてしまう 私のアカウントを削除すると、管理者は私のファイルを自分のものにすることができる 管

                      • ドラゴンボールの左と右と読みやすさの秘密

                        ※2014/03/17追記:巻末にオマケを追加 先日、Twitterで漫画のイマジナリーラインについて話題になった。 【イマジナリーライン】を超えたマンガは最悪なのか http://togetter.com/li/641095 その中で、自分もドラゴンボールのワンシーンを画像としてTwitterに投稿し、その画像を起点に色々な議論が交わされていくのを非常に興味深く読んだ。そこで思い出したんだけど、自分もドラゴンボールの左と右に関する記事を書いてる途中だった。 というわけで、話題がホットなうちに公開しようと思い急遽書き上げたのでお読みください。(書くこと多すぎて旬を過ぎた感は否めないけど、イマジナリーラインとは直接関係ない話だし、ね!) キャラ位置が頻繁に入れ替わるのに読みやすい まずはこの画像を見ていただきたい。自分がTwitterに投稿して議論になったドラゴンボールのワンシーン。 2コマ

                          ドラゴンボールの左と右と読みやすさの秘密
                        • ボケて (bokete)

                          ボケて(bokete)は、国内最大級のお笑いWebサービスです。3秒で笑えるコンテンツが生まれ続けています。

                            ボケて (bokete)
                          • 男性が理解できない「女の意思決定」を可視化した「女ゴコロフレームワーク」とは。ネイルアプリ「ネイルブック」が語るアプリ運営の生体験談。 | アプリマーケティング研究所

                            男性が理解できない「女の意思決定」を可視化した「女ゴコロフレームワーク」とは。ネイルアプリ「ネイルブック」が語るアプリ運営の生体験談。 「ネイルブック」を運営しているスピカさんにお話を伺いました。女性心理を理解するための3ステップ「女ゴコロフレームワーク」とは? ※株式会社スピカ 「ネイルブック」3代目ディレクター 正木友佳さん(初代ディレクターの川端さんにも同席いただきました) 「ネイルブック」が出来るまで。 「ネイルブック」について教えていただけますか? 川端: 「ネイルブック」は、ネイル写真を共有するアプリです、現在は10名のメンバー(うち女性4名)で運営しています。 ダウンロード数については、2011年4月にリリースして、現在120万ダウンロードです。海外からのダウンロードもありますが、アクティブユーザーは日本のユーザーがほとんどです。 どんなユーザーが使っているんでしょうか? 川

                              男性が理解できない「女の意思決定」を可視化した「女ゴコロフレームワーク」とは。ネイルアプリ「ネイルブック」が語るアプリ運営の生体験談。 | アプリマーケティング研究所
                            • 成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie

                              約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多くのBtoBサイトが、このチェックリストを満たすように設計され、多くのBtoBサイトでコンバージョン数/率やフォーム誘導数/率の向上など、ポジティブな変化が生まれました。 このような活動の中から、『BtoBサイト・チェックリスト』の内容を満たした『BtoBサイト・ワイヤーフレーム』なるものが誕生しました。これを今回、皆さんにご提供します。リード情報なども一切取らず、そのまま丸ごとお渡しします。 BtoBサイト標準ワイヤーフレームXD版(770KB) BtoBサイト標準ワイヤーフレーム

                                成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie
                              • ユーザーにとってはUIがすべて:UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan

                                シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書

                                  ユーザーにとってはUIがすべて:UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
                                • taikikawakami.tk

                                  • これだけは押さえよう!住所フォームの作り方 - ケンオールブログ

                                    まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース(住所フォーム)は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能(郵便番号による住所補完)は、住所フォームの改善方法として最も効

                                      これだけは押さえよう!住所フォームの作り方 - ケンオールブログ
                                    • iPhone X対応におけるデザイン上の注意ポイント | fladdict

                                      iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ

                                        iPhone X対応におけるデザイン上の注意ポイント | fladdict
                                      • 『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている :国内・海外情報から見える『企業のWEB活用法』:ITmedia オルタナティブ・ブログ

                                        中小企業がITを活用して売り上げにつなげるにはどうしたらいいか?WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者:中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン(以下iOS_HIG)」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き

                                          『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている :国内・海外情報から見える『企業のWEB活用法』:ITmedia オルタナティブ・ブログ
                                        • Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した

                                          ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません(「やっちゃダメなこと」もしています)ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に

                                            Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した
                                          • SASSIENCE ~ 世界が嫉妬するCSSへ

                                            SASSIENCE ~ 世界が嫉妬するCSSへ

                                            • スターバックスの紙コップ利用を減らすためのアイデアコンペに優勝したのはコップのデザインではなく、”行動”をデザインするものだった!! | greenz.jp グリーンズ

                                              スターバックスの紙コップ利用を減らすためのアイデアコンペに優勝したのはコップのデザインではなく、“行動”をデザインするものだった!! 2011.02.01 石村 研二 石村 研二 スターバックスもパートナーとなったコーヒーカップの廃棄量を減らすためのアイデアコンペ「Betacup」が行われたことについてはgreenzでもお伝えしました。このコンテストの結果が発表されたのですが、その結果選ばれた「Karma Cup」はなんとコーヒーカップではなかったのです!しかも他のアイデアとは一線を画すエモーショナルな仕掛けがなされていました… このKarma Cupのコンセプトを示すイメージ画に書かれた言葉がまず印象的です。 A shared problem. A shared reward.(問題を分かち合い、報酬も分かち合おう) このKarma Cupのコンセプトを要約すると、店頭に黒板を置き、マイ

                                                スターバックスの紙コップ利用を減らすためのアイデアコンペに優勝したのはコップのデザインではなく、”行動”をデザインするものだった!! | greenz.jp グリーンズ
                                              • 素人っぽいデザインから脱却するための12のデザインチップス | webox blog

                                                クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ

                                                • 僕がWebディレクターの肩書がついてから勉強した15のこと

                                                  • 車の運転って難しすぎない? なんで社会で許されてるの? - 拝徳

                                                    車が暴走して親子を跳ねた、バスが歩行者を跳ねた、幼稚園児を跳ねた、踏み間違えて突っ込んだ、そんな痛ましい事故が日々おきて悲しい気持ちになる。 そしてつくづく思うのは車の運転とは難しいということだ。 都内に住んでるとびっくりするくらい車に乗る機会がない。免許こそもっているが乗る機会がほとんどない。たまにレンタカーのるけど、あまりにも乗らなすぎてわからないことある。 誰かが言っていたけれど、東京都内は移動の概念が時間に変わった、都市だと言っていたけれどそうだと思う。僕ももう10年近く東京に住んでいてここから渋谷まで何キロ、東京まで何キロって言われてもわからないけれど、ここから渋谷までは電車で40分という時間はわかるので距離が時間の概念に変わっている。渋谷まで何キロって言われると全然距離感がわからない。 そして何より車の運転は楽しくない。スマホ触れない、寝れない、お酒飲めない、事故リスクもある。

                                                      車の運転って難しすぎない? なんで社会で許されてるの? - 拝徳
                                                    • どうして紙にプリントアウトした方が圧倒的に間違いに気付きやすいのか

                                                      高畑正幸@文具王 @bungu_o どうしてプリントアウトした紙を見るまでこの間違いに気付かないんだろ?・・紙に出力した方が圧倒的に間違いに気付きやすいのはなぜなのか・・この問題には、ペーパレスを革命的に推進する何か重要なファクターが潜んでいるものと思われるがそれが何だかわからない。 2012-03-02 17:00:29

                                                        どうして紙にプリントアウトした方が圧倒的に間違いに気付きやすいのか
                                                      • 日本人のお金の使い方がまるわかりになる全国消費者実態調査データ | 初代編集長ブログ―安田英久

                                                        今日は、世の中の人がどんなお金の使い方をしているのかを全国で調査したデータを紹介します。市場調査を行うにあたって参考になるかなり詳細なデータを入手できます。しかも無料で。 「30代の男性は書籍や雑誌に1か月あたり何円使っているのか」「ケータイの通信費は、年齢層でどれくらい違うのか」「緑茶と紅茶とコーヒーと、それぞれいくらぐらい使っているのか」「靴やシャツや下着に使っているお金は?」「CD・DVDやゲームにはどれくらいお金を使っているのか」「映画や遊園地や温泉にはみんなどれくらい行っているのか」こんなデータがあればいいと思いませんか? それがあるのです。 そのデータとは、総務省統計局が行っている「全国消費実態調査」。 平成21年全国消費実態調査(統計局)全国消費実態調査とは、国民生活の実態について、家計の収支や貯蓄・負債、耐久消費財、住宅・宅地などの家計資産を総合的に調査し、世帯の消費・所得

                                                          日本人のお金の使い方がまるわかりになる全国消費者実態調査データ | 初代編集長ブログ―安田英久
                                                        • 数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている8つのこと。 - 笑顔を創りたいWebディレクターの日常

                                                          なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様(謎) そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸12年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです

                                                            数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている8つのこと。 - 笑顔を創りたいWebディレクターの日常
                                                          • CIAのスパイマニュアルに学ぶ「会社をダメにする11の行動様式」

                                                            第二次世界大戦時のCIAの秘密資料。題してSimple Sabotage Field Manual。要は、敵国内のスパイが、組織の生産性を落とすためにどのような「サボり」ができるか、という「サボり方ガイド」である。2008年に公開された。(なお、正確に言うと、CIAの前身組織、Office of Strategic Servicesの作成文書である。) 以下、一部を抜粋した意訳です。本文は意訳の後に。 「注意深さ」を促す。スピーディーに物事を進めると先々問題が発生するので賢明な判断をすべき、と「道理をわきまえた人」の振りをする 可能な限り案件は委員会で検討。委員会はなるべく大きくすることとする。最低でも5人以上 何事も指揮命令系統を厳格に守る。意思決定を早めるための「抜け道」を決して許さない 会社内での組織的位置付けにこだわる。これからしようとすることが、本当にその組織の権限内なのか、より

                                                              CIAのスパイマニュアルに学ぶ「会社をダメにする11の行動様式」
                                                            • WEB屋が行き詰まった時、参考にすると何かが舞い降りるかもしれないサイト色々(主にデザイン系) | バンクーバーのうぇぶ屋

                                                              ※煮詰まる× → 行き詰る○ なんかおもいっっきり日本語間違って使ってました。めっちゃごめんなさい>< 更新が滞るとEvernote開いて整理整頓ついでに記事を書くのが日課になってしまったセナですこんにちは。 さて、数年WEB屋やってると、自分の作るものが単調になったなと思うことがたまにあります。WEBでも紙でも制作技術を学んでいた時はいろんなサイトを見て見まくって、「どうしてこんなに見やすいんだろう。」とか、「どうしてこんなに分かりやすいんだろう。」とか。そんなことを感じては、常に目にする物から何かを吸収しようと躍起になっていたものです。 何かを見る度、知る度に確実に何かを学んでいったあの感覚は、何時になっても忘れてはならないものだと常々思います。 アイデアに詰まっていたり、物づくりへの刺激が欲しい時なんかに見ると、やる気とかが舞い降りてくるかもしれません。 Dribbble クリエイタ

                                                              • 日本人の9割は「突っ張り棒」の使い方を間違っているらしい…|FNNプライムオンライン

                                                                自宅や会社で「突っ張り棒」を使っている人も多いだろう。 「突っ張り棒」といえば、限られた収納スペースを利用して効率よく整理したい時に、工事いらずで壁も傷つかない便利なアイテムだが、実は9割の人が間違った使い方をしていると、ある人が怒っていて話題になっている。 まずは、こちらをご覧頂きたい。 この記事の画像(15枚) 「てめぇらが使ってる突っ張り棒の大体は突っ張れてねーんだよ!」 昭和のスケバン風の女性が怒っていると言うより、もはやブチ切れている。 どうしてこんなにブチ切れているのか…実は、これは突っ張り棒業界のトップメーカー平安伸銅のポスター。 そして、その中央で突っ張り棒を持った「ツッパリ嬢」はなんと、本当に同社の社長を務めている竹内香予子さんが扮しているというのだ。 出典:平安伸銅 トップメッセージ 竹内さんは創業者の孫にあたり、2015年から三代目社長に就任。 自宅マンションに収納が

                                                                  日本人の9割は「突っ張り棒」の使い方を間違っているらしい…|FNNプライムオンライン
                                                                • 「コツコツ努力できる人」は前向きでも、モチベーションが高いわけでもない。自動的に動いているだけ。

                                                                  コツコツ積み上げることは大事。よく言われるだろう。例えばこんな具合だ。 「毎日英語の練習をしよう」 「毎日記事を書こう」 「毎日お客さんに手紙を書こう」 だが、実際にやりだすと、 「うまくなっている実感がわかない」 「アクセスが伸びない」 「時間がない」 と、1ヶ月も立たないうちに諦めてしまいがちだ。頭で理解はしているが、体は動かない。これが人間の悲しい性だ。そのため「努力は、つらいことだ」というイメージが生まれ、手っ取り早く結果を出せるワザが人気を集める。 だが、時間をかけなければ成し得ないことも数多くある。 例えば人の信用を得たりすることや、高度な技術、卓越した知性などは多くの場合、気の遠くなるほどの数の基礎を少しずつ積み上げた結果の頂点に置かれた「キャップストーン」なのである。 そして、そこで重要なのは、「積み上げる」という単調で結果を実感しにくい仕事をいかにコツコツ続けるか、という

                                                                    「コツコツ努力できる人」は前向きでも、モチベーションが高いわけでもない。自動的に動いているだけ。
                                                                  • 大事な人形を「ぬいぐるみ病院」にあずけたら泣けた話

                                                                    Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

                                                                      大事な人形を「ぬいぐるみ病院」にあずけたら泣けた話
                                                                    • 9割がバイトでも最高のスタッフに育つ ディズニーの教え方。アルバイトが自立して働くヒント | ブクペ

                                                                      始めにディズニーランドには約1万8000人のアルバイトがいる。これは全スタッフの約9割にあたり、1年間で約半数が入れ替わる。 このような環境の中で、アルバイトが自立して働くにはどのような教育や方針が必要となるのか。 会社のミッションと行動指針を理解させる何のために存在するか、どのようなサービスを提供するのか、会社のミッションを働く側にしっかりと理解してもらう。理解してもらうには、さまざまな場で繰り返し、粘り強く伝えていくことが必要になる。 また、行動指針をもち、何かトラブルがあった際にも、緊急に対応できるメンタリティを持たせる。 行動指針には順序をつけ、複数の選択肢があった場合にも迷わずに行動できるようにする。 ■ディズニーランドの行動指針(優先度順) (1)安全性 (2)礼儀正しさ(笑顔、挨拶、アイコンタクト) (3)ショー (4)効率(チームワーク、ムダを省く) 人を育てる際のポイント

                                                                        9割がバイトでも最高のスタッフに育つ ディズニーの教え方。アルバイトが自立して働くヒント | ブクペ
                                                                      • エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ! - エンジニアHub|Webエンジニアのキャリアを考える!

                                                                        エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ! Appleをはじめとする多くの成功企業がデザイナを役員に据えるなど、デザインに対する重要度が年々上がっているこの時代、若手のうちにUIデザインに関する基本的な考えを身につけ、より良いプロダクトを制作できるエンジニアを目指しましょう。 こんにちは。 グロースデザイナ/フロントエンジニアとしてWebサービス開発に携わっている右寺(@migi)と申します。最近は複数の企業で、数値解析から企画提案、開発も含めてサービスを成長させるためのお手伝いをしています。 現在はフリーランスとして活動していますが、直近では株式会社グッドパッチというUI(ユーザインターフェイス)デザインに特化した会社に勤めており、そこではデザインとの距離がとても近いところで開発をしていました。 そんな私の経験から、この記事では「エンジ

                                                                          エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ! - エンジニアHub|Webエンジニアのキャリアを考える!
                                                                        • 知識0から、ちょっとUIデザインに詳しくなるnote|やました

                                                                          前回は、「UIデザインってそもそも何なの?」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策(プロトタイピングとユーザビリティ評価)を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の3つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念(ナビゲーション、インタラクションなど)を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 デバイスやソフトによるUIの違い皆さんがお使

                                                                            知識0から、ちょっとUIデザインに詳しくなるnote|やました
                                                                          • More Access,More Fun! 永江一石のITマーケティング日記

                                                                            【2024年度版発売開始】 本日はメルマガとnoteの日。noteは単体だと110円ですが年間のマガジンだと4054円なのでかなりお得になります。 年間買い切りマガジン4054円 値段設定は最初に安すぎて失敗したままです。 購読はこちらから永...

                                                                              More Access,More Fun! 永江一石のITマーケティング日記
                                                                            • アニメGIFに縦線2本を入れるだけで3D化できることが話題に | Token Spoken

                                                                              アニメGIFに何本か縦線を入れるだけで、アニメGIFを3D化出来ると言う信じられない話が、本日欧米で話題になっておりました。 それでは早速12連発でどうぞ! 1 2 3 4 5 6 7 8 9 10 11 12 縦線の奥行きでの位置(Y)を決めて、その前後に物をはみ出させたり引っ込めたりすることによって、人間の目があたかも本当に奥行きがあるかのように錯覚してしまうんですねぇ。 いやしかし、我々人間の脳と、こんな事を思いつく方が素晴らしい! 普段は欧米の最先端テクノロジー業界情報を配信しておりますので、twitterやFacebookページ、Google+で是非フォローをお待ちしております。 また、記事の買い取り行ってますのでKataribeも是非よろしくお願いします! GIFs: 3D pictures become possible with two straight lines

                                                                                アニメGIFに縦線2本を入れるだけで3D化できることが話題に | Token Spoken
                                                                              • マーケティング素人のエンジニアが1年間マーケティングをやった際に読んだ本

                                                                                自分は外資コンサルのSI/業務側で5年、ソフトウェアエンジニアとして5年、マーケティング+経営領域で1年仕事をした(ソフトウェアエンジニアリングからマーケティングに移った経緯)。特にここ一年、今まで体系的に学習したことがないマーケティング領域で仕事をしており、とにかくわからない事だらけだった。バンドルカードというプロダクトを1から作っている為、ユーザーインタビュー/仮説立案/属性別リテンションレート/運用型広告等、めちゃくちゃ基礎的な部分に関してはソフトウェア書く人間ではあったがある程度学んではいたし、スタートアップという業界柄paulg、cdixon、sama、peterthiel, a16z、等が出力する良質なコンテンツは適宜読み込んではいた。(paulgのessayは多分全部読んでる) ただ、「マーケティング」という単語を出されると「それは…あの…具体的には一体なんですか?」という感

                                                                                • ミルクボーイがUIとUXの違いを説明したら|広野 萌

                                                                                  挨拶内海「どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね」 駒場「いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど」 内海「そうなんや」 駒場「その名前を忘れたらしいねん」 内海「IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン思考か、アジャイル開発か、リーンスタートアップやろ!」 駒場「俺もそう思ったんやけどちゃうらしくてな、いろいろ聞くんやけど、全然わからへんねん」 内海「そうなん?」 駒場「うん」 内海「ほんだら俺がね、おかんの好きなIT用語、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ」 定義駒場「おかんが言うには、製品やサービスとの関わりを通じて利用者が得る体験及びその印象の総体やって言うてた」 内海「

                                                                                    ミルクボーイがUIとUXの違いを説明したら|広野 萌