ศิลปะแห่งไอคอน App Store
เผยแพร่แล้ว: 2020-04-14ไอคอน App Store เป็นหน้าตาของแอพ การทำงานหนักทั้งหมดของคุณและชั่วโมง GitHub ทั้งหมดของคุณลดลงเหลือเพียง 1024 x 1024 ตร.ม. การสร้างไอคอนที่ยอดเยี่ยมนั้นเป็นที่ยอมรับกันดีว่าเป็นหนึ่งในสิ่งที่ดีที่สุดที่คุณสามารถทำได้สำหรับการเพิ่มประสิทธิภาพ App Store (ASO) แปล? ไอคอนของคุณเป็นสิ่งสุดท้ายระหว่างนักพัฒนากับความร่ำรวยเหนือความยากจน ดังนั้น เราจะดำเนินการตามแนวทางปฏิบัติที่ดีที่สุดที่คุณสามารถนำไปใช้เพื่อทำให้การออกแบบไอคอนของคุณ (เชิงเปรียบเทียบ) เปล่งประกาย
ทำไมถึงสำคัญ
รูปภาพผ่าน Flickr
ก่อนที่เราจะพูดถึงสิ่งที่ Apple พูดเกี่ยวกับไอคอน (ไม่มาก) และสิ่งที่คนอื่นพูดเกี่ยวกับไอคอน (จำนวนมากและจำนวนมาก) เหตุใดการออกแบบไอคอนจึงมีความสำคัญมาก เป็นคำถามที่ยุติธรรม
อย่างแรก รูปภาพสามารถบอกคำศัพท์ได้นับพันคำ และหากผู้ใช้เลื่อนดูแอปหลายสิบหรือหลายร้อยแอปพร้อมกัน ไอคอนของคุณจะต้องโดดเด่น นั่นค่อนข้างชัดเจน ความท้าทายนี้มีความเกี่ยวข้องมากยิ่งขึ้นตั้งแต่ Apple เปิดตัวอัปเดต iOS 8 ในปี 2014 การเปลี่ยนไปใช้การเลื่อนแบบต่อเนื่องหมายความว่าผู้ใช้สามารถเลื่อนดูแอปต่างๆ ได้เร็วกว่าที่เคย
ผลลัพธ์? เวลาต่อแอพน้อยลง คุณจึงจำเป็นต้องเล็บรูปภาพและภาพหน้าจอของคุณจริงๆ
สิ่งที่ Apple ต้องบอก
Apple พูดถึงเรื่องนี้อย่างไร? ดูไลบรารี iOS Dev อย่างรวดเร็วและมีส่วนทั้งหมดเกี่ยวกับไอคอนแอป ส่วนใหญ่เกี่ยวกับการทำให้ไอคอนดูดีเมื่ออยู่ในอุปกรณ์ มากกว่าใน App Store แต่พวกเขามีคำแนะนำระดับสูงบางอย่างเช่น:
- “สร้างการตีความที่เป็นนามธรรมของแนวคิดหลักของแอปของคุณ”
- “ถ้าจะพรรณนาถึงสารจริงๆ ก็จงทำมันให้ถูกต้อง”
ดังนั้น Apple ไม่ได้ให้คำแนะนำที่สามารถนำไปปฏิบัติได้อย่างแน่นอน แต่เป็นจุดเริ่มต้นที่ดี โดยพื้นฐานแล้ว อย่าใช้รูปภาพ และทำให้ไอคอนของคุณสัมพันธ์กับสิ่งที่คุณต้องการให้ผู้ใช้เห็นแอปของคุณเป็นรูปธรรม
ตัวอย่างเช่น Desk (ที่ฉันพูดถึงเมื่อสัปดาห์ที่แล้ว) มีไอคอนที่ยอดเยี่ยม มันเป็นเครื่องพิมพ์ดีดขนาดเล็ก และโดยที่ไม่รู้อะไรเลยเกี่ยวกับผลิตภัณฑ์ ฉันคิดว่าคนส่วนใหญ่คงเดาว่ามันเกี่ยวข้องกับการพิมพ์หรือการประมวลผลคำ ดู? สัมพันธ์กันอย่างเป็นรูปธรรม
ในตอนท้ายของวัน Apple ไม่ค่อยพูดถึงสิ่งที่ทำให้ไอคอนที่ดี
แนวทางปฏิบัติที่ดีที่สุดสำหรับไอคอนแอป (พร้อมตัวอย่าง!)
คุณควรทำอย่างไรเพื่อช่วยถ่ายทอดความยอดเยี่ยมของแอปของคุณสู่โลกภายนอก
การออกแบบทั่วไป
แม้ว่าจะมีเคล็ดลับมากมายให้โดดเด่น เช่น การเพิ่มแท็ก 'ฟรี' หรือใช้ตัวละครหลัก (เพิ่มเติมในภายหลัง) ก็ยังมีแนวทางการออกแบบพื้นฐานที่คุณควรปฏิบัติตาม โดยธรรมชาติแล้ว สิ่งเหล่านี้สามารถถูกทำลายได้ด้วยผลลัพธ์ที่ยอดเยี่ยม แต่ส่วนใหญ่:
- พิจารณามีเส้นขอบ เพื่อให้เมื่อดาวน์โหลดแอปของคุณแล้ว จะดูดีไม่ว่าพื้นหลังจะเป็นอะไรก็ตาม
- อย่าทำให้โลโก้ของคุณโปร่งใส มันจะลดความชัดเจนลง
- อย่าใช้คำพูด - พวกเขาจะหลงทางในขนาดที่เล็กกว่า
- อย่าทำให้ไอคอนของคุณมันวาว เพราะจะทำให้มองไม่เห็นหลายๆ อย่าง
- ทำให้มันเรียบง่าย - ไอคอนแอพมีขนาดเล็กและรายละเอียดจะหายไป
โดดเด่น
พูดง่ายกว่าทำฉันรู้ ไม่ว่าจะยังคงเป็นหนึ่งในฟังก์ชันหลักของไอคอนของคุณ – เพื่อสร้างความแตกต่างให้กับตัวคุณเองและให้ผู้ใช้แตะแอปของคุณเหนือสิ่งอื่น ๆ ทั้งหมด
คิดเกี่ยวกับมันด้วยวิธีนี้ มีแอพ 1.2 ล้านแอพใน App Store – ไม่น่าเป็นไปได้ที่คุณจะเป็นคนเดียวที่เสนอผลิตภัณฑ์ของคุณ แล้วคนอื่นรู้ได้อย่างไรว่าคุณมีแอพเครื่องคิดเลขที่ดีที่สุดเมื่อเทียบกับแอพอื่น? ไอคอนของคุณนั่นแหละ
ตัวอย่างเช่น นี่คือภาพหน้าจอของผลการค้นหาแอปเครื่องคิดเลขสำหรับ iPhone
คุณรู้ไหมว่าอะไรที่โดดเด่นสำหรับฉัน แท็ก 'ฟรี' ในแอปเครื่องคิดเลข
มันไร้สาระมากกว่าเล็กน้อยเพราะแอพส่วนใหญ่ใน App Store นั้นฟรี แต่ถึงกระนั้น – โดยการวางแท็กเล็ก ๆ นั้นมันทำให้ฉันคิดว่าโดยอัตโนมัติหากพวกเขาถูกแท็กว่าฟรี ส่วนที่เหลือจะต้องไม่ . และความแตกต่างในเสี้ยววินาทีนั้นเป็นสิ่งที่คุณต้องการใน App Store
เปลี่ยนมันขึ้น
ไม่มากเกินไป แต่การเปลี่ยนไอคอนแอปเพียงเล็กน้อยเป็นวิธีที่ดีในการชุบชีวิตการดาวน์โหลดอีกครั้ง ไอคอนตามฤดูกาลเป็นตัวอย่างที่ดีที่สุดของสิ่งนี้
ตัวอย่างเช่น ฮัลโลวีนที่แล้ว Splashy Fish เปลี่ยนไอคอนเป็น Halloween-y มากขึ้น เป็นการเปลี่ยนแปลงเล็กน้อย แต่ถ้าคุณเป็นเจ้าของแอปที่เป็นที่รู้จัก อาจเป็นเพียงสิ่งเดียวที่จะเพิ่มการดาวน์โหลดของคุณ
การสร้างแบรนด์
หากคุณมีมูลค่าแบรนด์ที่แข็งแกร่ง การสร้างแบรนด์แบบง่ายๆ ก็เป็นวิธีที่ดี แต่จำไว้ว่า: ทำให้มันง่ายจริงๆ ตัวอย่างเช่น Nike ทำได้ดีมาก – นี่คือสิ่งที่เกิดขึ้นเมื่อคุณค้นหาพวกเขา:
มันทำให้จำได้ทันทีว่าแอพใดเป็นแอพของพวกเขา ดังนั้นหากฉันกำลังมองหาบางอย่างโดย Nike ก็ถือว่าดีและรวดเร็ว นอกจากนี้ เนื่องจากพวกเขาเป็นแบรนด์ที่น่าเชื่อถืออย่างเหลือเชื่อสำหรับพวกเขา จึงสมเหตุสมผลดี
อีกประเด็นหนึ่งเกี่ยวกับการสร้างแบรนด์ก็คือ หากนั่นคือเส้นทางที่คุณจะไปสู่ (หวังว่า) ในอนาคต ให้เลือกบางสิ่งที่สามารถปรับให้เข้ากับการตั้งค่าต่างๆ มากมาย ตัวอย่างเช่น Nike swoosh เข้ากันได้ดีกับไอคอนแอพต่างๆ มากมาย

