10歳のこどもから学んだユーザビリティ向上のポイント
2015年9月8日 ユーザビリティ 夏休みの後半、原稿用紙15枚の自由研究に苦しめられていた姪っ子（10歳）を「楽しそうだな〜」と手伝っていました。そんな時「私も久しぶりに自由研究したい！」と思い、ちびっこが家にいることですし、最近のちびっこがWebサイトをどのように利用しているのか研究してみることにしました。という事で今回の記事は自由研究風に進めようと思います！ ↑私が10年以上利用している会計ソフト！ 調べたいこと 認知度の高いWebサイトを、小学生がどのように利用するのかを観察し、こども向けのWebサイトに必要なもの、Webサイトを制作するうえで注意すべき点を調べます。 予想 難しい漢字は読めないので読みとばす イラストやキャラクターなど、可愛いものに興味を示す 明るい色彩のサイトに興味を示す まだ習っていない漢字や難しい表現は読み飛ばし、自分の理解できるもののみにフォーカスしていく
ちょっとした手間で、デザインをちょっとよく見せる小ネタのまとめ
よいデザインとは、ちょっとしたことを積み重ねていくことが大切。 Webデザイン、カラー、PhotoshopやIllustratorなどのテクニックを磨く、デザインをちょっとよく見せる小ネタをDribbbleから紹介します。 画像: Girly Drop 複数のカラーから調和のとれたカラーパレットを作成 角丸パネルを重ねる時、それぞれの角丸をバランスよくする 円をよりくっきり見せる 滑らかなベジェ曲線を描く エレメントをくっきり美しく 斜めの線を使った小さいアイコンを作るこつ レイヤーパネルの設定をカスタマイズ 「ベベルとエンボス」より「シャドウ（内側）」がいい場合 曲線と直線を美しく手描きするこつ 複数のカラーから調和のとれたカラーパレットを作成 広範囲のコントラストをもつ複数のカラーから調和のとれたカラーパレットを作成します。
デザインのひきだし見せます！あるとうれしい！日本語フリーフォント7選 ｜ 箱庭 haconiwa｜女子クリエーターのためのライフスタイル作りマガジン
やさしい雰囲気で魅せたいときに使う日本語フォントたち こんにちは。Keinaです。 世界中には、数えきれないほどの欧文フォントがありますが、 日本語フォントは、まだまだ種類が少ないところ。。 みなさんも何かとデザインするときに悩むポイントではないでしょうか。 きょうは、最近発掘した、 あるとうれしい！日本語フリーフォント7選をご紹介！ 画像下のリンク先からダウンロードできます。 【かんじゅくゴシック】※個人・商用利用可能 少しラフで熟成された味わいとレトロな雰囲気が魅力のフォント。漢字もあり。 【ハンまるゴシック】※個人利用可能 半角サイズの丸ゴシック体。かなに合わせたアルファベット・数字・記号も収録。 漢字はありませんが、普通の丸ゴシックに合わせられます。 ※商用でご利用の場合は商用可のパッケージ版・ダウンロード版をご購入下さい。 【はれのそら明朝】※個人・商用利用可能 角丸ですっきりと
クラウドソーシングを使ってWebサービスを作った話 - toyoshiの日記
私が（ほとんど）プログラムなしでクラウドソーシングを使ってWebサービスを作った話を紹介します。 以前「土日で作るWebサービス入門 - toyoshi」という記事を書きましたが、今回書いたコードは20行ぐらいなので、さらに短い時間でWebサービス（というより便利サイト？）を作ることができました。 はじめに 私はWebサービスが好きで、会社を立ち上げて、請求管理サービスMisocaというのを運営しています。 サービスは順調にユーザー数を伸ばしていて嬉しいのですが、問題は私がコードを書かなくなったということです。Webサービスが好きで会社を立ち上げたのに、開発以外の仕事が忙しくてコードは他の人たちが書くようになってしまいました。 でもコードは書きたい！Webサービスを作りたい！でも仕事以外のことをしすぎて会社の成長が遅れてはだめだ。 そういった事情から、だったらせめてプログラムをせずに自分は
ユニークな見せ方や動きを実装したい時に使えそうなスクリプト 10 - NxWorld
他ではあまり見かけることのないユニークな見せ方や動きを実装したいとき、遊び心あるイースターエッグを仕込んでおきたいときなどに個人的に使えそうだなと思ったスクリプトをまとめてみました。 ブラウザやデバイスによっては実装できないものも幾つかあるのでその点は注意が必要ですが、いずれもそこまで難しい記述などもなく実装することができます。 窓に水滴がついていく様子を表現できる「rainyday.js」 とにかく実際に動いているデモを見てほしいのですが、雨が降って窓に水滴が徐々についていく様子をリアルに表現することができるスクリプトです。 水滴のサイズやついていくスピード、ぼかしや不透明度具合を調整することができます。 水面に滴が落ちているような感じを表現できる「Raindrops.js」 コンテンツやセクションの区切りなどを水面に見立て、そこに滴が落ちてきたようなエフェクトを実装できるjQueryプ
毎日センスある配色パターンを提供してくれるサイト「Color Hunt」 | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
ノンデザイナー必見！ 絶対に見ておきたいデザインスキルアップできる記事12選 - ICS MEDIA
弊社のスタッフはフロントエンドの開発にとどまらず、デザインを制作する機会も少なくありません。弊社に限らず、近年職種を問わずデザインを扱う機会が増えているように思います。しかし、コンテンツ要素が整理整列されていなかったりテキストのカーニングがされていなかったりと、基礎的なことができていないようなケースも多く見られます。基礎的な部分が押さえられていないと、野暮ったさや素人感が出てしまいイマイチな仕上がりになってしまいます。 今回はそういった方に是非読んでもらいたい記事を、すぐにでも実践できる内容を中心にピックアップしました。Webサイトやアプリケーションのデザインだけでなく、企画書やプレゼンテーション資料の作成などでも応用できるものなので、どなたでも覚えておいて損はないと思います。 フォント選び フォントの基本的な選び方 | Arch ▲フォントの系統から書体、ウェイトの選定方法まで、ユーザー
トラットリア シチリアーナ・ドンチッチョ (渋谷/イタリアン)
リクエスト予約希望条件をお店に申し込み、お店からの確定の連絡をもって、予約が成立します。 1 予約の申し込み ご希望の条件を当サイトよりご入力ください。 2 お店からのメール ご予約が承れるか、お店からの返信メールが届きます。 3 お店へ来店 予約が確定した場合、そのままお店へお越しください。
プログラミング初学者における泥臭さのはなし - ジーズアカデミー戦記
＊ 怪物 先日の勉強会のLTの中で一際注目を集めた発表者がいた。 「30代後半からはじめてもプログラムはできる」といった趣旨の内容で思わず胸が熱くなった。その人は今年のはじめ求職者支援訓練でJavaScriptに出会ったらしい。聞けばこれまでWeb系の仕事についていたわけでもなく、その時既に30代後半だったという。そこから約半年の間にドットインストールにあったサンプルゲームカスタマイズに始まり、オセロ・じゃんけん・タイピング・シューティング・将棋・花札・ブラックジャックなどを次々と制作、先日デザイナーとして企業採用が決まったそうだ。 さらにその途中でこの春から始まったジーズアカデミーというエンジニア養成学校に応募し合格・入学しているのだから、プログラムを始めたばかりというには情報感度も普通ではない。そしてスクールで毎週の課題として彼が作ってくるものも衝撃的なものばかりだった。課題の内容を超
Bootstrapよりキレイ！Googleのマテリアルデザインキット - ku-sukeのブログ
Bootstrapの見慣れた感というか、モック感から脱却しようとFoundationとかに手を出しかけてたのですが、Googleがだしてきたマテリアルデザインキットがすごく良かったので紹介します。 たとえば管理画面風のデザインはこれ ほかにもBootstrap風の上部メニューのデザイン（Android）もあったり コンポーネントと呼ばれる部品も充実しています。これ見るだけで色々できそうな気がしますね！ Blog風など幾つか提供されています。いまとあるサイドプロジェクトで簡易的な管理画面をつくろうとしてたのですが、早速活用していい感じに仕上げることが出来ました。 ダウンロードすると全テンプレートが含まれているので、コピペで組み合わせるだけでも結構いい感じに出来ます。Bootstrapに飽きてきたら、ぜひ使ってみてください。 www.getmdl.io
イラストを効果的に使用しているデザインがいい感じのサイト10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの藤田です。 先日、がっつりイラストを使用する案件を担当して以来、デザインにイラストを取り入れているサイトが気になっております。 図版を入れる箇所に写真を使用するのが困難だったり、写真を入れるとデザインが説明的になりすぎて雰囲気が薄れたりする場合に、イラストやアイコニックな表現を行うことはよくあります。 今回は、その表現方法が素敵だなと感じたサイトをまとめてみました。 イラストを効果的に使用しているサイト10選 写真を愉しむ家 &ima (アンド イマ) http://and-ima.jp/ トップページにて「STUDIO、LIVING、KITCHEN」の3つの機能訴求の補助としてイラストを使用しておりますが、こちらのイラストがあることで訴求対象が「子どものいる家族」であることが一目でわかるようになっております。 素敵です。 株式会社秋田屋 http://www.ak
全て無料！PhotoshopやIllustratorで使いたいパターン素材119選
関東地方も梅雨入りして早いもので約1ヵ月が経過。今年の関東近郊の梅雨明けは7月中旬と予想されています。つまりは、まもなく灼熱の季節「夏」が到来しようとしているわけですが、一足先にサマーシーズンに向けたデザインをご用意してみてはいかがでしょうか。 7月はレジャーシーズンということで、海水浴、夏休み、ビール、アイスクリーム……など、まさに夏らしいシーンやモチーフをふんだんに取り入れたパターン素材を中心にピックアップ！119個まとめて一挙にご紹介します。 デザインを切り替えるだけで、一気に気分を盛り上げてくれるはずです！ぜひ最後までチェックしてみてください。 夏シーズンに最適！無料パターン素材まとめ 1. Several fruit patterns in watercolor style http://www.freepik.com/free-vector/several-fruit-patt
GoogleのSEOに関する公式見解や学びが深まる資料10選を紹介
SEO対策をしていて最も歯痒いことと言えば、「正解がない」ということではないでしょうか。なぜなら、Googleは具体的な情報を公開しない上、公開したとしても曖昧な情報が多いからです。 以前に比べると公式での発表は多くなりましたが、それでも内容によっては推測の域を超えないような情報も多いです。 この記事では、これまでにGoogleが公式発表した、Web担当者必見のSEO関連資料や見解をまとめました。 目次 Googleが実現したいSEOとは？ Google検索サービス Google が掲げる 10 の事実 Search Console ヘルプ 検索エンジン最適化スターターガイド 検索エンジン最適化（SEO）クイック チェックシート ウェブマスター向けガイドライン Google developers スマートフォン向けウェブサイトの構築 Google検索エンジンに関する特許（日本語訳記事） ウ
Linuxのお困りごと、解決いたします WEBサーバー、メールサーバー、Pleskのお困りごと解決 | ITサポート・コンサル | ココナラ
※お申し込み前に、必ず事前にお問い合わせください。 ※1お申し込みごとに1件の問題とさせていただいております。複数の問い合わせはオプションもしくは複数お申し込みください。 どのような要件でお悩みなのか、明確にお伝えください。 ホスティングサービス運用経験10年以上の私がわかることであれば何でもアドバイスいたします。 お悩みに最適なWEBページの紹介や、実運用で発生したトラブルの対応・対策など、わかることはすべてアドバイスいたします。 特に、WEBサーバー(Apache)、メールサーバー(Postfix、qmail)、DB(MySQL)、DNSサーバーであれば大体のことはアドバイスできるかと思います。 特にPleskコントロールパネルに関しては10年来の付き合いで、大体のことはわかります。 ※実作業をご依頼される方には作業に合わせてオプションをご購入いただきます。 ホスティングサービス運用経
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://jp.techcrunch.com/2015/09/01/yappli-raised/
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ナチュラル・やさしい
最新動画PARK
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ごりゅご.com
