Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Workflow
Webdesign

Style Tiles: Sebuah Alternatif untuk Variasi Desain Penuh

by
Length:LongLanguages:
This post is part of a series called All About Style Guides.
Maintain Consistency With a Website Style Guide
Making the Most of Style Tiles for Leaner Design

Indonesian (Bahasa Indonesia) translation by Ratnawati (you can also view the original English article)

Jika Anda seperti saya, Anda akan setuju bahwa fase desain awal dari suatu proyek dapat membuang waktu, penuh dengan frustrasi dan jarang memenuhi harapan klien pada pertemuan persetujuan pertama.  Bagaimana jika ada cara yang lebih baik untuk mendekati sesuatu? Dengan Style Tiles, anak terbaru di blok metodologi desain, ada.

Style Tiles are a new approach to improving communication with your client and making the initial design phase of a project more efficient and effective

Ada yang mengatakan bahwa hari-hari pembuatan mockups penuh untuk proyek desain web di Photoshop sangat mematikan, jika tidak langsung mati. Yang lain mengatakan bahwa merancang-in-the-browser tidak semua itu retak menjadi baik. Tapi apakah kita semua maju dari diri kita sendiri? Mungkin bukan alat yang harus kita lihat tapi keseluruhan cara kita merancang situs baru dan mengelola proses persetujuan klien.

Dalam tutorial ini, kita akan melihat dari dekat Gaya Ubin - cara berpikir baru tentang tahap desain awal, sebuah pendekatan desain yang diciptakan dan dipahami oleh Samantha Warren yang tak ada bandingannya. Kita akan melihat apa adanya, mengapa Anda harus menggunakannya dan menuntun Anda melalui proses bagaimana membuat dan menerapkan Style Tile untuk proyek Anda selanjutnya.

[Gaya Ubin memungkinkan Anda untuk] ... Hadir klien dengan pilihan antarmuka tanpa melakukan investasi di banyak tiruan photoshop. - Samantha Warren

Siap untuk belajar lebih banyak? Mari kita mulai.

Apa itu Style Tiles?

Dalam bentuknya yang paling sederhana, Style Tile adalah kumpulan halaman tunggal dari elemen umum termasuk warna, tipografi, tekstur, pola dan fitur desain. Dimana perancang interior dapat menghadirkan klien mereka dengan papan suasana hati yang terdiri dari keripik cat, kain dan kliping majalah, perancang web progresif dapat mempresentasikan pemangku kepentingan mereka dengan seperangkat Gaya Ubin.

Yang penting untuk diingat tentang Gaya Ubin adalah bahwa mereka bukan representasi literal tentang bagaimana situs akan terlihat; sebagai gantinya, mereka membantu menentukan suasana hati, nada dan 'perasaan' sebuah situs berdasarkan pada apa yang telah Anda pelajari dari klien dalam pertemuan kickoff awal Anda.

Hal lain yang perlu diingat adalah bahwa pendekatan Style Tile bukanlah kerangka kerja, proses yang didefinisikan atau bahkan alat. Sebaliknya, Style Tiles dibangun di sekitar seperangkat pedoman, teknik dan pendekatan yang memungkinkan Anda untuk berfokus pada apa yang benar-benar penting dalam desain (setidaknya pada tahap awal proyek baru). Mulailah dengan mendownload template psd untuk membantu  Anda memulai, namun merasa bebas untuk membentuk Ubin Gaya Anda ke alur kerja dan estetika kreatif Anda sendiri.

Contoh

Mari kita lihat beberapa contoh untuk menunjukkan bagaimana Style Tiles dapat disajikan. Saya reverse-engineered dua situs untuk menunjukkan apa yang mereka Gaya Ubin bisa tampak seperti dalam tahap desain awal:

Tutsplus.com

Style Tile ini didasarkan pada situs Tuts + Premium yang baru saja dirubah.

A Style Tile Representation of Envatos Tuts Premium Website

