リリース前の確認事項
見た目
同じ意味を持つ要素は同じ見た目を持つ
文字色・背景色
線幅・線の色
フォント
高さ・幅
マージン
パディング
など…
グリッドに沿っている
要素が凸凹していない
不自然なパディングが存在しない
動き
アニメーションがおかしくない
あらゆる状態で確認する
ログイン前・ログイン後
無料版・有料版
個人版・法人版
日本語版・英語版
無に着目する
何もないはずのところには何もないことを確認
クリックしたら隠したはずのボタンが機能してしまうなんてことがある
意味のない要素が残ってないことを確認
何かが起きそうと見せかけて何も起きないアイコンやボタンは消す
言葉
ワーディングの揺らぎを直す
例:imagesとphotosとpicturesで揺らいでいたらどれかに統一する
英語版では自然な表記を心がける
基本的には文頭のみ大文字
例:Do SomethingになっていたらDo somethingにする
ネイティブスピーカーの同僚に聞いたところ、先頭大文字続きだと人名(Jane Doeとか)に見えるらしい
助詞は先頭小文字
例:Anything For SomethingになっていたらAnything for somethingにする
例:特定言語で値を追加し忘れて、i18nのキーが見えてしまっている
例:テキストがハードコーディングで、英語環境なのに日本語が見えてる
あらゆる操作をしてみる
クリック
ダブルクリック
スクロール
キー入力
ホバー
そもそも
機能が壊れてる
コンソールを開くとエラーが出ている