CSS Nite LP66 「デザイントレンド特別版」に出演します

2020年1月18日(土)に東京で開催されるCSS Nite LP66 「デザイントレンド特別版」に出演いたします。

CSS Niteでは毎年年末にShift 「ウェブデザイン行く時代来る時代」のような、その年のウェブシーンを振り返るイベントがあり、今年で13回目となります。 その中のセッションの1つである「Webデザイントレンド」にShift5からShift11(2011年から2017年)までの7年間出演させていただいておりました(大阪版は2012年から継続出演中)。

今回、特別版が開催されるということで、2年ぶりにお声掛けいただきました。ありがとうございます。

Webデザイントレンドって?

そもそもこのWebデザイントレンドですが、海外Webサイトのデザイントレンド、グローバル企業、日本の上場企業、自治体などのウェブサイトのうち、リニューアルされたものから、注目すべきWebサイトを紹介するという内容になります。

どのように紹介サイトを選定しているのかという質問を受けるのですが、出演者がほぼすべてのサイトを目視で確認してコメントを付け、取り上げるかどうかを決めています。 最前線でずっとウェブデザイントレンドを続けている原一浩さんと矢野りんさんの視点は、同じ出演者としても勉強になることばかりです。

配色の話は最近ほとんどしていませんが何を話すんですか?

私の場合は、最初に参加した頃は配色という視点でウェブサイトを語ることが多かったのですが、スマートフォンサイトが一般化してからは、あまり色について触れなくなりました。

これはスマートフォンで表示される画面が小さく、色がどう印象づけられているかよりも、写真の出来やコピー・文章をいかに上手く見せられるかという機能的な側面が強くなってきたからです。正直なところ、スクロールしてしまえば写真と数行のテキストしか見えず、サイトのテーマからなどはどこにも見えなくなってしまいます。

もちろんサイトによっては、ビジュアル面・ブランディング面を考慮した色の使い方も求められているのですが、各サイトに最適化されたものが求められるようになっていて、トレンドというものではありません。

他人のプロセスや思考を邪推する

ではここ数年は何を考えてサイトを選んでいるかというと、リニューアルが行われる至った思考やプロセスが理解できる・適切であるかどうかだったりします。

例えば昨年の大阪版では自治体の1位として富田林市のサイトを選定しました。

PCサイズで見ると左側に画面の上から下までをカバーするサイドバーがあり、いわゆるヘッダーがありません。ここ数年で比較的多く見られるようになったデザインです。

ただここで注目したのは一番左下の「とっぴーに質問する」というチャットボットが起動するボタンです。

自治体サイトは観光やその地域の情報発信という側面と、住民のための災害情報や手続きについての案内という2つの大きな側面があります。これを今までのサイトでは「サイト内検索」や適切な階層と情報の整理によって解決していたのですが、繰り返し尋ねられるような住民票や税金・ごみなどについての情報が取得しやすくなっています。

きちんとした応答を作るにはそれなりの手間・工数が掛かるはずですが、このような自治体サイトでは、同じ質問が繰り返されることも多いはずですので、非常に効率のよいチャットボットの導入だと思います。また回答できる内容もアップデートされているようで、かなり細かい問題にも対応できるようになってるようです。

特にLINEなどに慣れたスマホユーザー層には非常に使いやすいのではないでしょうか。

また自治体以外のサイト(つまり民間)のリニューアルで思い切ったデザイン・コピーになっている場合には、その会社のできごとや株価などもチェックするようにしています。リニューアルと会社の業績にはある程度関連があるというのが長年の感覚でわかってきましたので、サイトだけでは見えないバックグラウンドもお話するようにしています。

もちろん私が制作を担当しているわけではないので、ただの推測(邪推と呼んでください)でしかないわけですが、そのようなプロセスを考えることはデザインにおいては、実は一番重要なことだと考えており、そのような視点からおもしろそうなサイトを選ぶようにしています。

特別版はいろいろと特別

今回の特別版は都内では4年ぶりとのことです。Shiftではだいたい50~60分のセッションなのですが、特別版では自治体編も合わせて、約2倍の時間が取られていますので、時間の都合でお見せできない・お話できないサイトについても触れることができます。また1つのサイトを少し掘り下げることもできるはずですので、出演者のより多様な意見を聞くことができます。

上場企業・グローバルサイト・世界の大学サイト編では、レギュラーの カンソクインダストリーズの原一浩さん、バイドゥの矢野りんさんに坂本を加えた3名で、自治体編は原さんと毎年自治体サイトWebアクセシビリティ調査を発表しているユニバーサルワークスの清家順さんに坂本を加えた3名でお届けします。

