はじめに
鑑賞者にとって見やすいアート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%3Dfb55f636-4239-430c-8fde-40b6c82f6220&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dbd233a50-88e0-4239-8d8b-96ae14edad23&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D3398ff6c-8880-4b7d-a6f3-7cc5d2216b75&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D9ce46ad3-a8e3-435f-9dfb-52b380cdecb8&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D6d43fa04-8ec3-43ee-ad60-fd7a99a4076c&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D16b0b80d-d68b-44ba-8a3a-6c9b66fdfb05&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Db27a3c65-d4b1-40e4-bb8e-637dd53f8b26&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D877cff37-afbb-4226-bca0-b72441907098&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D17b4364b-9719-4db7-8b6f-3d9a0ed3f5f6&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D5c54a741-ee43-48e6-a386-eff970310c26&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dff20e8d1-ee51-4c47-a264-346851b38881&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D8b00292e-fcb4-4237-b512-be7e73369f88&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D09adb035-f04d-4420-a621-295a4c3d56b6&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D205a4a51-57ac-455c-a299-43e2f735941d&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Df3fea385-b88e-4ca6-99f3-c3dfbd2a4ff3&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D02c0cdd8-f58b-4222-8066-4552f9d7c569&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D45b3eb25-4b81-49c2-ad20-b2ea5450f6de&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D57831192-57ec-4ac9-b8ab-af226a8d47cf&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D152472d4-7255-4d07-9c5b-b59e228b3708&w=3840&q=75)