ในทางตรงกันข้าม ไอคอน Clash of Clans นั้นแทบไม่ยืดหยุ่นเท่า และในขณะที่อาจมีข้อยกเว้นสำหรับไอคอนเกมที่มีตัวละครหลัก ฉันขอบอกว่าควรระมัดระวังในเรื่องไอคอนตัวละครที่มีสไตล์สูง
ยี่ห้อ Piggy-Backing
นี่เป็นวิธีที่สนุกในการได้รับการยอมรับจากผู้ชมของคุณได้ดีขึ้น (หมายเหตุ: ฉันไม่ได้สนับสนุนให้คุณทำผิดกฎหมาย หรือทำให้ผู้ใช้ของคุณเข้าใจผิด ดังนั้น โปรดดำเนินการด้วยความระมัดระวัง)
เราเข้าใจแล้วว่าหมายถึงอะไร ลองมาดูตัวอย่างกัน Hipstamatic เป็นแอปภาพถ่ายดิจิทัลที่เพิ่มฟังก์ชันการทำงานของโทรศัพท์กล้องของคุณอย่างทวีคูณ โดยพื้นฐานแล้วมันเป็น Instagram เวอร์ชันที่ดีมาก เมื่อรู้ว่าผู้ออกแบบไอคอน Aravind Kaimal ได้เกิดสิ่งนี้:
รูปภาพผ่าน Dribbble
มันค่อนข้างชัดเจนว่า Instaration ของเขามาจากไหน ถ้าคุณรู้ว่าฉันหมายถึงอะไร แต่นั่นก็ไม่ใช่เรื่องเลวร้าย! Instagram ได้สร้างแบรนด์ที่น่าตื่นตาตื่นใจนี้ และการยึดถือของแบรนด์นั้นมีความหมายเหมือนกันกับรูปภาพที่ถูกกรอง ซึ่งเป็นสิ่งที่ Hipstamatic ทำ เหตุใดจึงไม่ใช้ประโยชน์จากการรับรู้ของแบรนด์อื่น
หากการสนับสนุนแบรนด์ Piggy ทำได้ดี ราวกับว่าคล้ายกันมากพอที่จะได้รับการยอมรับและปลอมแปลงลิงก์ แต่แตกต่างกันมากพอที่ไม่มีการคลิก 'โอ้ ฉันคิดว่านี่คือนี่' โดยไม่ได้ตั้งใจ นั่นเป็นกลยุทธ์ที่ยอดเยี่ยมจริงๆ
Google Android
สุดท้ายนี้ ฉันต้องการพยักหน้าให้ Play Store ซึ่งมักถูกละเลยในแอพแชท และฉันคิดว่าไม่ยุติธรรม จริงๆ แล้ว Google มี Roman Nurik สร้างไอคอนอันเก๋ไก๋เพื่อช่วยปรับปรุงไอคอนของคุณให้ดีขึ้นและเน้นไปที่ Google Play Store สำหรับฉันแล้ว ดูเหมือนว่าเครื่องมือสำหรับการสร้างแอปจะไม่มีประโยชน์นัก แต่ก็เป็นเครื่องมือที่ยอดเยี่ยมในการทดสอบและทำซ้ำไอคอนแอปของคุณอย่างรวดเร็ว (โดยเฉพาะหากคุณไม่มีนักออกแบบเกี่ยวกับพนักงาน/ทักษะการออกแบบ) นั่นคือสิ่งหนึ่ง
ประการที่สอง สิ่งที่ใช้กับ App Store ส่วนใหญ่จะใช้กับ Play Store เช่นกัน
เราไม่ได้ทำงานเกี่ยวกับซอฟต์แวร์ที่แตกต่างกันจริงๆ เรากำลังจัดการกับจิตวิทยาของสิ่งที่ทำให้ผู้คนเห็นบางสิ่งบางอย่างและคิดว่า 'ใช่ นั่น คือแอปสำหรับฉัน'
ในตลาดที่อิ่มตัวมากเกินไป นั่นเป็นสีทองอย่างแน่นอน (ที่กล่าวว่ามีความแตกต่างทางเทคนิคบางอย่าง)
สรุป
ไอคอน App Store/Play Store ของคุณมีความสำคัญมาก เป็นโอกาสเล็ก ๆ ที่คุณต้องขัดขวางความสนใจของเบราว์เซอร์ App Store และโน้มน้าวพวกเขาว่าภาพหน้าจอ วิดีโอโปรโมต คำอธิบายของคุณ และสุดท้ายการดาวน์โหลดแอปของคุณนั้นคุ้มค่าสำหรับพวกเขา ขออภัย ไม่มีสูตรสำเร็จสำหรับสิ่งที่ทำให้ไอคอน App Store ดีหรือไม่ดี เป็นมากกว่าเกี่ยวกับสิ่งที่จะทำให้คุณโดดเด่น แต่ยังคงเป็นที่รู้จักมากพอที่ผู้ชมของคุณจะทราบได้ทันทีว่าผลิตภัณฑ์ของคุณทำอะไร
นั่นเป็นสิ่งที่ต้องทำมากมาย และมีพื้นที่ไม่มากนัก ดังนั้นคุณควรจะแคร็กได้ดีที่สุด
แหล่งโบนัส – น่าตื่นเต้นแค่ไหน
- นี่คือแกลเลอรีขนาดใหญ่ของไอคอน iOS ที่สวยงาม
- นี่คือผู้ชายบางคนที่จะทดสอบไอคอนของคุณสำหรับคุณ
“ยังพูดถึงเรื่องนี้ไม่พอ: สำหรับนักออกแบบเว็บไซต์/UI Placeit เป็นเครื่องมือออนไลน์ที่ยอดเยี่ยม”
ชาร์ลี ซิกส์ 5/5