自治体編が単独のセッションで開催されるのは2016年以来ということですが、清家さんと坂本の共演は2013年の静岡で開催されたWebデザイントレンド以来にとなりますので、こちらも非常に楽しみにしています。

それに加え、サイバーエージェントの松本俊介さん、内田達也さんによる「VODにおけるUIデザインとトレンド」も行われます。動画コンテンツは5Gによってますます盛んになると思われますので、AbemaTVのUIを担当されている方が、どのように考えてUIを設計しているのか非常に興味があるところです。

大阪版は毎年開催していますが、都内での特別版ということで、私自身非常に楽しみにしておりますので、もしお時間があるようでしたら、ぜひご参加ください。

「デザイントレンド特別版」に申し込む

また原さんが特別版についてのブログ記事をいくつか公開されていますので、そちらもぜひご覧ください。



グローバル変数

global varsvalues
%{BID}2
%{UID}
%{CID}43
%{EID}717
%{RID}
%{RVID}
%{UTID}
%{CMID}
%{TBID}
%{KEYWORD}
%{TAG}
%{FIELD}
%{DATE}
%{START}1000-01-01 00:00:00
%{END}9999-12-31 23:59:59
%{PAGE}1
%{ORDER}
%{QUERY}
%{QOL}?
%{ADMIN}
%{IS_ADMIN}0
%{ADMIN_PATH}
%{ADMIN_PATH_MID}
%{MID}
%{MODULE_ID}
%{MODULE_NAME}
%{STYLEGUIDE_PAGE}acms-admin
%{GETTEXT_TYPE}user
%{BCD}blog
%{UCD}
%{CCD}news
%{ECD}cssnite-lp66.html
%{BLOG_NAME}ブログ
%{USER_NAME}
%{CATEGORY_NAME}お知らせ
%{ENTRY_TITLE}CSS Nite LP66 「デザイントレンド特別版」に出演します
%{RULE_NAME}
%{CONFIG_SET_NAME}共通の設定
%{THEME_SET_NAME}ブログテーマ
%{EDITOR_SET_NAME}編集の基本設定
%{RCID}43
%{PCID}
%{RCCD}news
%{PCCD}
%{ROOT_CATEGORY_NAME}お知らせ
%{PARENT_CATEGORY_NAME}
%{RBID}1
%{PBID}1
%{RBCD}
%{PBCD}
%{ROOT_BLOG_NAME}フォルトゥナ
%{PARENT_BLOG_NAME}フォルトゥナ
%{ALIAD_ID}
%{ALIAS_ID}
%{ALIAS_DOMAIN}
%{ALIAS_CODE}
%{ALIAS_NAME}
%{CHARSET}UTF-8
%{META_KEYWORDS}
%{META_DESCRIPTION}
%{NOW_DATE}2024-10-11
%{NOW_TIME}01:32:09
%{BLOG_THEME_COLOR}#559655
%{BLOG_THEME_CONTRAST_COLOR}#ffffff
%{VERSION}3.1.22
%{SNAME}sid
%{SID}
%{SESSION_USER_ID}
%{SESSION_BLOG_ID}
%{MAX_PUBLISHES}15
%{ROOT_TPL}/themes/blog@base/_entry.html
%{ROOT_TPL_NAME}_entry
%{ROOT_DIR}/
%{DOCUMENT_ROOT}/
%{THEMES_DIR}/themes/
%{JS_DIR}/js/
%{JS_LIB_DIR}/js/library/
%{JS_LIB_JQUERY_DIR}/js/library/jquery/
%{JS_LIB_JQUERY_DIR_VERSION}3.6.1
%{LOGIN_SEGMENT}login
%{ADMIN_RESET_PASSWORD_SEGMENT}admin-reset-password
%{ADMIN_RESET_PASSWORD_AUTH_SEGMENT}admin-reset-password-auth
%{ADMIN_TFA_RECOVERY_SEGMENT}admin-tfa-recovery
%{SIGNIN_SEGMENT}signin
%{SIGNUP_SEGMENT}signup
%{RESET_PASSWORD_SEGMENT}reset-password
%{RESET_PASSWORD_AUTH_SEGMENT}reset-password-auth
%{TFA_RECOVERY_SEGMENT}tfa-recovery
%{PROFILE_UPDATE_SEGMENT}mypage/update-profile
%{PASSWORD_UPDATE_SEGMENT}mypage/update-password
%{EMAIL_UPDATE_SEGMENT}mypage/update-email
%{TFA_UPDATE_SEGMENT}mypage/update-tfa
%{WITHDRAWAL_SEGMENT}mypage/withdrawal
%{SYSTEM_THEMES_DIR}/themes/system/
%{CURRENT_THEMES_DIR}/themes/blog@base/
%{ARCHIVES_DIR}/archives/
%{MEDIA_ARCHIVES_DIR}/media/
%{MEDIA_STORAGE_DIR}storage/
%{BID_ARCHIVES_DIR}/archives/002/
%{YM_ARCHIVES_DIR}/archives/002/202410/
%{ARCHIVES_DIR_TEMP}/archives/temp/
%{ARCHIVES_CACHE_SERVER}
%{HTTP_THEMES_DIR}https://www.color-fortuna.com/themes/
%{HTTP_CURRENT_THEMES_DIR}https://www.color-fortuna.com/themes/blog@base/
%{HTTP_ARCHIVES_DIR}https://www.color-fortuna.com/archives/
%{HTTP_MEDIA_ARCHIVES_DIR}https://www.color-fortuna.com/media/
%{HTTP_ARCHIVES_DIR_TEMP}https://www.color-fortuna.com/archives/temp/
%{HTTP_BID_ARCHIVES_DIR}https://www.color-fortuna.com/archives/002/
%{HTTP_YM_ARCHIVES_DIR}https://www.color-fortuna.com/archives/002/202410/
%{HTTP_REQUEST_URL}https://www.color-fortuna.com/blog/news/cssnite-lp66.html
%{IMAGES_DIR}/themes/system/images/
%{SCRIPT_ROOT}/
%{REWRITE_OFFSET}/
%{HTTP_ROOT}https://www.color-fortuna.com/
%{DOMAIN}www.color-fortuna.com
%{DOMAIN_ROOT}www.color-fortuna.com
%{HTTP_HOST}www.color-fortuna.com
%{BASE_URL}http://www.color-fortuna.com/blog/
%{ADMIN_BASE_URL}https://www.color-fortuna.com/
%{BLOG_URL}https://www.color-fortuna.com/blog/
%{ROOT_BLOG_URL}https://www.color-fortuna.com/
%{PARENT_BLOG_URL}https://www.color-fortuna.com/
%{CATEGORY_URL}https://www.color-fortuna.com/blog/news/
%{ROOT_CATEGORY_URL}https://www.color-fortuna.com/blog/news/
%{PARENT_CATEGORY_URL}https://www.color-fortuna.com/blog/
%{CANONICAL_URL}https://www.color-fortuna.com/blog/news/cssnite-lp66.html
%{ENTRY_URL}https://www.color-fortuna.com/blog/news/cssnite-lp66.html
%{PERMALINK}https://www.color-fortuna.com/blog/news/cssnite-lp66.html
%{INHERLINK}https://www.color-fortuna.com/blog/news/cssnite-lp66.html
%{CURRENT_URL}https://www.color-fortuna.com/blog/news/cssnite-lp66.html
%{HOME_URL}https://www.color-fortuna.com/
%{BASE_ACMS_PATH}blog/
%{ACMS_PATH_BASE}blog/
%{SCRIPT_DIR}/home/kyunitan/color-fortuna.com/public_html/
%{CURRENT_ROOT}/blog/news/cssnite-lp66.html
%{REQUEST_PATH}/blog/news/cssnite-lp66.html
%{REQUEST_DIRNAME}/blog/news
%{MODULE}
%{VALID_ID_REGEX}@^[a-zA-Z0-9_-]+$@
%{REGEX_VALID_ID}@^[a-zA-Z0-9_-]+$@
%{REGEX_VALID_PASSWD}@^[!-~]+$@
%{CATEGORY_EXISTS}1
%{CATEGORY_LEVEL}1
%{VIEW}entry
%{UA}CCBot/2.0 (https://commoncrawl.org/faq/)
%{CH_UA}
%{CH_UA_MOBILE}0
%{CH_UA_PLATFORM}
%{UA_GROUP}PC
%{REMOTE_ADDR}3.238.82.77
%{MAINTENANCE_MODE}
%{PROTOCOL}https
%{BLOG_CODE}blog
%{USER_CODE}
%{CATEGORY_CODE}news
%{ENTRY_CODE}cssnite-lp66.html
%{BLOG_ID}2
%{USER_ID}
%{CATEGORY_ID}43
%{ENTRY_ID}717
%{SUID}
%{SBID}
%{SESSION_USER_AUTH}
%{SESSION_USER_NAME}
%{SESSION_USER_CODE}
%{SESSION_USER_MAIL}
%{SEARCH_ENGINE_KEYWORD}
%{MAIL_MAGAZINE_FROM}info@example.com
%{MAIL_TRACKBACK_FROM}
%{MAIL_COMMENT_FROM}info@example.com
%{MAIL_REMIND_FROM}
%{MAIL_SUBSCRIBE_FROM}info@example.com
%{MAIL_SUBSCRIBE_ADMIN_FROM}info@example.com
%{PHP_FILE_MAX_SIZE}30M
%{PHP_POST_MAX_SIZE}30M
%{MEDIA_LIBRARY}on
%{IS_DEVELOPMENT}off
%{IS_TRIAL}off
%{TRIAL_COUNT_DOWN}0
%{IS_SUBSCRIPTION}off
%{SUBSCRIPTION_PLAN}
%{UNLICENSED_REASON}
%{SUBSCRIPTION_PAYMENT}
%{ACTIVATION_ENDPOINT}https://mypage.a-blogcms.jp/api/activation
%{GOOGLE_API_KEY}
%{PREVIEW_DEFAULT_DEVICE}iPhone 6/7/8
%{PREVIEW_HAS_HISTORY_DEVICE}
%{APPROVAL_PREVIEW_DEFAULT_DEVICE}iPhone 6/7/8
%{APPROVAL_PREVIEW_HAS_HISTORY_DEVICE}
%{TIMEMACHINE_PREVIEW_DEFAULT_DEVICE}PC
%{TIMEMACHINE_PREVIEW_HAS_HISTORY_DEVICE}
%{d}11
%{D}Fri
%{j}11
%{l}Friday
%{N}5
%{S}th
%{w}5
%{z}284
%{W}41
%{F}October
%{m}10
%{M}Oct
%{n}10
%{t}31
%{L}1
%{o}2024
%{Y}2024
%{y}24
%{a}am
%{A}AM
%{B}730
%{g}1
%{G}1
%{h}01
%{H}01
%{i}32
%{s}09
%{u}000000
%{e}Asia/Tokyo
%{I}0
%{O}+0900
%{P}+09:00
%{T}JST
%{Z}32400
%{c}2024-10-11T01:32:09+09:00
%{r}Fri, 11 Oct 2024 01:32:09 +0900
%{U}1728577929

モジュール処理時間

moduleidentifierrun timesql
Entry_Body0.0201410
Entry_ListentryList0.011895
Ogp0.0109815
Category_ListcategoryList0.0092710
NavigationglobalNavi0.006071
NavigationglobalNavi0.006041
Blog_FieldtopBlog0.004644
TopicpathtopicPath0.004455
TopicpathtopicPath0.004355
Blog_FieldtopBlog0.003643
Blog_FieldtopBlog0.003573
Blog_FieldtopBlog0.003553
Blog_FieldtopBLog0.003451
Blog_FieldtopBlog0.00343
Entry_Field0.002742
Topicpathtopicpath0.00263
Touch_Unlogin0.002260
Entry_Field0.001961
Blog_FieldtopBLog0.00162
Entry_Field0.001551
Form2_Unit0.001450
Form2_Unit0.001440
Form0.001231
Form2_Unit0.000771
Js0.000360
Field_Search0.000240
Form2_Unit0.000230
Admin_Entry_Add0.000220
Touch_EditInplace0.000150
Touch_NotEntry0.000150
Tag_Filter0.000140
Touch_Tag0.000140
Touch_NotPreview0.000130
Touch_NotTag0.000130
Touch_Debug0.000120
Touch_Entry0.000120
Touch_Index0.000120
Touch_NotAdmin0.000120
Touch_SessionWithAdministration0.000120
Touch_sessionWithApprovalAdministrator0.000120
Touch_HigherLicense0.000110
Touch_NotApprovalORsessionWithApprovalAdministrator0.000110
Touch_NotPreview0.000110
Touch_SessionWithAdministration0.000110
Touch_SessionWithContribution0.000110
Touch_Category0.00010
Touch_Edit0.00010
Touch_GeolocationEntryFunction0.00010
Touch_Keyword0.00010
Touch_NotCategory0.00010
Touch_NotEdit0.00010
Touch_Admin9.0E-50
Touch_Approval9.0E-50
Touch_ApprovalEditVersion9.0E-50
Touch_Benchmark9.0E-50
Touch_EditDirect9.0E-50
Touch_Entry9.0E-50
Touch_Entry9.0E-50
Touch_Form29.0E-50
Touch_MailMagazineEnable9.0E-50
Touch_NotApprovalEditVersion9.0E-50
Touch_NotEditDirect9.0E-50
Touch_NotEditInplace9.0E-50
Touch_NotTimemachineMode9.0E-50
Touch_NotsessionWithApprovalAdministrator9.0E-50
Touch_RelatedEntryFunction9.0E-50
Touch_SessionWithCompilation9.0E-50
Touch_SessionWithContribution9.0E-50
Touch_SessionWithContribution9.0E-50
Touch_SubCategoryFunction9.0E-50
Touch_Top9.0E-50
Touch_Version9.0E-50
Touch_GeolocationEntryFunction8.0E-50
Touch_Login8.0E-50
Touch_NotPreview8.0E-50
Touch_SessionWithContribution8.0E-50
Touch_Edit7.0E-50
Touch_NotEntry7.0E-50
Touch_NotEntry7.0E-50
Touch_Admin6.0E-50
Touch_Entry6.0E-50
Touch_NotAdmin6.0E-50
Touch_NotApprovalORsessionWithApprovalAdministrator6.0E-50
Touch_NotEdit6.0E-50
Touch_NotEdit6.0E-50
Touch_NotEdit6.0E-50
Touch_NotPreview6.0E-50
Touch_NotPreview6.0E-50
Touch_NotPreview6.0E-50
Touch_NotPreview6.0E-50
Touch_NotPreview6.0E-50
Touch_RelatedEntryFunction6.0E-50
Touch_SessionWithAdministration6.0E-50
Touch_SessionWithAdministration6.0E-50
Touch_SessionWithAdministration6.0E-50
Touch_SessionWithAdministration6.0E-50
Touch_SessionWithContribution6.0E-50
Touch_SessionWithContribution6.0E-50
Touch_SessionWithContribution6.0E-50
Touch_SessionWithContribution6.0E-50
Touch_SubCategoryFunction6.0E-50
Touch_Tag6.0E-50
Touch_Version6.0E-50
Touch_sessionWithApprovalAdministrator6.0E-50
Touch_Admin5.0E-50
Touch_EditInplace5.0E-50
Touch_Entry5.0E-50
Touch_Entry5.0E-50
Touch_Entry5.0E-50
Touch_Entry5.0E-50
Touch_SessionWithContribution5.0E-50
Touch_Unlogin5.0E-50
Touch_Unlogin5.0E-50
MODULE TOTAL TIME0.1211780
BOOT TOTAL TIME0.16684
BUILD TOTAL TIME0.17594
REWRITE PATH TOTAL TIME0.01134
PROCCESS TIME0.582703

テンプレート

template
themes/base/include/head/meta.html
themes/base/include/head/robots.html
themes/base/include/head/link.html
themes/base/include/head/js.html
themes/base/include/head/structured-data.html
themes/base/include/body-start.html
themes/base/include/header.html
themes/base/include/header/dynamicGlobalNavi.html
themes/system/admin/module/setting.html
themes/blog@base/include/header/page-title.html
themes/base/include/header/topicpath.html
themes/system/admin/action.html
themes/system/include/check-seo.html
themes/base/include/footer.html
themes/base/include/body-end.html
themes/base/include/module/tag/filter.html
themes/base/include/module/entry/bodyNoDate.html
themes/system/admin/entry/revision-info.html
themes/system/admin/entry/title.html
themes/system/include/unit.html
themes/base/include/unit/tag-select.html
themes/system/include/gmaps-error.html
themes/base/include/unit/custom.html
themes/base/include/unit/extend.html
themes/base/include/module/entry/continue.html
themes/base/include/form/unit.html
themes/base/include/form/input.html
themes/base/include/form/confirm.html
themes/system/admin/entry/edit.html
themes/system/admin/entry/style.html
themes/system/admin/entry/geo.html
themes/system/admin/map/_google-map-picker.html
themes/system/admin/map/_open-street-map-picker.html
themes/system/admin/entry/related.html
themes/system/admin/entry/related-table.html
themes/base/admin/entry/field.html
themes/base/admin/entry/ogp.html
themes/base/admin/entry/pickup.html
themes/base/admin/entry/seo.html
themes/system/admin/entry/unit.html
themes/base/admin/entry/unit/extend.html
themes/base/admin/entry/field_foot.html
themes/system/admin/entry/revision.html
themes/system/admin/entry/js.html
themes/system/admin/entry/add.html
themes/system/admin/form2/edit.html
themes/system/admin/form2/unit.html
themes/system/admin/entry/action.html
themes/base/include/module/entry/list.html
themes/base/include/module/category/list.html

メモリー

keyvalue
memory_limit200M
memory_get_usage3.5 MB
memory_get_peak_usage5.21 MB

Query Count

query count
121