Sebuah Representasi Tile Style dari Situs Web Utusan Envatos Seperti yang bisa Anda lihat, esensi situs Tuts + Premium telah ditangkap dengan baik di Style Tile ini. Kami telah dengan penuh perhatian mendefinisikan beberapa elemen desain dari bagian presentasi oranye utama di situs ini, serta menyampaikan nuansa dan tampilan posting blog (yaitu daftar tutorial).

Yang penting, karena Style Tile tidak disajikan untuk ukuran layar tertentu, orientasi atau bahkan sesuatu yang terpisah dari "digital", mudah untuk membayangkan bagaimana situs akan melihat perangkat dari desktop ke tablet ke smartphone.

Styletil.es

Untuk sedikit kesenangan, inilah interpretasi saya tentang apa http://styletil.es situs itu sendiri mungkin tampak seperti pada tahap desain awal:

A Style Tile Representation of the Style Tiles Website

Perhatikan bagian kata sifat dari Gaya Ubin ini. Semua warna, pilihan tipografi dan tekstur desain dengan cara tertentu berbicara dengan kata sifat ini, memastikan bahwa Gaya Ubin konsisten baik dari segi desain maupun nada dan pesan merek.

Fitur Utama yang Umum

Mari kita lihat beberapa kesamaan bersama dari dua Gaya Ubin ini:

  1. Logo Klien: Hanya karena mereka bukan tiruan secara alami, bukan berarti kita tidak bisa menggunakan merek mereka ke klien tertentu. Bagaimanapun, ini adalah presentasi klien profesional!
  2. Kemungkinan Warna: Sebuah pilihan warna yang paling penting. Anda tidak terbatas pada lima warna – gunakanlah secara bebas untuk menggunakan sebanyak mungkin, atau sedikit warna sesuai panggilan proyek.
  3. Tekstur: Jangan bingung antara tekstur dengan pola Photoshop. Daerah ini digunakan untuk memetik dan memilih beberapa elemen desain utama yang sangat menyampaikan pesan tertentu. Pikirkan tekstur lebih sebagai elemen desain. Anda akan melihat contoh Gaya Ubin di atas, saya telah memilih tepi pita, sebuah header numerik dan sebagian ilustrasi bahwa semua dapat menyampaikan pesan tertentu yang sesuai dengan keseluruhan arahan desain proyek.
  4. Kata sifat: Arguably bagian terpenting dari Gaya Ubin, bagian Kata sifat adalah penyulingan kata-kata yang paling penting yang menggambarkan tujuan klien, merek atau situs web. Kita akan berbicara lebih banyak tentang bagaimana sampai pada kata sifat ini sedikit kemudian.
  5. Tipografi: Gunakan bagian ini untuk menentukan judul potensial dalam situs, teks paragraf dan tautan.
  6. Tombol: Kedua situs ini mencoba mengarahkan pengunjung ke situs untuk melakukan tindakan tertentu: dalam kasus situs Tuts +, ini untuk meminta pengguna masuk ke program Premium. Dalam kasus Style Tiles (Gaya Ubin), bagi pengguna untuk mendownload template PStyle Tileshotoshop. Dengan demikian, dalam kedua kasus ini, tombol "Ajakan Bertindak" di situs akhir sangat penting. Untuk situs lain di mana tombol tidak begitu diperlukan (misalnya sebuah blog), Anda dapat memilih untuk menghilangkan bagian ini dan menggantinya dengan yang lain.
  7. Latar Belakang: Meskipun tidak perlu untuk Style Tile, saya telah memilih untuk menerjemahkan pola latar belakang kedua situs ke dalam Style Tile itu sendiri. Sekali lagi, di kedua situs akhir, pola latar belakang adalah elemen desain utama. Merencanakan agar desain tetap sederhana? Jaga latar belakang Style Tile sebagai warna netral.
  8. Versi: Setiap Style Tile harus memuat nama proyek dan nomor versinya. Ini memungkinkan Anda untuk dengan mudah membicarakan desain dengan klien dan mengurangi kebingungan (misalnya; "Saya suka warna dari versi 1, tapi lebih suka tombol dari versi 3").

