実用編

実用編に関する記事は、17件あります。

実際に取り組む視点で、できるだけ具体例をあげて、実用に耐え得る情報を載せていきます。

EFO(入力フォーム最適化)について考えてみる

EFO(Entry Form Optimization)は、入力フォームを最適化することですが、EFOの施策をやるかどうかで、入力フォームの離脱率を改善すること・・・

実用編

サービスを提供する際の心構え

タイトル 伝わるWebライティング 著者 Nicole Fenton (著), Kate Kiefer Lee (著), 遠藤 康子 (翻訳)・・・

実用編

ジャーニー・マップ

カスタマージャーニーマップ、エクスペリエンスジャーニーマップ、ユーザージャーニーマップ、ジャーニーマッピング、そんな調査法について、まとめてみます。文面はほぼ・・・

実用編

カードソーティング

リサーチ手法のひとつ、カードソーティングについて、まとめてみます。 まず大別して3種類ある。 クローズド・カードソート オープン・カードソート デルファイ・カ・・・

実用編

ヒアリングのポイント

文章力以上に重要なのが事前のヒアリング コンテンツの原稿が用意されずに書き起こしをしなければならない場合、内容・表現の「正解」を知らないまま、単に用意された資料・・・

実用編

ヒアリングの前にクライアントに準備してもらうこと2

