ศิลปะแห่งไอคอน 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 ก็ถือว่าดีและรวดเร็ว นอกจากนี้ เนื่องจากพวกเขาเป็นแบรนด์ที่น่าเชื่อถืออย่างเหลือเชื่อสำหรับพวกเขา จึงสมเหตุสมผลดี

อีกประเด็นหนึ่งเกี่ยวกับการสร้างแบรนด์ก็คือ หากนั่นคือเส้นทางที่คุณจะไปสู่ ​​(หวังว่า) ในอนาคต ให้เลือกบางสิ่งที่สามารถปรับให้เข้ากับการตั้งค่าต่างๆ มากมาย ตัวอย่างเช่น Nike swoosh เข้ากันได้ดีกับไอคอนแอพต่างๆ มากมาย
ไอคอนการปะทะกันของชนเผ่า

ในทางตรงกันข้าม ไอคอน Clash of Clans นั้นแทบไม่ยืดหยุ่นเท่า และในขณะที่อาจมีข้อยกเว้นสำหรับไอคอนเกมที่มีตัวละครหลัก ฉันขอบอกว่าควรระมัดระวังในเรื่องไอคอนตัวละครที่มีสไตล์สูง

ยี่ห้อ Piggy-Backing

นี่เป็นวิธีที่สนุกในการได้รับการยอมรับจากผู้ชมของคุณได้ดีขึ้น (หมายเหตุ: ฉันไม่ได้สนับสนุนให้คุณทำผิดกฎหมาย หรือทำให้ผู้ใช้ของคุณเข้าใจผิด ดังนั้น โปรดดำเนินการด้วยความระมัดระวัง)

เราเข้าใจแล้วว่าหมายถึงอะไร ลองมาดูตัวอย่างกัน Hipstamatic เป็นแอปภาพถ่ายดิจิทัลที่เพิ่มฟังก์ชันการทำงานของโทรศัพท์กล้องของคุณอย่างทวีคูณ โดยพื้นฐานแล้วมันเป็น Instagram เวอร์ชันที่ดีมาก เมื่อรู้ว่าผู้ออกแบบไอคอน Aravind Kaimal ได้เกิดสิ่งนี้:
ไอคอน hipstamatic
รูปภาพผ่าน 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

อนา กอนซาเลซ
อนา กอนซาเลซ
ดูกระทู้ →
Valeria Santalla
Valeria Santalla
ดูกระทู้ →
Roberta Camarena
Roberta Camarena
ดูกระทู้ →
เจสสิก้า ฟูเอนเตส
เจสสิก้า ฟูเอนเตส
ดูกระทู้ →