優れたWebサービスを作るために知っておきたい、UIを構成する5つの基礎的な要素 | Tokyo Otaku Mode Blog
悩み多きディレクターの皆様。 こんにちは。Tokyo Otaku Mode （以下TOM）ディレクターの青芝です。 Webサービスを考えるうえで、誰もが一度は頭を悩ませる UI （User Interface）。 User Interface（ユーザーインターフェイス）とは、ユーザーがWebサービスを利用するうえで直接操作する画面のことを指しますが、ひと言で「UI」と言っても、そこには文字や画像の見せ方、マウスのクリックや指のタッチに反応したときの動き、画面全体のレイアウトなど、さまざまな構成要素がかかわってきます。 それら一つひとつの性格や特徴を考慮し、しっかりと設計しておかなければ、使いやすいWebサービスを作ることはできません。今回は、WebサービスのUIを考える際に知っていると役立つ知識のなかから、基礎的な５つの要素を紹介していきます。 正しい文章構造について 人の感情を動かす色に
非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita
非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回使ったもの＋αを全てまとめてみました。 紹介するツールたちを駆使すれば、 非デザイナー＆デザインセンス0の私が、 1週間程度でこれくらいのアプリをリリースできるので、 他のエンジニアにも便利なツールがいっぱいあると思います。 Bootstrap系 Boots
櫻田潤 | インフォグラフィック・エディター
ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。
「クックパッドの良心」とも言われるユーザーファースト推進部 池田拓司氏が実現する“ブレない”サービスづくりとは - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
クックパッドのユーザーファースト推進部 部長でデザイナーの池田拓司さん。多摩美術大学を卒業後、ニフティに入社。その後、はてな を経て2012年にクックパッドへ入社しました。 社内のメンバーから、「新規事業が増える中で、クックパッドらしさを守る“クックパッドの良心”」と表される池田さん。彼が言語化し、社内外に対して守り抜く「クックパッドらしさ」とは。 生活に近いサービスをつくりたい デザイナーとして新卒入社したニフティで3年間働いた後、まだ当時10名ほどだった はてなに転職した池田さん。より生活に近いサービスをつくりたいという思いで、7年間勤めた はてなからクックパッドに転職しました。 2014年4月に「デザイン部」は名前を変え「ユーザーファースト推進部」に。社長直轄の部署であるため、お客様の声が経営陣にも届きやすい体制が出来ています。現在はデザイナーを中心とする8人のメンバーで構成されるチ
WebエンジニアのためのWebサービスデザイン実践講座
DeNA 社内勉強会に呼んでいただいて、お話させていただきました。 Reviewに登場していただいてるサービスはこちらです。 動く小説投稿サイト Denkinovel by @katryo さん http://denkinovel.com/ ご協力ありがとうございました( ˘ω˘)
ど素人でもプロ並みのチラシが作れてしまう…「Picky-Pics」がデザイナー殺しな件｜まだ仮想通貨持ってないの？
これはいいサービス！助かりますねー。 Picky-Pics（ピッキーピックス） チラシを簡単に作れてしまう 「Picky-Pics（ピッキーピックス）」はチラシや名刺をウェブ上でサクサク作れるウェブサービス。これさえあれば、Photoshopは要りません。デザインセンスも要りません。すばらしい！ 使い方は簡単。作りたい資料を選択して、デザインを選びます。 すると編集画面に移動します。あとは文字や背景を加工していくだけ。 素材は5万点近く用意されているそうです。 直感的に素材を追加できます。 各素材はドラッグすると移動します。簡単！ 編集画面の使い勝手もすばらしく、ピクセル数を合わせやすいガイド機能が実装されています。 フォントも豊富！これは嬉しいですねー。 出力は3パターン。ウェブページにもできるというのは嬉しいですね。 有料素材を使っている場合は、出力にあたって費用が発生します。この値段
Picky-Pics
Picky-Pics（ピッキーピックス）は誰でもプロ並みのデザインでポスターやチラシ、 プレゼン資料などが作れるオンラインデザインツールです。
AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
これで十分でしょ！ Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも！ アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で
ユーザー体験設計を軸にすすめるサービスデザイン
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
見ないと損する便利なデザイナー向けWebサービス13選 | SONICMOOV LAB
こんにちは。 緑のにおいが気持ち良い季節になってきましたね。3月4月は花粉で涙をボロボロ流しながら生活していたのですが、やっと思う存分散歩ができそうです。 さっそくですが、デザイナー・クリエイターのみなさんは、自分の作品やスキルをアピールするために普段どのようなツールを使っているでしょうか？ 現在さまざまなWebサービスが出ており、うまく利用できれば活動や交流の幅が広がるはず！ そう思って今回はクリエイター向けのサービスをいくつかまとめました。 目次 UIアニメーションのヒントに ちょっとしたアニメーションを作るときに参考にしています。動きを眺めるだけでも面白く、インスピレーションがわきます。 CAPPTIVATE.co iPhoneアプリのUIアニメーションをカテゴリ別に紹介しています。マウスオンでアニメーションが確認でき、アプリのデザインやUIアニメーションなど、アプリ開発に大変役立ち
１０秒以内に、ここ１年で見てきたデザインが出せますか？「Ember」活用まとめ
●１：集める時間を決めて習慣化 ●２：画像の収集と同時にタグ付けする ●３：自分らしい名前でタグ付け ●４：収集画像の良い部分を「要素分解」せよ ●５：デザインするとき、リラックスした自分を呼び戻すスイッチとしてスクラップを活用せよ ●６：失敗にセンサーを働かせよ
「自社開発より楽」、KDDIウェブJimdo事業部がマニュアルサービスTeachmeで属人化撤廃
KDDIウェブコミュニケーションズ（以下KDDIウェブ）でWebサイトの作成サービスを提供するJimdo事業部は、2013年末から順次社内向けの運営マニュアルをクラウドサービス「Teachme」に移行、刷新している（写真1）。Teachmeはベンチャー企業のスタディストが開発・提供する業務手順書の作成・共有に特化したサービス。スマートフォンのカメラを活用し、写真とテキストで誰もが統一的なマニュアルを作成できる（関連記事）。現在、ベンチャー企業が開発・提供する特定業務のためのBtoB向けクラウドサービスが続々と登場しているが、そうしたサービスが大手企業の部門や中小企業といった単位で利用され始めていることを示す事例である。
より美しいプレゼン資料を共有しよう。オンラインプレゼンツール7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。マラガの海の贈り物セコです。 以前ライターの村上さんが「効果的に魅せる！プレゼンするなら抑えておきたい3つの基本テクニック」という記事の中で、「便利でカッコイイプレゼンテーション作成サービスも活用しよう」という事でブラウザ上で本格的なプレゼンテーションが作成・共有できるサービス「Slid.es」を紹介してました。 そこで本日は「Slid.es」のようなオンラインでかっこいいプレゼン資料を作成できるサービスをご紹介させて頂きます。 SlideShare SlideShare 最も有名かと思われるスライドショーツールです。パワーポイントのデータをアップして共有するという使い方が多いと思います。非常にシンプルなサービスですが音声ファイルとの同期も出来るため音声入りスライドショーの作成も可能です。 sliderocket sliderocket 写真や動画の挿入、グラフの作成はもちろん
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
ものの数分でクオリティの高いロゴが作成できるサービス「Logo Garden」 : 二十歳街道まっしぐら
Logo Gardenはウェブ上で簡単にロゴが作れるサイトです。 ロゴを作るだけでなく、作ったロゴを入れた名刺やTシャツも作ることができます。 作ったロゴは無料でダウンロード可能（ちょっと小さいけど）。 どういうロゴを作ろうかなぁと考える際にも使えそうです。 以下に使ってみた様子を載せておきます。 まず「Logo Garden」にアクセスしましょう。 まずどういったジャンルのロゴかを選びます。 次にロゴに使いたいイメージを選択します。 たくさん種類があるのでじっくり選んでみましょう。 あとは色や文字を入れて微調整をしたら完成。 その後、ロゴをJPG画像としてダウンロードできますよ。 さらに、ロゴを使った色々なアイテムも作れるみたいです。（有料ですが） ロゴ作成の際にぜひご活用ください。
最近話題になったイケてるWebサービス・アプリ11選（2013年7月編）
こんにちは。 もうすぐ8月ということで、7月中に話題になったwebサービスやアプリを11個ほどご紹介します。 IFTTT IFTTTとは、Webサービスやアプリのアクションを連携させて一連の処理にしてしまうサービスです。 「もし明日が雨だったらGmailにメールを送る」といったことも可能です。サービスの名称は「If this, then that（これをすれば、あれをする）」を略したもの。たとえばスマートフォンでとった写真を自動的にDropboxにアップロード、ブログへ投稿すると自動的にツイートする設定などなど考えられるレシピは無限大。 自分でレシピを投稿したり、他ユーザーの作成したレシピを見ることもできます。エンジニア思考っぽいのサービスですが、どんどん私生活の一部分としてに入り込んできそうですね。 SUVACO（スバコ） ソーシャル・ホームデザイン・サイトです。 家づくり・インテリアに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
