Designing mobile native first

One design technique that I've heard casually mentioned here at Automattic is to design the product or feature you're working on "native first", or better yet, "mobile native first". Mobile has been a priority at Automattic for several years now, and the mobile first approach has helped WordPress.com immensely. In addition to mobile first, we also … Continue reading Designing mobile native first

Thoughts on Compiled CSS Files in Git

An ongoing discussion about build tools in the Underscores GitHub repository reminded me of something that seems to come up a few times of over the life span of a project. CSS preprocessors, the best known being Sass and Less, have become essential resources that make managing complex stylesheets much easier. A common issue when … Continue reading Thoughts on Compiled CSS Files in Git

お客様への誠意

最近、私はWordPress.comにて中小企業主のお客様に向けての新しい一つの機能に取り組む機会を頂いた。まだその詳細については言えないが、鍵はこの機能を利用するお客様へ必要事項を通知するのと同時に、その機能を生かすサイトオーナーの成功を彼らと共に分かち合うことであった。 WordPress.comはブラウザー、アプリと共にプッシュ通知の機能はあるが、アプリの利用率まだ低いし、多くの中小企業主は毎日の仕事に追われ忙し炒めサイトのダッシュボードを頻繁に見る時間が無い。ただ単に頻繁に見るほど彼らにとってサイトが日々の中で優先事項で無い場合も多い。そこでこのUXにおいてEメールが重要な一部となる、それをデザインする過程でいくつか習ったことがあった。 まず最初に件名。件名が悪けばメールを開いてもくれない事になってしまうのだから明らかだ。もしコピーデザイナーと働ける仕事環境であれば是非一緒にとりかかってください。そして半分以上のメールがスマートフォンで開かれている今、メールをスマートフォンでもストレスなく利用できるデザインにすることを目標に。と言うのはそこが達成できれば、デスクトップでの体験も大概は上手くいくためです。そしてこれも明らかな事だが覚えておかなければならない事は、人は他にも沢山のメールを一日に受け取るという事。彼らにとってメールをチェックする事はタスクであり、沢山のメールを受け取る人ほど、個々のメールに費やす時間は短くなりがち。それに加え、スマートフォン上では左右にスワイプして次々とメールを開けるため、人はスクロールしないでメールの最下部まで注意して見ない場合が多い。そのため最も重要なCTAを可能な限りメールの上部に置くことが大事である。Webデザインにおいては、あの「Above the fold」(日本語で言う所のファーストヴュー)への盲信は結構落ち着いてきたが、スマートフォンを意識した上でEメールデザインではこれからも引き続き気をつけて行かなければなさそうだ。 プロダクトやUXをデザインする際、お客様の立場でデザインをすることが成功する一つの要因である事は明らかの事。しかし私は中小企業主ではないし、そしてこのリモートワークのため時間の融通もきき、大きなスクリーンの前で長い時間を過ごすことが多い。とてもこのデザインターゲットの生活とは違う。しかし多くのAutomatticのデザイナーがDetroitへ向かい中小企業主と直接会って、彼らの生活を理解し、共感した事を私に伝えてくれたお陰で大切なことを学んだ。プロダクト、UXは閉ざされたドアの後ろや、オフィスの中でデーターやデザイナーの推測だけを頼りにデザインされるべきでは無い。私たちは外に出てお客様と会い、彼等の生活に感情移入することから始めなければならない。

Reflections on theme retirements

For the past few weeks I’ve been gradually retiring themes from the WordPress.com showcase. Retirement may sound a bit dramatic, but it simply means a theme will be removed from our offerings, and new customers won’t be able to activate it on their sites. This way we can keep our theme collection fresh and make sure … Continue reading Reflections on theme retirements

Sending the right message with form validation

Error messages. Those little things everyone hates to see. As designers, we like to design the best possible experience for getting users through the task at hand. But it's our job to put as much consideration into error states as we do the success flow. Any error messages we show to users should provide helpful … Continue reading Sending the right message with form validation