Seperti yang saya sebutkan sebelumnya, Style Tiles tidak mengikuti format yang tetap. Sebenarnya, Anda bisa memasukkan apa saja - asalkan hal itu mendasar bagi konsep desain. Misalnya, Anda dapat memilih untuk menjatuhkan bagian 'tombol' dan menggantinya dengan pemutar video khusus, widget beberapa deskripsi atau beberapa elemen bentuk.

Terakhir, tangkap keseluruhan arah situs di Style Tile Anda, namun merasa bebas untuk melenturkan otot kreatif Anda.

Mengapa saya harus menggunakan style tile?

Gaya Ubin bukan sekadar praktik perwalian-praktik terbaik-jika-Anda-punya-waktu-waktu untuk mengumpulkan debu di bagian bawah toolkit perancang web Anda. Mereka memiliki sejumlah manfaat yang cukup mengagumkan bagi Anda dan klien saat diterapkan dengan benar:

Kurangi Kompleksitas dan Klarifikasi Tujuan

Lebih dari segalanya, Style Tiles menjaga fase desain awal dan proses persetujuan klien menjadi sederhana.

Menyajikan klien dengan desain kompilasi lengkap setelah pertemuan pertama berisiko kehilangan hutan untuk pepohonan. Alih-alih klien terjebak pada fitur desain kecil ("hmmm ... saya pikir tombol sosialnya perlu sedikit lebih populer), klien dapat berbicara dengan percaya diri tentang bagaimana keseluruhan arahan desain yang mencerminkan tujuan mereka ("Saya menyukai bagaimana warna ini memberi rasa percaya, yang sangat cocok untuk widget Acme saya ").

Ingat, klien kita umumnya bukan desainer, tapi sering tahu apa yang mereka sukai, meski hanya secara umum. Style Tiles adalah alat yang sempurna untuk memungkinkan orang awam berbicara tentang desain secara keseluruhan tanpa menumpuk puluhan elemen desain individual yang bisa dengan cepat menjadi membingungkan dan luar biasa.

Menghemat waktu

Pixel-  sangat membutuhkan waktu. Waktu sebenarnya. Jam ke jam.

Anda tidak hanya perlu memperhitungkan semua biaya ini ke faktur akhir Anda, jika Anda membuat tiga comps terpisah, itu dua pertiga waktu Anda yang masuk langsung ke folder "Sumber Daya yang Tidak terpakai" di hard drive Anda - belum lagi dua Pertiga dari uang klien untuk porsi tagihan akhir itu juga naik dalam asap.

Dengan Style Tiles, di sisi lain, ini adalah proses yang sangat cepat untuk mengulangi versi yang berbeda, dan sama cepatnya membuat perubahan dengan cepat. Menggunakan Style Tiles berarti Anda dapat menyederhanakan proses perancangan, terus mengikuti momentum pada tahap awal proyek dan merespons permintaan perubahan dalam hitungan menit, bukan berjam-jam.

Untuk menempatkan ini dalam perspektif, dua contoh Style Tiles di atas membawa saya sekitar 20 menit masing-masing (dan akan mengambil 15 menit masing-masing jika saya lebih baik menamai lapisan saya saat saya pergi).

Tetap Jaga Standar Anda Tinggi

Saya hanya berbicara dari pengalaman di sini - masing-masing perancang berbeda - tetapi jika Anda menciptakan tiga ejaan Photoshop yang terpisah, tidak jarang membuat yang sempurna, yang cukup bagus dan yang cukup rata-rata, dan jauh dari Pekerjaan terbaikmu Anda. Menyajikan ketiganya kepada klien, mencoba menjualnya di desain andalan Anda, dan selalu mereka memilih satu desain yang paling Anda sukai ... dan sekarang Anda terjebak mengkodekan situs yang tidak Anda banggakan dan juga bukan juga untuk kepentingan terbaik klien.

Bahkan jika Anda membuat tiga comps sempurna yang akan Anda banggakan, mudah untuk menjadi kreatif berkedip. Style Tiles memungkinkan Anda untuk dengan cepat bereksperimen dengan konsep desain yang berbeda, dan menawarkan alternatif desain yang benar untuk klien berdasarkan kebutuhan mereka yang ditentukan.

Tetap Jaga Perangkat Desain Awal Anda Agnostik

Baiklah, jadi katakanlah Anda tidak menggunakan Style Tiles, dan Anda telah memilih untuk menyajikan klien dengan seperangkat comps desain lengkap.

Apa yang kamu sampaikan? Versi desktop lebar 960px? Bagaimana dengan versi iPad? Jangan lupa versi iPhone juga. Oh, tapi pastikan bahwa Anda juga menangani Kindle, Blackberrys dan perangkat mobile Android 500+ yang telah diproduksi dalam beberapa tahun terakhir. Dan bagaimana bila mereka bertanya "Bagaimana ini akan terlihat pada Palm Pilot favorit saya yang saya punya sejak Bush menjadi presiden?"

Style Tile tidak menyiratkan dimensi atau perangkat; hanya saja desainnya akan digital. - Samantha Warren

Web diakses secara harfiah ratusan hari ini, masing-masing perangkat dengan rangkaian breakpoint, kebiasaan dan fitur tersendiri.

Cara yang lebih baik untuk mendekati tahap desain awal proyek adalah dengan membawa perangkat sepenuhnya keluar dari persamaan. Hal yang hebat tentang Style Tiles adalah bahwa mereka benar-benar perangkat agnostik.

Tentu saja, Anda harus membahas bagaimana situs web akan merespons dan/atau menyesuaikan diri dengan perangkat yang berbeda di kemudian hari dalam proyek ini, namun dalam fase awal, ini hanya memperparah perairan untuk mencampur arah perancangan keseluruhan dengan fungsionalitas akhir situs web.

Bagaimana Anda Membuat Style Tiles?

Sekarang setelah Anda mempelajari apa itu StyleTiles, dan Anda menjual dengan keuntungan menggunakannya sebagai alternatif untuk desain penuh, saya yakin Anda sudah siap untuk membuka Photoshop dan mulai membuat  Style Tile pertama Anda.

Wah di sana, koboi. Pegang kudamu! Sebelum mulai mendorong piksel, kita perlu mengidentifikasi kebutuhan dan sasaran klien dan menerjemahkannya ke dalam konsep yang memungkinkan kita membuat keputusan desain yang tepat.

Proses empat langkah dalam menciptakan Style Tile adalah sebagai berikut:

  • Dengarkan
  • Menafsirkan
  • Tentukan
  • Iterasi

Bingung? Jangan! Mari kita lihat setiap langkah secara rinci.

Mendengarkan

Entah Anda duduk sendiri dengan klien Anda, berbicara dengan mereka di Skype atau mengandalkan email, Anda akan selalu perlu meluangkan waktu dan usaha untuk mengetahui bisnis dan sasaran situs web mereka. Gagal melakukannya akan membawa Anda ke jalan yang gelap dan menyeramkan dari asumsi dan dugaan yang hampir selalu memastikan hasil akhir yang tidak berhasil dan klien yang tidak bahagia.

Listening is the first step of the Style Tiles process

Mendengarkan adalah langkah pertama dari proses Style Tiles.Proses penemuan ini lebih dari sekadar meminta warna favorit mereka dan situs web lain yang mereka suka di 'net (internet-red). Meskipun kita dapat dengan mudah memiliki keseluruhan tutorial tentang pertanyaan klien yang efektif, berikut adalah beberapa strategi penemuan untuk Anda mulai:

Pahami Pasar, Bisnis dan Produk

Setiap orang suka membicarakan apa yang penting bagi mereka ..

Begitu Anda mendapatkan klien yang membicarakan bisnis mereka, Anda akan sering merasa sulit menghentikannya. Sebenarnya, pada tahap ini, semakin banyak pembicaraan yang mereka lakukan mengenai bisnis mereka, semakin baik hasilnya.

Berikut adalah beberapa pertanyaan awal untuk menghangatkan klien Anda untuk membicarakan bisnis mereka:

  • Siapakah pelanggan Anda yang khas? Tipe orang yang ingin Anda kunjungi di situs Anda?
  • Siapa pesaing Anda?
  • Apa yang membedakan Anda dari pesaing Anda?
  • Di mana produk / layanan Anda masuk ke pasar (misal: yang termurah / paling mahal / berkualitas tinggi / paling inovatif, dll.)
  • Apa yang penting bagi pelanggan Anda? (Cobalah untuk mendapatkan lebih dari "harga  rendah" - ini hampir tidak pernah   menjadi suatu hal penting bagi pengguna akhir dari produk atau layanan apa pun).
  • Tindakan apa yang Anda ingin pengunjung untuk menyelesaikan situs Anda? (Misalnya Daftar ke buletin / beli produk / ikuti akun Twitter mereka / dll.)

Keluar dari Kotak untuk Langsung Menuju Kebutuhan Mereka

Begitu Anda mendapatkan beberapa pertanyaan dasar dan Anda memiliki pemahaman bisnis yang lebih baik, saatnya menggali lebih dalam dan benar-benar mengidentifikasi kebutuhan klien Anda dan memilih beberapa konsep utama yang akan membantu Anda menciptakannya. Arah desain pada langkah selanjutnya.

Sementara orang sering merasa sulit untuk menerjemahkan konsep dan perasaan abstrak ke dalam pernyataan, orang suka berbicara dalam metafora - dengan alasan bahwa Anda mengajukan pertanyaan yang tepat.

Inilah beberapa pertanyaan yang dapat Anda minta untuk Anda mulai:

  • Jika Anda bisa memilih selebriti untuk mendukung merek Anda, siapa mereka? Bagaimana dengan mereka mencerminkan merek / produk / layanan Anda?
  • Jika produk / layanan / merek Anda adalah merek mobil, apakah itu?
  • Jika produk / layanan Anda adalah seseorang, acara televisi apa yang akan dia tonton? Musik apa yang akan didengarkannya?
  • Jika produk / layanan Anda adalah seseorang, kata-kata macam apa yang akan digunakan teman terbaik mereka untuk menggambarkannya? (Misalnya "ramah", "kuat" /, "lucu", dll.)

Bangun Nada Yang Benar untuk Proyek

Begitu Anda sampai pada inti proyek klien, saatnya untuk menetapkan nada dasar suara untuk keseluruhan desain.

Ada banyak cara untuk melakukan ini, namun satu pendekatan yang efektif adalah membuat klien menyelesaikan survei interaktif. Dengan sedikit HTML, CSS dan Javascript yang kreatif, Anda dapat membuat satu set slider yang memungkinkan klien memposisikan merek mereka di antara rentang dikotomi:

Survey your client to establish the correct tone of voice for the project moving forward

Survei klien Anda untuk menetapkan nada suara yang benar agar proyek bergerak maju Melihat contoh ini, saya sudah memikirkan desain retro yang terinspirasi penuh warna dan menyenangkan untuk klien fiktif kami. Konsep desain apa yang langsung terlintas dalam pikiran saat Anda melihat ini?

Intrepetasi

Begitu kami bertanya kepada klien kami, inilah saatnya untuk menyaring intisari proyek, produk dan kebutuhan klien untuk situs web mereka. Tujuan dari bagian proses ini adalah untuk menentukan pilihan kata-kata yang menggambarkan kata-kata yang akan mengisi bagian "Kata sifat" dari Style Tile kita.

Interpret Your Clients Statements To Arrive at a Set Of Adjectives

Mari kita lihat sebuah contoh. Berikut adalah beberapa pernyataan yang dikatakan klien fiktif kepada Anda selama fase penemuan:

  • "Produk saya rumit, dan pelanggan saya biasanya mencoba untuk belajar lebih banyak tanpa menjadi lebih bingung daripada sebelumnya"
  • "Pesaing saya sangat serius, saya ingin situs saya sangat berbeda dari situs web mereka yang membosankan" 
  • "Saya ingin pengunjung saya ke situs saya merasa nyaman dan tidak terintimidasi oleh produk"
  • "Klien saya kebanyakan adalah wanita muda yang tidak memiliki banyak kesabaran untuk pemasaran berbicara atau jargon"

Dari pernyataan ini, tugas Anda adalah mengidentifikasi kata sifat tunggal yang menggambarkan pesan utama dari apa yang telah mereka katakan kepada Anda.

Berikut adalah empat kata sifat yang dapat kita gunakan untuk meringkas pernyataan di atas, sampai ke inti dari apa yang sebenarnya dikatakan klien kepada kita:

  • Ke titik permasalahan
  • Menyenangkan
  • Dapat diakses
  • Rendah hati

Sekarang kita menetapkan kumpulan kata sifat ini, kita telah beralih ke titik di mana kita dapat benar-benar mulai menerjemahkan kata-kata ke dalam desain. Meskipun Anda mungkin memiliki interpretasi yang sedikit berbeda dari kata sifat di atas daripada yang saya lakukan, kemungkinan besar desain kita akan berbagi elemen umum - atau paling tidak, kita bisa saling menjelaskan mengapa kita membuat pilihan yang kita buat.

Tentukan

Fiuh! Semua berbicara? Kabar gembira: Kami telah melakukan pekerjaan kasar, sekarang kami bisa bersenang-senang. Begitu kita telah menemukan keseluruhan fase penemuan hingga empat hingga enam kata sifat dinamit, inilah saatnya menciptakan Style Tile pertama Anda.

Define Your Style Tile in Photoshop

Tentukan Style Tile Anda di Photoshop Pergilah  ke http://styletil.es dan download template Photoshop (atau buat  sendiri).

Langkah selanjutnya benar-benar terserah Anda. Jadilah kreatif! Saya berasumsi bahwa Anda sudah memiliki pemahaman Photoshop yang cukup bagus, jadi saya tidak akan memandu Anda melalui setiap langkah (Template Photoshop sangat mudah disesuaikan), namun gagasan utamanya adalah membuat berbagai elemen desain. (Warna, tekstur, tombol, tipografi, dll) yang berbicara dengan kata sifat yang Anda dapatkan pada langkah sebelumnya.

Ingin menggali lebih dalam bagaimana membuat skema warna dan memilih pasangan tipografi untuk Tile Gaya Anda (dan lebih banyak lagi)? Berikut adalah beberapa artikel + Webdesigntuts untuk Anda tinjau:

Iterate

Setelah Anda membuat Style Tile pertama Anda, saatnya membersihkan batu tulis dan iterasi. Tidak ada set nomor batu versi yang harus Anda buat, namun tiga sampai empat Style Tiles untuk setiap proyek mungkin merupakan keseimbangan yang baik antara mengeksplorasi konsep desain independen yang memadai dan tidak terlalu banyak klien Anda dengan terlalu banyak pilihan.

Iterate Different Versions of Your Initial Style Tile

Anda Ingat, kata sifat Anda mungkin sama untuk setiap Style Tile, tapi mungkin juga berbeda - terutama jika Anda merasa kesulitan untuk menghancurkan kebutuhan klien Anda atau mereka telah memberi Anda beberapa alternatif yang berbeda untuk dijelajahi sebagai bagian dari Tahap tanya.

Misalnya, dari pertanyaan penemuan kami dari langkah dua, kita mungkin telah menemukan tiga rangkaian kata sifat yang berbeda, semuanya berbeda, namun cukup berbeda untuk mengambil pendekatan yang berbeda terhadap desain untuk klien fiktif kita:

Seperangkat Alternatif Kata Sifat

  • Versi Satu:Intinya,mudah diakses,menyenangkan,turun ke bumi.
  • Versi Dua: Unik, unik, informatif, lucu
  • Versi Tiga:Ramah,akrab,santai,dapat dipercaya

Seperti yang bisa Anda lihat, ketiga perangkat kata sifat ini bisa menghasilkan arahan desain yang sangat berbeda. Di sinilah Style Tiles benar-benar masuk ke mereka sendiri.  Dengan beberapa perubahan warna dan tipografi yang cepat, Anda dapat dengan mudah membuat tiga iterasi yang sama sekali berbeda dalam ruang waktu yang sangat kecil.

Menyajikan Style Tiles ke Client

Pastikan klien Anda tahu apa yang diharapkan

Setelah Anda membuat seperangkat Style Tiles Anda, sekarang saatnya menampilkannya ke klien Anda. Seperti setiap langkah dari proses ini, ada beberapa strategi yang harus diterapkan untuk memastikan bahwa Anda mendapatkan hasil terbaik dan klien Anda yakin melanjutkan langkah berikutnya dari proyek.

Klien Anda seharusnya tidak mengharapkan Anda menyajikan kompilasi desain lengkap hanya untuk menarik Style Tile Anda. Pada akhir fase tanya jawab, tunjukkan contoh klien Anda tentang Style Tile lain yang telah Anda buat, dan jelaskan nilainya untuk menentukan arah desain situs.

Pastikan klien Anda tahu apa yang akan Anda tunjukkan sebelum pertemuan presentasi!

Mempersiapkan Presentasi di PhotoDune

Biarkan klien Anda berbicara bebas tentang konsep desain Anda, namun pastikan Anda tidak membiarkan mereka melepaskannya dengan mudah. Dorong klien Anda untuk memperluas pernyataan mereka. Dengan sedikit pertanyaan yang efektif, kita bisa mengubah pernyataan kosong menjadi pernyataan yang luar biasa:

  • "Saya suka ini karena saya pikir Anda telah menangkap sifat cinta yang menyenangkan dari merek saya"
  • "Saya tidak suka ini karena ini mengingatkan saya pada terlalu banyak situs pesaing saya dan saya ingin mengatur bisnis saya secara terpisah"
  • "Desain ini perlu lebih banyak pop dengan menambahkan warna pink cerah yang disukai semua pelanggan saya"
  • "Saya tidak suka warna burgundy ini karena membuat produk saya nampak tua dan pengap"
  • "Bisakah Anda membuatnya lebih mirip situs Apple karena pelanggan saya adalah pengadopsi awal yang berfokus pada teknologi"

Ingat bahwa saat Anda merancang situs web sepanjang hari, setiap hari, sangat mungkin bahwa ini adalah sesuatu yang tidak akan dialami klien Anda dengan pengalaman sebelumnya. Bersabarlah, bantulah klien Anda mengklarifikasi pernyataan mereka, membimbing mereka untuk membuat pernyataan berharga, namun jangan pernah membuat asumsi berdasarkan tanggapan umum klien Anda terhadap jawaban Anda terhadap pekerjaan Anda.

Apa langkah selanjutnya?

Style Tile adalah alternatif yang lebih baik untuk desain penuh pada tahap awal proyek (misalnya selama proses persetujuan klien), namun tergantung pada bagaimana Anda suka bekerja, mockup penuh mungkin merupakan langkah berikutnya untuk proyek ini, jika itu adalah bagian dari alur kerja Anda.

Sekarang setelah Anda menentukan arah desain dan klien telah menandatangani salah satu versi StyleTile Anda, Anda dapat yakin bahwa komp Anda akan lebih dekat untuk memenuhi harapan klien Anda daripada jika Anda langsung terjun ke dalam membuka Photoshop. Setelah pertemuan awal tidak hanya mockup akan lebih dekat dengan diterima baik, juga tidak perlu membuat banyak iterasi dari desain - pekerjaan itu telah dilakukan dengan Style Tiles kami.

Bergantung pada bagaimana Anda ingin mendekati pekerjaan klien Anda, ini semua merupakan contoh alur kerja yang sangat layak untuk sisa proyek:

  • Style Tile> Wireframe> Mockup> Kode
  • Style Tile> Wireframe> Kode
  • Style Tile> Mockup> Kode
  • Style Tile> Kode

Kesimpulan

Terima kasih telah tinggal dengan saya dan membaca semua tentang apa, bagaimana dan mengapa Style Tiles - semoga Anda senang belajar tentang mereka sama seperti saya menikmati menulis tentang mengenalkannya kepada Anda!

Style Tile adalah cara revolusioner untuk mendekati proses perancangan dan membantu Anda dan klien Anda membentuk arahan yang jelas untuk situs web bahkan dari proyek dan yang paling rumit sekalipun.

Apa pikiran Anda? Apakah Anda akan menggunakan Style Tiles di proyek Anda selanjutnya? Kami ingin mendengar pemikiran Anda di komentar!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.