การออกแบบการโต้ตอบบนมือถือที่ดีที่สุดของปี 2017
เผยแพร่แล้ว: 2018-01-21นี่คือการออกแบบการโต้ตอบบนมือถือบางส่วนที่ 'ว้าว' ให้กับอุตสาหกรรม
ที่ Proto.io เรารู้สึกตื่นเต้นที่จะได้เห็นแนวคิดการออกแบบที่สดใหม่และสร้างสรรค์ที่ออกมาในปีนี้ เมื่อปี 2018 เริ่มต้นได้อย่างยอดเยี่ยม สิ่งสำคัญคือเราต้องมองย้อนกลับไปที่การออกแบบการโต้ตอบบนมือถือที่ "สร้างความประทับใจ" ให้กับอุตสาหกรรม ปีที่แล้วเราได้สำรวจการออกแบบการโต้ตอบบนมือถือห้าอันดับแรกตั้งแต่เดือนมกราคมถึงธันวาคม และเราต้องการสรุปคอลเล็กชันเหล่านั้น
เพื่อไม่ให้เป็นการเสียเวลา เรามาเริ่มกันที่การออกแบบการโต้ตอบบนมือถือที่ทำให้เราดูซ้ำสอง (หรือมากกว่านั้น!) ในปี 2017 กัน
สินค้าและรถเข็นโดย Skiti For Steelkiwi Inc.
แนวคิดของแอปนี้สร้างความประทับใจให้ฉันด้วยการเปลี่ยนแปลงที่ราบรื่นเมื่อคุณเพิ่มรายการลงในรถเข็นของคุณ นักออกแบบได้เพิ่มจังหวะการประสานข้อมูลที่น่าสนใจเมื่อคุณปัดผ่านตัวเลือกผลิตภัณฑ์
แอนิเมชั่นการตั้งค่าการสนทนาโดย Luboš Volkov
แนวคิดของแอปนี้ทำให้ฉันสนใจเพราะการออกแบบนั้นลื่นไหลอย่างแท้จริง การเปลี่ยนการตั้งค่าของแอพไม่เคยเป็นส่วนที่น่าตื่นเต้นมากในการใช้งาน แต่เมื่อส่วนหนึ่งไหลเข้าสู่ส่วนอื่นอย่างราบรื่น เป็นการยากที่จะไม่เพลิดเพลินไปกับไมโครอินเทอร์แอกชัน
การออกแบบปฏิสัมพันธ์โดย Dipu Mathew
เราเคยเลื่อนลงมาหรือกวาดนิ้วไปทางด้านข้างเพื่อดูตัวเลือกต่างๆ แต่แมทธิวใช้การหมุนที่น่ายินดี (ตั้งใจเล่นสำนวน) โดยรวมแล้ว มันเป็นแนวคิดที่เหนียวแน่นมากซึ่งขับเคลื่อนความรู้สึกในการปั่นกลับบ้าน
Co-Play Interaction 1 โดย studio&more
Co-Play มีวิธีสนุกในการดึงข้อมูลและลดขนาดข้อมูล การเคลื่อนไหวที่เพิ่มขึ้นและลดลงของแอพ Co-Play ทำให้เป็นตัวเลือกที่ผ่อนคลายเพื่อให้การทำงานเป็นกลุ่มง่ายขึ้น
กรองโดย Vladimir Gruev สำหรับ Heartbeat.UA
แนวคิดของแอปนี้ทำให้กระบวนการซื้อแว่นตาดีขึ้นโดยทำให้ฟังก์ชันการกรองง่ายขึ้น พวกเขายังเพิ่มเอฟเฟกต์การตีกลับจำนวนมากเพื่อปรับปรุงประสบการณ์ผู้ใช้
เมนูพับหีบเพลง โดย Alex Khoroshok
การออกแบบการโต้ตอบบนมือถือนี้เป็นส่วนหนึ่งของแนวคิดแอปสำหรับช็อปปิ้ง และมันค่อนข้างสมบูรณ์แบบในสายตาของฉัน เพราะมันทำในสิ่งที่คุณต้องการอย่างแท้จริง (เปลี่ยนหมวดหมู่หรือแตะลงในรถเข็นของคุณ) แต่ก็มีการตีกลับและไหวพริบเล็กน้อย มัน. ฉันคิดว่านี่เป็นวิธีที่ดีในเมนูแบบเลื่อนลงเมนูแฮมเบอร์เกอร์โดยเฉลี่ยที่ทำให้การค้นหาข้อมูลในแอปสนุกขึ้นมาก
Omelo โดย Caleb Barclay
ฉันชื่นชมการเคลื่อนไหวในแอพ Omelo เพราะมันแนะนำจังหวะในกระบวนการทำโครงการให้เสร็จ Omelo มีมุมมองในระดับสูง กำหนดเส้นตายที่ยิ่งใหญ่ แต่ยังให้ข้อมูลเชิงลึกเกี่ยวกับส่วนเล็ก ๆ ของโครงการที่ทำให้ทั้งทีมจดจ่อในแต่ละวัน
Coloursup โดย Vijay Verma
แนวคิดของแอปนี้ช่วยให้คุณสามารถปัดผ่านสีต่างๆ มากมาย และเมื่อคุณพบสีที่คุณชอบ คุณก็แตะมันเพื่อค้นหาจานสีเต็มรูปแบบที่มีเฉดสีดั้งเดิมหลายเฉด ส่วนที่ฉันชอบที่สุดในการออกแบบการโต้ตอบบนมือถือนี้คือวิธีที่เฉดสีจะหยดลงมาบนหน้าจอเมื่อคุณเลือกสี
การเตือนตำแหน่งโดย David Lau
แนวคิดของแอปนี้จะแจ้งเตือนคุณเป็นเวลาหลายนาทีก่อนที่คุณจะไปถึงจุดหมาย มีการโต้ตอบทางมือถือที่โดดเด่นมากมายที่นี่ เช่น เมื่อคุณเลือกจำนวนนาทีก่อนจะไปถึงจุดหมาย สีฟ้าจะเติมในช่องสี่เหลี่ยม โดยแสดงการเลือกของคุณ
ความสำเร็จของโปรไฟล์ฟิตเนสโดย SELECTO
แนวคิดของแอปนี้จาก SELECTO มีไว้สำหรับให้ผู้ใช้ติดตามน้ำหนักและการวัดของพวกเขาเมื่อเวลาผ่านไป ป้ายเป็นส่วนที่ฉันชอบที่สุดในแนวคิดนี้ เนื่องจากเป็นการเพิ่มช่วงเวลาแห่งความสุขเล็กๆ น้อยๆ และเฉลิมฉลองการบรรลุเป้าหมาย
แนะนำสำหรับคุณ:
Metaverse จะพลิกโฉมอุตสาหกรรมยานยนต์อินเดียได้อย่างไร
บทบัญญัติต่อต้านการแสวงหากำไรสำหรับสตาร์ทอัพในอินเดียมีความหมายอย่างไร?
Edtech Startups ช่วยให้แรงงานอินเดียเพิ่มพูนทักษะและเตรียมพร้อมสู่อนาคตได้อย่างไร...
หุ้นเทคโนโลยียุคใหม่ในสัปดาห์นี้: ปัญหาของ Zomato ยังคงดำเนินต่อไป, EaseMyTrip Posts Stro...
สตาร์ทอัพอินเดียใช้ทางลัดในการไล่ล่าหาทุน
แพลตฟอร์มการตลาดดิจิทัล Logicserve ระดมทุน INR 80 Cr รีแบรนด์เป็น LS Dig...
ให้คะแนนประสบการณ์ของคุณโดย Saptarshi Prakash สำหรับ Zeta
การออกแบบการโต้ตอบบนมือถือนี้เรียบง่ายมาก และทำให้ประสบการณ์การให้คะแนนสนุกสนานยิ่งขึ้น มันฝรั่งทอดและเครื่องดื่มกระโดดขึ้นไปบนหน้าจอและมีการเคลื่อนไหวที่เหมือนจริง โดยของทอดทั้งหมดจะกระโดดขึ้นไปในภาชนะ และตัวหนึ่งอยู่ด้านบนบินได้สูงกว่าตัวอื่นๆ แล้วกลับเข้ามาใหม่
รายงานข้อมูลรายเดือนโดย Stanislav Hristov สำหรับ DtailStudio
การเคลื่อนไหวที่สั่นคลอนตลอดการเปลี่ยนหน้าจอช่วยเพิ่มบุคลิกให้กับแอป การออกแบบการโต้ตอบบนมือถือนี้เป็นหนึ่งในสิ่งที่ดีที่สุดที่ฉันเคยเห็นเมื่อเร็ว ๆ นี้ เพราะไม่เพียงมีการเปลี่ยนระหว่างหน้าจอที่สวยงามเท่านั้น แต่ยังแสดงให้เห็นว่านักออกแบบใส่ความคิดในตระกูลของรูปร่างที่พวกเขาใช้เพื่อถ่ายทอดข้อมูลและคงไว้ซึ่งความสอดคล้องกันมากเพียงใด วิธีที่สวยงาม
Music Echo UI โดย JACKW สำหรับ Wizard Alliance
ส่วนที่ฉันชอบในการออกแบบการโต้ตอบบนมือถือนี้คือการเปลี่ยนหน้าจอ เมื่อคุณแตะปุ่มข้อความ ส่วนข้อความจะปรากฏขึ้นเพื่อเข้าควบคุมหน้าจอส่วนใหญ่
การ์ด Interactive Demo โดย Chris Yang สำหรับ New Beee
แนวคิดของแอปพอดคาสต์นี้มีการออกแบบการโต้ตอบบนอุปกรณ์เคลื่อนที่ซึ่งมีรากฐานมาจากการ์ด ฉันชอบวิธีที่การ์ดเปลี่ยนจากโหมดแนวตั้งเป็นแนวนอนเป็นพิเศษ เมื่อเปลี่ยนจากการแตะที่การ์ดเป็นเมนูหลัก
เลือกที่นั่งและขั้นตอนการชำระเงินโดย Vitaly Rubtsov
แนวคิดของแอปนี้ทบทวนกระบวนการจองเที่ยวบินและทำให้การออกแบบเป็นมิตร มันใช้งานง่ายและรายละเอียดที่เกี่ยวข้องก็ไม่มีอะไรโดดเด่น แนวคิดนี้จะนำเราไปสู่ขั้นตอนการเลือกประเภทของที่นั่งที่คุณต้องการซื้อ จากนั้นภาพพื้นหลังของเครื่องบินจะเข้ามาแทนที่หน้าจอและหมุนเพื่อนำคุณไปสู่กระบวนการเลือกที่นั่งโดยตรง
แอนิเมชั่น Marketplace โดย Alex Bender
แนวคิดของแอป Marketplace นี้สนุกมาก สาเหตุหลักมาจากการเคลื่อนไหวที่กระพือปีกเมื่อคุณย้ายไปมาระหว่างหมวดหมู่และขยายเพื่อดูหมวดหมู่เฉพาะ เมื่อคุณไปถึงรายการสิ่งที่อยากได้หลัก จะมีการเคลื่อนไหวที่ดีเพื่อปรับส่วนหัวและหมวดหมู่แรกให้เข้าที่
การโต้ตอบการ์ดกิจกรรมแอปอีคอมเมิร์ซโดย LINA_ สำหรับ UIGREATY
แนวคิดของแอปนี้พยายามและประสบความสำเร็จในการทำให้ประสบการณ์การช็อปปิ้งออนไลน์เหมือนจริงมากขึ้น เมื่อคุณปัดไปทางซ้ายและขวาผ่านผลิตภัณฑ์ จะช่วยให้คุณเลื่อนไปรอบๆ รูปภาพผลิตภัณฑ์และรับมุมมองที่ไม่เหมือนใคร การเคลื่อนไหวนี้เกือบจะรู้สึกเหมือนกำลังจับกระเป๋าเงิน
Unnight — ค้นพบค่ำคืนโดย Stan Yakusevich ? สำหรับ Heartbeat Agency
เป้าหมายของแอปนี้ดูเหมือนจะทำให้ผู้ใช้ออกไปและกำลังจะมีความสนุกสนานมากขึ้น มีการเคลื่อนไหวแบบกระดานหกที่ยอดเยี่ยมที่สั่นไหวเมื่อคุณสลับไปมาระหว่างเหตุการณ์กลางวันและกลางคืน ในขณะที่คุณทำเช่นนั้น โทนสีจะเปลี่ยนเป็นสีม่วงเข้มสำหรับกิจกรรมยามเย็นและสีพีชสดใสสำหรับกิจกรรมในเวลากลางวัน
ส่วนต่อประสานเครื่องชงกาแฟโดย Gal Shir
นี่เป็นแนวคิดแอปสนุก ๆ สำหรับปรับแต่งเครื่องดื่มกาแฟ การตัดสินใจเลือกขนาดและแตะ "ถัดไป" จะเป็นการส่งการเลือกขึ้นไปที่มุมบนซ้ายในลักษณะกระเด้ง เสร็จสิ้นขั้นตอนแรกของการทำเครื่องดื่ม เมื่อเป็นเช่นนี้ ตัวเลือกแรกสำหรับน้ำนมจะกระดอนไปที่กึ่งกลางของหน้าจอในลักษณะที่เสริมกัน
สองคำเชิญโดย ลีโอ เหลียง
เมื่อคุณแตะหนึ่งในการ์ดอันดับต้นๆ ของการออกแบบการโต้ตอบบนอุปกรณ์เคลื่อนที่ เส้นที่แบ่งสีด้านล่างส่วนหัวจะเคลื่อนที่ในลักษณะกระดานหกโดยเอียงลง อีกรูปแบบหนึ่งที่น่าพึงพอใจมากคือปุ่ม "ย้อนกลับ" ที่ตกลงมาในน้ำตกจากด้านบนของหน้าจอ ถัดจากการ์ดที่ขยาย
วาง Pinata โดย ⋈ Brandon Termini ⋈ for Handsome
แนวคิดของแอปนี้ให้คุณแชร์ตำแหน่งของคุณโดยปักหมุด…pinata นั่นคือ! เมื่อคุณแตะพินนาต้าแล้ว พินนาต้าเฉพาะของคุณจะลดลงที่ตำแหน่งของคุณและเคลื่อนไหวเล็กน้อยราวกับว่ามันห้อยลงมาจากต้นไม้และเต็มไปด้วยลูกกวาด
Cinema App Concept โดย Anton Skvortsov สำหรับ Norde
แนวคิดของแอปนี้มีเลย์เอาต์การ์ดที่ขยายได้ซึ่งช่วยให้คุณเลื่อนดูภาพยนตร์ที่ฉายไปแล้วและปัดลงเพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับภาพยนตร์ที่คุณเลือก หลังจากที่คุณตัดสินใจว่าจะดูหนังเมื่อใด โรงละครที่น่ารื่นรมย์ (แม้ว่าจะเล็กกว่าที่ที่ฉันเคยเห็นมากที่สุด) ก็จะปรากฏขึ้นเพื่อให้คุณสามารถเลือกที่นั่งที่แน่นอนที่คุณต้องการนั่งได้
X เรียกดูการโต้ตอบโดย UI8
แนวคิดของแอปนี้มีความสามารถด้านอีคอมเมิร์ซ โดยผู้ใช้ผลิตภัณฑ์ที่กำลังเป็นที่นิยมสามารถเลื่อนดูเพื่อค้นหาสิ่งใหม่ๆ ปฏิสัมพันธ์การท่องเว็บมีช่วงการเปลี่ยนภาพและองค์ประกอบที่น่าประหลาดใจมากมายที่เคลื่อนไหวอย่างลื่นไหลอย่างไม่น่าเชื่อ
Green Food Interface โดย H-stepbackward สำหรับ UIGREAT
แนวคิดของแอปนี้ทำหน้าที่เป็นสูตรสำหรับเค้กรสเลิศและช่วยให้ผู้ใช้ซื้อส่วนผสมได้ ฉันชอบที่ส่วนผสมแต่ละอย่างพุ่งออกมาและไปอยู่ในคอลัมน์นั้นเมื่อคุณแตะมัน
แอพ Doge Weather โดย Minh Pham
Minh Pham ได้จัดทำรายการการออกแบบการโต้ตอบบนมือถือยอดนิยมของเรามากกว่าหนึ่งครั้ง การเคลื่อนไหวในแนวคิดนี้น่ายินดีมาก เนื่องจาก Doge ดูเหมือนจะรีบเร่งเพื่อไปยังการ์ดใบถัดไปเมื่อคุณปัดไปทางซ้าย
แอพ Watering Tracker โดย tubik
แนวคิดของแอปนี้ช่วยให้คุณทราบว่าพืชชนิดใดต้องได้รับการรดน้ำและเมื่อใดด้วยการแจ้งเตือนที่กำหนดเอง เมื่อคุณทำการรดน้ำเสร็จแล้ว คุณจะแตะที่ไอคอนน้ำ จากนั้นไอคอนจะเลื่อนลงมาที่หน้าจอและเปลี่ยนเป็นเครื่องหมายถูก การออกแบบการโต้ตอบบนอุปกรณ์เคลื่อนที่นี้ช่วยให้เห็นภาพงานบ้านด้วยภาพที่น่าดึงดูดได้เป็นอย่างดี
นั่นเป็นการสรุปการออกแบบการโต้ตอบบนมือถือยอดนิยมสำหรับปี 2017 เราพลาดรายการโปรดของคุณหรือไม่? อย่าลืมแสดงความคิดเห็นกับแอพที่เราควรจะรวมไว้ในบทสรุปครั้งต่อไปของเรา
โพสต์นี้ปรากฏครั้งแรกบนบล็อก Proto.io และทำซ้ำโดยได้รับอนุญาต