はじめに
鑑賞者にとって見やすいアートSNSとは何か。
Artl が出した答えは、シンプルで、作品のみが自然と流れてくるアプリであることです。
ビジュアル中心でも、アプリは前に出すぎない
Artl では、ビジュアル中心のUI/UXを取りながらも、アプリ自体が主張しすぎないことを重視しています。
作品を見るための場であって、アプリのデザインを見るための場ではないからです。
そのため、シンプルさと、存在感を出さないUIが大きなテーマになっています。
情報量を絞ると、自然に作品へ視線が集まる
情報量が多いと、ユーザーの注意は分散します。
逆に、余計な情報を削ると、作品に自然とフォーカスが向かいます。
Artl の鑑賞体験は、まさにその前提で作られています。
作品が流れてきたとき、まず作品が見えること。
それが鑑賞体験の質を決めます。
うまくいったポイントは投稿と閲覧の両方にある
現バージョンで手応えがあったポイントとしては、作品の投稿フローと閲覧画面での「鑑賞しました」機能が挙げられています。
見るときも出すときも、作品中心であることが崩れていない。
それがArtlのUI/UXの完成度を支えています。
まとめ
Artl のUI/UXは、シンプルに見えてかなり意図的です。
主張しすぎないこと、情報を絞ること、作品に自然と視線が集まること。
その積み重ねによって、アート鑑賞に向いた空間が作られています。
.webp%3Falt%3Dmedia%26token%3D07157508-3732-40bc-bf3f-38287d6b7d7a&w=3840&q=75)


.webp%3Falt%3Dmedia%26token%3D45131e3d-4777-421a-a556-bcc8d462dfe1&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D09daf923-4a62-4c31-af6f-f3d99a9f635b&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D0e63e93b-1558-48a5-8b24-d1ae7cfa487f&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D240fcc34-b7e7-4c86-b294-fdfc2a66db21&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Db288c602-2902-4f93-8eca-903ec8f86440&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D3c4b1b17-9fec-405e-9e02-8d34961b6f16&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D2af23217-76a2-4dde-883e-600ff36d9bb9&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D1f1ea250-1292-49e6-acf0-9b33c26034a9&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dc40f5a1d-8c2b-4ac8-b5bf-d42e047a1b1d&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D55c1932e-e65e-44b7-8c43-19ab4e0b1d89&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dc4744483-d9d2-448a-bd92-315b6c8ffb55&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dbcbc4c92-0eda-4146-a074-8df2662f3e48&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D3b1fcd63-26aa-4db5-8b12-2e14b6047c3c&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D0e318707-29a2-43fe-9631-456edc02f06c&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D2c695bda-469b-4b44-97f8-0e06f4899329&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D270d4df8-1139-4f9a-9b31-d86d9a3f1518&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D56b8ebed-526b-4ec2-9053-51f8e1c54c0f&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D911b29dc-17f8-4349-963d-598bf6685add&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D6040f2d9-1a54-476c-9999-5e0aeb8e8a74&w=3840&q=75)