1.社内要件の取りまとめをしてもらう 決済、社内の関係者に要件、注意点、実施希望要項、社内体制・文化(ひとつの物事を決定するのにどのくらいの時間、フローが必要か・・・

実用編

提案書に盛り込む内容

クライアント名 決定責任者、プロジェクト担当者、プレゼン担当者、システム管理者 プロジェクト名 機密に関わる場合はコードネーム プロジェクトの内容 企(企画を説・・・

実用編

ユーザビリティチェック(ケータイサイト編)

よいケータイサイトの要素・特徴 トップ画像 訪問者像が分かるデザイン(デザインとサイト内容のマッチング性、視認性) 定期的にデザイン更新されている Fla・・・

実用編

ヒアリングの前の準備(既存サイトがある場合)

基本チェック項目 ユーザビリティ ビジュアルデザイン サービス内容の把握 プロモーション状況チェック項目 SEO対策(便利ツール紹介) リスティングリステ・・・

実用編

ヒアリングの前にクライアントに準備してもらうこと1

ヒアリング時点で「ターゲットは?」と問うと結局のところ「利益につながるすべて」とターゲットを絞れない返答は多い。 「ターゲットは誰ですか?」という質問の前に 自・・・

実用編

ユーザビリティチェック

詳細コンテンツ関連 製品利用の動機を固められるコンテンツの提供 説得力ある情報を提供しているか? 製品の魅力を伝えるコンテンツか? 安定した使用感を得られ・・・

実用編

Webクリエイターが必要な営業スキル

営業は集客された見込み客の疑問点を解消し、条件を設定し契約書を交わすところを行う立場 必要な営業スキルは? 交渉力 お客様の要望とこちら側の条件をまとめる ク・・・

実用編

スタイルガイド(ガイドライン)

カラーコード フォントの種類 サイズ 領域のピクセル数 これはhtmlコーダーや品質チェック担当が必要であり、納品後に必要になることはほとんどない。 なぜ、・・・

実用編

デザインカンプ

コンテンツマップ ディレクトリマップ ディレクトリ構造設計指針 重要なのはディレクトリ名称 URIを大切に 盛り込む内容 ページの中の役割 ワイヤーフ・・・

実用編

アクセシビリティとユーザビリティ

Webアクセシビリティ 「できるだけ多くの人へ情報を正しく伝えるため」 「より多くのユーザーがWebコンテンツを利用できるようにすること」 「見やすい」 「音声・・・

実用編

納品時

制作したファイル一式と運営のためのルールをセットで サンプル テキスト更新時にWebサイト制作ソフトを使用する場合の注意点 Dreamweaver、ホームページ・・・

実用編

契約方法

設計、制作、運用のそれぞれで契約(納品、検収)を結ぶ プロジェクトで行うことと納品物の例 内容詳細 御社データ資料の確認 ヒアリング サービスの体験 ・・・

実用編

最近の記事

GulpでERRが出てテンパった → gyp: No Xcode or CLT version detected! → PostCSS plugin autoprefixer requires PostCSS 8

Gulp。いつもは正常に動いている環境をそのままコピーして再利用するようにしている。そうすることで、案件ごとに毎回環境作りをする手間を省くことができ、何よりG・・・

制作効率化

ビジネス前提ワークシート

書籍「LEAN UX リーン思考によるユーザエクスペリエンス・デザイン」から抜粋。 「前提の宣言」「MVPの作成」「実験の実行」「フィードバックとリサー・・・

知識編

リーン思考のUXデザイン

LEAN UX は、コラボレーションと部門/領域横断的な手法によって、製品の本質を素早く明らかにするための実践的手法であり、これによって文書への過度な依存を減・・・

知識編

ES6(ES2015)の主な変更点

オブジェクト指向 クラス定義 JavaScriptは厳密にはクラスがない、プロトタイプベースのオブジェクト指向言語。ES6でclass構文が導入さ・・・

JavaScript

JavaScriptスタイルガイド

書籍「メンテナブルJavaScript」と Google JavaScript Style Guide 和訳 を参考に自分なりのJavaScriptスタイルガ・・・

JavaScript

投稿を公開したときに指定したページにアクセスする

この記事では「管理画面で投稿やカスタム投稿の公開ステータスを更新したときに何かしらの処理をする」方法の備忘録です。 functions.php を修正し・・・

WordPress

ローカルフォントをWebフォント指定する

Google Fonts はとても便利だが、適用するまでの遅延が気になったので、同様の効果をローカルにあるフォントを利用して実現させる。 事前に用意する・・・

CSS

[ソフト] Web font用のwoff、woff2にフォントを変換する無料サービス

WOFFコンバータ ダウンロードhttps://opentype.jp/woffconv.htm 以下、リンク先の「概要」を抜粋。 フォント・・・

CSS

JSON

JSON.parse() 配列とオブジェクトのリテラル記法を組み合わせた文字列をデータとして取り扱えるようにする。 // JSONデータ let ・・・

JavaScript

いろいろな判定

真の場合。偽の場合は、!== を使う。 プリミティブ値の判定 文字列の判定 if (typeof a === 'string') {} ・・・

JavaScript

人気の記事

iframeの高さを自動調整する

iframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を表示させます。 サンプル:iframeの高さを自動調整するデモ・・・

JavaScript

http://localhost:8888/ → http://localhost/

http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M・・・

MAMP

overflowをautoにした要素のスクロール位置を変更する → scrollTop scrollLeft

まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素のスクロ・・・

JavaScript

WP_Queryを使って絞り込み検索するのにコレは便利!

めっちゃ参考になるページを見つけた。 絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。 参考: これは便利!Word・・・

WordPress

イラストレーターでレイヤーごとにPNGで書き出す

【2020年07月13日】 macOS Catalina(10.15.5) / Adobe iLLustrator 2020(24.2.1) にて動作確認済・・・

Illustorator

Advanced Custom Fields を使った条件分岐(セレクトボックス、チェックボックス、ラジオボタン、真偽)のテンプレート記述方法

前回、「入力フォームを自由にカスタマイズできる「Advanced Custom Fields」」で基本的なフィールド名を出力方法を紹介したが、今度は条件分岐に関・・・

WordPress

アーカイブページでカスタムフィールドやタクソノミーで絞り込みした状態でリスト表示する

<?php $args = array( 'paged' => 1, 'posts_per_page' => 20, 'post・・・

WordPress

WordPressのカテゴリー一覧ページでカテゴリー名とスラッグを取得する → get_queried_object()

やりたいこと カテゴリー一覧ページで、そのカテゴリー一覧ページに属する記事一覧を取得するためにループさせるのとは別に、タイトルやカテゴリー別にデザインを変・・・

WordPress

管理画面のカスタム投稿一覧で並び順を変更する

WordPressの管理画面。「投稿」や「固定ページ」の一覧は、公開日順に並んでいる。ところが、カスタム投稿を追加した場合、公開順ではなく名前順に並んでいること・・・

WordPress

カウントアップ、カウントダウンするJavaScript

ポイントを使ったり、増やしたりしたときに、結果のポイント数に差し替えるのではなくて、カウントアップしたり、カウントダウンして動的に動かそうと思って作ってみた。・・・

JavaScript

WEB制作WEB設計実用編