Thiết kế responsive và tương lai của tìm kiếm di động

THIẾT KẾ RESPONSIVE
VÀ TƯƠNG LAI
TÌM KIẾM TRÊN THIẾT BỊ
DI ĐỘNG
THÁCH THỨC
THIẾT KẾ KĨ THUẬT SỐ
Bạn không biết thiết kế
Bạn không biết wireframes và tạo mẫu
Và bạn không biết quảng cáo bằng
nội dung
TÙY CHỌN
Điều bạn có thể làm hoặc nhờ giúp đỡ
tạo:
Blog posts, cuộc thi, infographics,
tính năng tương tác, hình thức nội dung
dài, video, thuyết trình,
YÊU CẦU KĨ NĂNG
•
Copywriting, nghiên cứu báo chí, ý tưởng câu chuyện
•
Hồ sơ khách hàng, phân tích dữ liệu
•
Tiếp cận cộng đồng và PR
•
Phát triển back-end và front-end
•
Sản xuất video, hình ảnh, thiết kế graphic
TẬP HỢP
Thiết kế tốt nghĩa là bạn có thể trình
bày mọi thứ cho khách hàng và họ sẽ
thuê bạn - người có kinh nghiệm

tuyệt vời nhất
VẤN ĐỀ
KĨ NĂNG HÌNH CHỮ T
Bạn không phải người thiết kế, bạn không phải
giám đốc dự án
Chuyên môn trong lĩnh vực duy nhất (có lẽ là
tìm kiếm kĩ thuật), với hiểu biết cơ bản nhiều
lĩnh vực sáng tạo khác
MỘT THÁP BABEL
Nếu bạn không thể nói ngôn ngữ của tôi, bạn không
thể lấy bất cứ thứ gì để xây dựng cách nó làm việc tốt
trong mỗi thiết bị
Nếu tôi không thể nói ngôn ngữ của bạn, tôi sẽ xây
dựng vài thứ khó tin và bạn sẽ không tìm thấy lợi ích
từ nó
SEO TRONG NĂM 2014?
Bạn cần thực sự hiểu biết biết cái gì
có thể tương tác với lĩnh vực của bạn
Bắt đầu với thiết kế
CÁC NGUYÊN TẮC CƠ BẢN
THIẾT KẾ TỐT LÀ
Đây là Dieter Rams. Ông đã đưa ra 10
nguyên tắc trong đó xác định thiết kế
tốt, mà đã trở thành touchstones cho
thiết kế tốt trong 40 năm qua
/>ms
NGUYÊN TẮC CỦA MỘT
THIẾT KẾ TỐT
1. Nó sáng tạo
2. Có các mục hữu ích

3. Có thẩm mỹ
4. Có các mục dễ hiểu
5. Nó không phô trương
6. Nó thân thiện
7. Nó không lỗi thời qua thời gian
8. Nó được chăm chút kĩ lưỡng và chi tiết
9. Tôn trọng môi trường
10.Không thêm chrome
TIỀM NĂNG
GẦN MÀ XA
Đây là ví dụ của nội dung tuyệt vời,
từng chút một, không xem xét trên
điện thoại di động
THE PIXAR THEORY
/>•
HTML5
•
CSS3 layout, font inports
•
jQuery, jQuery UI, smaill JS
elements
WINGTIP OR SADDLE
/>ngtip-or-saddle.html
•
HTML5 video, audio
•
CSS3 layout, font inports
•
jQuery, jQuery UI, 7 jQuery plugins

•
Sản xuất video, âm thanh mẫu
•
Hình ảnh packshot
SNOWFALL
/>jects/2012/snow-fall/#/?pa
rt=tunnel-creek
•
HTML5 video, audio
•
CSS3 layout, font imports
•
jQuery, jQuery UI, 3jQuery plugins, Underscore,
Orientation detection, Modernizr, mustache,
mediaelementjs
•
Video, 3D graphics và sản xuất âm thanh
•
Hình ảnh packshot
VẤN ĐỀ